I played around with a rather nice wire-framing tool today. Wireframe.cc takes a min­i­mal­ist approach to its inter­face and user inter­ac­tion. Sim­ple ele­ments and a lim­ited color palette keep your wire frames clean and allow faster iter­a­tion. You can lay­out browser, tablet, and mobile screens. Eas­ily share your wire frame with a gen­er­ated URL, or book­mark it to come back and edit later. And all that for free.

I like that it adds just enough pol­ish over my hand scrib­bled mock­ups but is still fast and easy to work with.

Wireframe.cc Screenshot - minimalist mobile, tablet, and browser wireframing app

233 Days

For shame. I’m glad I’ve never called myself a blog­ger. I’m pretty sure seven months and twenty days is too long of a break between posts. Luck­ily, I’ve been work­ing on stuff.

A redesign of the site has been in the works. It’s been a slow process as I’ve also been retool­ing my work­flow. I’m writ­ing a post about that process and learn­ing new things which will go up with the new design. I’ll also have a post break­ing down the design as it includes a re-branding with new logo and focus. A few more final touches and it will be ready to go.

Preview of SpareType redesign in progress, home page, new logo, new color scheme

A redesigned SpareType

My atten­tion was also diverted from the web­site as I focused on open­ing a Society6 shop for some art­work. It was a great out­let for mak­ing stuff and putting it out into the world, which seems to be a con­stant nag­ging feel­ing I have lately.

SpareType on Society6 - Artwork, posters, t-shirts, phone cases

Spare­Type on Society6

And then there’s the fire­house of my RSS reader, that I still need to learn to con­trol. The con­stant inflow of free­bies, tech­niques, arti­cles, show­cases, and more is enter­tain­ing and infor­ma­tive. But it doesn’t get work done.

So I’m putting myself on notice. Get more work done. Now, back to work.

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.