Hey,
another week, another list of articles for you to read over the weekend. Enjoy the list, spread the word and if you like the issue, support it (see details below). Thanks for subscribing, have a great weekend!
News
Opera 24 (Dev-Channel) adds h264 support, tab preview.
General stuff
Behold the Fold. Sophie from HappyCog shares her thoughts on “above the fold” and how impossible it is to figure out how wide and tall it is if you build your website responsively and without sneaking into the browser resolution, preventing it from prefetching things and only delivering the content with JS.
Bastian Allgeier about Simplicity and Tooling in today’s web industry.
Design
After all, from a customer service perspective, “meeting our users wherever they are” may be more “on-brand” than anything a style guide can hope to suggest.
Source Sans Pro is available in version 2.0 now with lots of improvements and new features (Cyrillic, Greek, IPA support).
Tools
Wow, Paul Lewis documents the path a browser goes from your markup and styles to display a pixel to the user.
Huxley is Facebook’s visual regression testing tool. But be aware that it uses Selenium WebDriver.
JavaScript
Five practical Examples for learning how React Framework works.
Isomorphic JavaScript—or why meteor.js and Rendr are very different to Backbone or Angular.
HTML / SVG
A lot of browser bugs related to webfonts can be found in this CodePen collection.
Tim Evko about ‘Front End Security is a thing, and you should be concerned about it’.
Speaking of security, did you know it’s possible to track your identity using CSP (Content Security Policy)? This is when security generates insecurity…
CSS
Sara Soueidan published another good article in which she explains how to clip elements and paths in CSS and SVG.
CSS Colorguard parses your CSS for color values and compares them. If it the finds very similar colors, it throws a warning and advises you to merge these sligthly different colors into one. It’s configurable as you want (threshold) and uses an amazing algorithm for the comparison.
The Future of Media Queries in which we get information about scripting support, luminosity, pointer information, hover possibility, content update-frequency (think of eInk displays, paper) and a proposal how to solve these approaches another way.
It’s an amazing piece of code what Osvaldas Valutis has built here but also sad that we still need to deal with so much hazzle in 2014 to get Responsive Equal Height Blocks.
Build Spheres with CSS shows what is possible nowadays: Build a spinning world just in CSS.
Go beyond…
What I’m most scared of, though, is being left behind…
To support this project, Flattr or GitTip me or share this resource with other people. It’s available via E-Mail, RSS and online.
Thanks and all the best,
Anselm