Issue #40

January 1, 2013

Dear friends,

New Year always comes with new challenges and with at least a couple of changes. So, I wish that all your challenges and changes are to the good, that all your projects succeed (and that the ones that don’t teach you a valuable lesson), and that your specificity problems disappear! Make the 2013 count!

Headlines

Progressive jpegs: a new best practice

Ann Robson

Ann Robson explains how can progressive jpegs be used in responsive design and what are their advantages and disadvantages.

CSS Masks – How To Use Masking In CSS Now

Christian Schaefer

Christian Schaefer shows how to use CSS masks (currently webkit only feature) across all browsers. An extensive and very detailed article.

Talks To Help You Become A Better Front-End Engineer In 2013

Addy Osmani

Addy Osmani shares quite a few front-end oriented talks. If you watch least a few of them, you’ll become better at what you do.

Markup-free icon fonts using unicode-range

Divya Manian

Divya Manian guides you through ins and outs of icon fonts using unicode range. Unfortunately, unicode-range is still not widely supported (only Chrome and Safari have implemented it until now).

My Workflow: Never having to leave DevTools

Remy Sharp

Yes, you actually can do almost all (CSS and JavaScript) work directly in browser and have the changes written to disk. Quite liberating.

How To Deal With Vendor Prefixes

Chris Coyier

If you (still) don’t have a clear strategy on dealing with vendor prefixes, this article is for you.

Using meta viewport to optimize rendering on mobile devices

Pete LePage

A solid introduction into meta viewport. It covers most of basic stuff that you might use in your projects.

Sass and Media Queries

It seems that Sass @media directive essentially doesn’t have a performance hit. Surely, It adds bloat to CSS (thus increasing the size and load time), but other than that, there shouldn’t be any drawbacks.