34 - WDRL – Web Development Reading List

Hi,

it’s already friday and I have some new links for you so the weekend won’t be boring.

As a first step towards the Responsive Images implementation into Blink by Yoav Weiss, media queries are now evaluated in the preload scanner. You can still help fund the implementation.
Firefox DevTools now highlights the box model in-page which is a great feature; Web console got highlighting, network monitor git a new look, and the DevTools Toolbox is now available, all in Firefox Aurora (AKA Dev Channel).
A Firefox bug was fixed so it now recognizes line-height in input text fields.
WebKit speeds up CSS Selectors by introducing a CSS Selector JIT Compiler and shared the reasons on their blog.
WebP has been further improved to decrease decode time during roll-out at Google.

You don’t need to learn Git, Grunt, Gulp, Broccoli and all these tools to build your first website.
How to get inspiration as a Designer.
Here’s a list with Bulletproof HTML Email Components.
Wether you’re a developer, a dev-lead or manager for developers, you should try to code as often as you can.
Here’s a creative font toolkit incl. webfont licenses for just $28.

To check in npm dependencies or not to—that is the question. How the team at Box handles node dependencies.
Regexr 2 is out. It’s a great tool to play and test your regular expressions and now has a new layout and much more features!
Sharedrop is a HTML5 alternative of OS X’s AirDrop.
Interesting concept of sending data from microcontroller to any smartphone with MicIO.js.
Create and manage your Iconfonts like a boss with Sass & Font Custom. An awesome technique so you don’t have to build the fonts on your own anymore.

How to structure and write books in HTML source code.
The web accessibility checklist helps you to find the proper ARIA roles and respect the most important accessibility constraints in your project.
Responsive Images explained by a comic.

About Object equality in JavaScript.
Parsing your Iconfonts automatically to create a visual test with unicode character codes to ease your life with iconfonts.
Deliver synchronous ads asynchronously without modifying the ad code. This conditionally loads ads for responsive layouts using the ad container's dimensions, or a media query.
If you offer a credit card payment form, here’s a cool start for it.
Hypnos is a small JavaScript that lets you detect if a mobile device is sleeping or not.

CSS Easing Cheat Sheet. Keep this resource to quickly access cool easings for your CSS animations and transitions.
Use Sass’ feature_exists($feature) method to check if a feature already exists in your current Sass runtime. Here’s a rough how-to.
A creative new grid system made with Sass and the brand-new CSS calc() function.

Why your previous developer was terrible. A good article about praising new developers and blaming olds… because it’s all too common to all of us.

To support this project, Flattr or gratipay me or share this resource with other people.

Thanks and all the best,
Anselm

WDRL 34 from 28.3.2014