Vitamin T Vitamin T

Vitabites

The Vitamin T Blog: All you ever need to know about creative hiring, plus tips on digital portfolios, CVs, events, and trends.

5 Great Tools and Tricks for Designers and Developers (June 2017)

5 Great Tools and ...

Vacations are great, but they don’t come around often enough, right?

That’s why we think you should consider our Tools and Tricks posts as a kind of mini-vacation for your brain.

Got 5 minutes? Take a trip into any of these links below and we promise you’ll come “home” a lot smarter! (Which is certainly not something you can say about every vacation.)

Resiliant_web_design_fix

THE ROAD TO RESILIENT WEB DESIGN

Jeremy Keith (@adactio) is awesome. A veteran An Event Apart speaker, he’s also the founder of the UK strategic design consultancy Clearleft, and has written well-regarded books such as “DOM Scripting,” “Bulletproof Ajax,” and “HTML5 For Web Designers.”

His latest ebook offering, “The Road To Resilient Web Design” is fantastic. And that’s not just our opinion:

Ethan Marcotte - “Treat yourself to a read of @adactio’s lovely new (and free!) book, ‘Resilient Web Design.’” 

Val Head - “Only two chapters in and already loving @adactio’s Resilient Web Design. A book about the web on the web!”

Did we mention it’s also FREE? Yup. Available on the web, as a PDF, and in EPUB and MOBI versions.

comic-opt 

CREATE WEB APPS ENTIRELY BY WRITING HTML! 

For 2 long years HCI researcher Lea Verou has been diligently working on her project at MIT CSAIL. The result? Mavo, a language that extends HTML to describe applications that manage, store, and transform data.

According to Lea, and her converts, with Mavo you can make a website that non-technical folks can edit right in the browser. Make an app that calculates something and presents the results in a custom way. And so many other things. And all you need to do to use Mavo in any HTML page is to include its two files.

Check it out and see if you’re a convert as well!

download2

4 WAYS TO USE FUNCTIONAL ANIMATION IN UI DESIGN

We humans are visually driven creatures. Who can take their eyes off a TV (even if it’s just playing a “Golden Girls” rerun)? Or a campfire?

That’s why more and more designers are incorporating animation as a functional element to enhance the user experience. (See above.) 

Developer and UX aficionado Nick Babich gives some beautiful examples of how it’s done in his article over at Web Designer Depot.

 

Fontjoy-hed-796x398

FONTJOY

Pairing fonts isn’t easy. Especially when you’re fairly new to the design field. But whatever your professional level, Jack Qiao’s Fontjoy site is certainly worth a spin. Promise! 

Type in a few lines in then hit the “generate” button to see pairings from a database of more than 1,800 fonts.

Lock the fonts you want to keep, then hit the button again to create new pairings. 

Next up, wine and font pairings!

the-first-job-of-x-business-leaders-dv1

THE FIRST JOB OF 12 ICONIC LEADERS

Barack Obama scooping ice cream? Richard Branson breeding parakeets? Yes and yes.

Check out these world leaders’ first jobs set alongside their current net worth.

Not just a great idea for an inspirational infographic, it’s the perfect conversation starter at your next networking event.

Recent Posts

comments powered by Disqus