This Week’s Tabs

A new user inter­face — code­named Aus­tralis — is in the pipeline for Fire­fox. Look­ing good.

#Work­Can­Wait — find that work/life balance

An easy to fol­low intro­duc­tion to CSS flexbox.

53 per­cent of the time Waldo is hid­ing within… (via Kot­tke)

ish. — a pretty sweet view­port resizer. Hay! mode for the win. (via Side­bar)

This is a moth­er­fuck­ing web­site. (again via Side­bar)

Need a lit­tle inspi­ra­tion for a badge design? Abduzeedo has pulled a few great ones together.

Adam Mot­tau — nice, super clean port­fo­lio site

Another sim­ple port­fo­lio site with awe­some inter­ac­tion and ani­ma­tion — Bradley Haynes

This Week’s Tabs

BETTER EMAIL BRAULIO from Thun­der­tiger on Vimeo.

Some fun posters, cards, and stick­ers with great type — Fifty Five Hi’s

Type Fight — Two let­ters enter, one let­ter leaves.

Colin Tier­ney — Awe­some port­fo­lio with some great lettering

84 high qual­ity scans of wood type alphabets

How well do you know your brand blues? (And other hues)

Har­poon — Free­lance finan­cial plan­ning and met­rics looks promis­ing, along with a good newslet­ter to other free­lanc­ing articles.

5 Signs It’s Time to Make the Switch From Employee to Free­lancer (via Har­poon newsletter)

Good arti­cle, even bet­ter design. This is web jour­nal­ism tak­ing advan­tage of tech­nol­ogy to tell a story.

I’m think­ing about run­ning my own Dropbox-style server with own­Cloud. Another promis­ing piece of soft­ware to check out.

Christ­mas is right around the cor­ner, maybe you need some free fes­tive icons.

Two javascript plu­g­ins for draw­ing charts — chart.js uses HTML5 can­vas while Pizza takes an unordered list and pro­duces an SVG

Type­sense is a sim­ple, respon­sive and content-centric Word­Press theme from Math­ieu Mayer-Mazzoli.

Headline Heads Up — No. 21

One Tues­day every month, I’m going to round up a cou­ple (maybe a few) awe­some dis­play type­faces to show­case and give a lit­tle break­down on each one. If you have a sug­ges­tion you want me to take a look at, drop me a line. Let’s jump straight into some head­line goodness.



Foundry : Lián Types
Designer(s) : Max­i­m­il­iano Sproviero
Cost: $37

Brand Typeface by Maximiliano Sproviero - Soft Chancery Cursive Script Example

It’s no mis­take the sam­ple above is all about food; Brand is the per­fect pack­ag­ing script for tasty morsels. It has vari­ety with Open­Type lig­a­tures and alter­nates to help it grab atten­tion, but leg­i­bil­ity and read­abil­ity remain high when glanc­ing on a store shelf or adver­tise­ment. There are also inline and shaded ver­sions that would work great for warm, invit­ing invitations.



Foundry : Font­fab­ric
Designer(s) : Evgeny Tkhorzhevsky
Cost: $95

Braxton Typeface by Evgeny Tkhorzhevsky Alphabet Example - Pointed calligraphic upright script

On the other end of the script spec­trum is the pointed, cal­li­graphic Brax­ton by Evgeny Tkhorzhevsky. Avail­able in five weights, the delib­er­ate style of the strokes give the let­ters strength. How­ever, the rep­e­ti­tion of the angle and ver­ti­cal stroke weight destroy read­abil­ity in any kind of longer sen­tence set­ting. With a few extra lig­a­tures and styl­is­tic alter­nates, Brax­ton would work well in pack­ag­ing or an iden­tity system.


Levi Rebrushed

Foundry : Levi Szek­eres
Designer(s) : Levi Szek­eres
Cost: FREE for per­sonal use

Levi Rebrushed by Levi Szekeres Alphabet Example - Rough, raw brush design font

Sim­i­lar to Brax­ton, Levi Rebrushed is built on very delib­er­ate strokes. The rough, painter style isn’t for every project, but for the right grunge, punk, or edgy poster it is per­fect. You will also need to check that you have all the glyphs you need as this is far from a pro­fes­sional font with full lan­guage support.


Brush Up

Foundry : Pin­tas­silgo Prints
Designer(s) : Ricardo Marcin, Erica Jung
Cost: $24

Brush Up Typeface by Pintassilgo Prints Alphabet Example - Hand painted brushed font with alternate characters

Stick­ing with brush style type­faces, next is Brush Up by the duo at Pin­tas­silgo Prints. This hand-painted type con­tains three vari­a­tions of each let­ter, two vari­a­tions of numer­als, a cou­ple of extra punc­tu­a­tion glyphs, and even a few squig­gles. Its style floats between grunge, hip­ster, and play­ful depend­ing on how it is paired with imagery and even its color. That makes it a very ver­sa­tile tool when need­ing a hand made touch.



Foundry : Delve Fonts
Designer(s) : Mike Rohde
Cost: $99

Sketchnote Typeface by Mike Rohde Alphabet Example - Hand drawn type

We’re stick­ing with hand made for the last three type­faces on this month’s round up. First up is Sketch­note from Mike Rohde. Mike is the guy behind the whole sketch­note idea and he even wrote a book about it. When he needed a hand-drawn type­face to set his book, he cap­tured scans of his own hand­writ­ing and dig­i­tized them. The edges keep the slightly rough tex­ture of ink on paper while the strokes show the slight vari­a­tion of the human hand as it moves across a page. Great ideas and a great typeface.



Foundry : Juraj Chrastina
Designer(s) : Juraj Chrastina
Cost: $59

Charmante Typeface by Juraj Chrastina Alphabet Example - Charming handwritten font

The sec­ond hand-drawn type­face on this month’s list is Char­mante. It’s elon­gated pro­por­tions give it a ton more char­ac­ter and quirk. Shown above for K-S the bold style adds even more inter­est­ing fea­tures by unevenly increas­ing only cer­tain stroke weights. All of it com­bines to make a charm­ing, casual font for invi­ta­tions, greet­ings, and cof­fee shop menus.


Lango Px

Foundry : Pix­i­late
Designer(s) : Kemie Guaida
Cost: $24

Lango Typeface by Kemie Guaida Alphabet Example - Fun, playful handwritten font

Last up this is month is Lango Px. This hand-drawn type­face is avail­able in four weights; it has tons of bounce and play­ful­ness in its tall, lean let­ters. Its casual and dare I say an excel­lent replace­ment for when a client demands Comic Sans on a project. Lango Px would also be per­fect for baby announce­ments, children’s birth­day cards, and other juve­nile pieces. Pix­i­late also has sev­eral other hand­writ­ing style fonts worth check­ing out.


This Week’s Tabs

Mag­a­zines are not dead. Espe­cially when they are well designed. Digest and Codex #3 are great examples.

A great behind the scenes by Elliot Jay Stocks on Digest’s typog­ra­phy & grid.

Two great typog­ra­phy Tum­blrs — Type Novel and Type Hunt­ing

What level web devel­oper are you? Find out at Dun­geons & Developers

How about cir­cles in web design? First is cir­cu­lar nav­i­ga­tion from CSS transforms.

Then, cir­cu­lar hover effects from CSS tran­si­tions. (via Veerle)

Glitched out jpegs are totally a thing right now. (via Sidebar)

How much money is your mil­lion dol­lar idea going to make you? Find out at What do you stand to make?

I was totally look­ing for some­thing like this last year. I didn’t Google the right key­words. Net­work Link Conditioner

You can always have more icons. 50 Icon Sets with Stroked Icons via Iconfinder.

This Week’s Tabs

Macaw Sneak Peek from Macaw on Vimeo.

Want a quick cheat sheet of CSS3 Ani­ma­tions? Here it is.

Speak­ing of ani­ma­tion, a nice exam­ple of a fixed header bar that scales on scrolling.

A genius UI con­cept, move load­ing indi­ca­tors into the action that trig­gered it.

More code — Slide and push menus that appear from off page.

Even more code — Gridism by Coby Chap­ple. A sim­ple, respon­sive CSS grid.

Matthew But­t­er­ick has pub­lished a web-based book — Butterick’s Prac­ti­cal Typog­ra­phy. Great tips (or reminders) of what good typog­ra­phy means. (via Side­bar)

Another Side­bar find — The Hip­ster Logo Design Guide. Six steps to the per­fect logo.

Sim­i­lar advice from Web­de­signer Depot — 12 Signs You’re a Trendy Designer. Beware…

Are long shad­ows the next phase of flat design?

Her­itage UI vec­tors by Ryan Put­nam. Really, you should check out every­thing he does. Rype Arts, Vec­tor Mill, Vec­tips. Pro­lific would be a good descrip­tive word.

The most min­i­mal­ist Word­Press theme I’ve ever seen — Clut­ter­less by One Page Love

Let’s fin­ish with another video, Under­light — Ale Paul meets Tomás Gar­cía by Author’s Bay.

The Pixar Theory

Jon Negroni con­nects all the threads and Easter eggs through­out the Pixar uni­verse.

But her love for Sully is, after all, the crux of the entire Pixar uni­verse. The love of dif­fer­ent peo­ple of dif­fer­ent ages and even dif­fer­ent species find­ing ways to live on Earth with­out destroy­ing it because of a lust for energy. And that is the Pixar Theory.

And what would a uni­fied the­ory of some­thing be with­out time travel.

An issue some have found is that this doesn’t prop­erly explain what hap­pened to humans. I haven’t set­tled on a the­ory I really like yet, but I’m lean­ing towards the idea that mon­sters and machines even­tu­ally for­got that they need humans and got rid of them again, not real­iz­ing their mis­take until all humans died out, lead­ing to the neces­sity for time travel.

Or it’s all coin­ci­dence of reusing art­work and wire frames. I like the the­ory better.

(via The Verge)

This Week’s Tabs

Adrift from Simon Chris­ten on Vimeo.

A day in the life of a type designer — a lit­tle to the left, a lit­tle to the right

Ready to Inspire Con­fer­ence — design, type, code (also check out last year’s videos)

Pen and ink let­ter­ing — qual­ity, robust, serendip­ity, tactile — great ref­er­ence for width, height, den­sity, and aspect ratio

430+ FREE sto­ry­board illus­tra­tions — Not for com­mer­cial use, but still a great inspi­ra­tion for sketching

Adam Whit­croft — check out the cou­ple of projects he has released — an awe­some way to build color palettes

Design­ers Like to Com­plain — love the tum­blr theme

The Secret Hand­shake — help­ful, inspi­ra­tional tips for cre­ative individuals

Special Fourth of July Wallpapers

This month’s Wall­pa­per Wednes­day is a spe­cial Thurs­day, hol­i­day edi­tion. In cel­e­bra­tion of Inde­pen­dence Day here in the States, I’ve got two wall­pa­pers inspired by red, white, blue, stars, and stripes. They’re not overly patri­otic by the time I got fin­ished with them. I really grunged it up with the dis­tressed tex­tures. Happy Fourth!

Stars Stripes Distressed Wallpaper Preview, Grunge Rising Sun Red White and Blue

2880 x 1800 (Retina dis­play Mac­book Pro)
2560 x 1440
1920 x 1200
1440 x 900
1280 x 1024
1024 x 768
640 x 1136 (iPhone 5)


Rusted Stars Distressed Wallpaper Preview, Grunge Rust and Canvas Texture with Tattoo Nautical Stars

2880 x 1800 (Retina dis­play Mac­book Pro)
2560 x 1440
1920 x 1200
1440 x 900
1280 x 1024
1024 x 768
640 x 1136 (iPhone 5)