Headlines
Catching up with Brad Frost
Brad Frost is one of those web developers that always seems to be one step ahead of the game. His personal site is a hive of interesting thoughts, especially in the responsive design arena. All his side projects are super helpful and his passion for our industry is contagious. I fired a few questions over to Brad and he kindly sat down with his good pal Ziggy to give us all some sound advice. (web-design-weekly.com)
Blink: Google’s Forked Version of WebKit
In the short term, Blink will bring little change for web developers. The bulk of the initial work will focus on internal architectural improvements and a simplification of the codebase. For example, they anticipate to remove 7 build systems and delete more than 7,000 files — comprising more than 4.5 million lines — right off the bat. Over the long term a healthier codebase leads to more stability and fewer bugs. (blog.chromium.org)
Hello Blink
Bruce Lawson gives some brief thoughts on the exciting times ahead for the Opera browser using Blink. (brucelawson.co.uk)
Mozilla & Samsung Collaborating on New Web Browser Rendering Engine (mozilla.org)
Support this newsletter by becoming a memberfor the price of a coffee →
Articles
CSS Masking
Two commonly used operations in computer graphics are clipping and masking. Both operations hide visual portions of an element. If you have worked with SVG or HTML Canvas before, these operations are probably not new for you. The new CSS Masking specification aims to bring these two operations to the HTML world. (html5rocks.com)
CSS: Everything is global and how to deal with it
Philip Walton shares some strategies for dealing with the global nature of CSS, whether in your own project or when creating a library. (adobe.com)
Deploying JavaScript Applications
Alex Sexton shares tips and techniques for optimising and deploying large JavaScript applications. (alexsexton.com)
Responsive Deliverables
The old PSD-to-HTML workflow served us well for many years, but isn’t able to stand in the face of all the complexity that responsive web design and the multi-device web have introduced. (daverupert.com)
Printing The Web
Some great advice by Hans Christian on what you can do to get the best out of your page if it is printed. (drublic.de)
Internet Explorer 11′s user-agent string: What does it mean? (nczonline.net)
Using decimal percentage values in responsive design (nimbupani.com)
8 Guidelines and 1 Rule for Responsive Images (cloudfour.com)
Border-corner-shape is in danger, and you can help! (lea.verou.me)
CSS3 transitions and z-index (zomigi.com)
Tools / Resources
Bespoke.js
Bespoke.js is an HTML5 presentation micro-framework, less than 1KB minified and gzipped, with no dependencies. Bespoke.js provides the foundation, then gets out of your way so you can focus on uniquely crafting your own personal deck style. Using keyboard and touch events, Bespoke.js adds classes to your slides, while you provide the CSS transitions. (markdalgleish.com)
Superhero.js
Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. This website is a collection of the best articles, videos and presentations on the topic. (superherojs.com)
High-speed coding with Emmet
Emmet, previously known as Zen Coding, is the most productive and time-saving text-editor plugin you will ever see. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer. (smashingmagazine.com)
A Sublime Text plugin that integrates with Twitter’s Bower tool (germanforblack.com)
DevTools Extensions For Web App Developers (addyosmani.com)
Guard is Your Best Friend (net.tutsplus.com)
SVG Patterns Gallery (philbit.com)
Inspiration
Want to learn to code? Start here.
This post by Zack Shapiro is intended for working professionals who feels a strong desire to code to build things that they want to see exist in the world. (zackshapiro.com)
Forecast
Super impressive weather web app. Make sure you check out some of the map animations. (forecast.io)
Crazy cloth simulator in JavaScript (codepen.io)
Spring Bee with 1k of JavaScript (js1k.com)
The Webby Awards Gallery (webbyawards.com)
Jobs
JavaScript developer & Campaign Monitor
We’re looking for someone who lives and breathes JavaScript to take a leadership role within our engineering team and be responsible for the role it plays in how we build software. (campaignmonitor.com)
Place a job in next weeks WDW
Last But Not Least…
The 11 Phases of a Web Developer’s Career
The career of a web developer is an interesting one with many slopes. Considering a learning curve this steep, you can fully expect to live through periods of frustration, enlightenment, self-righteousness and every mindset in between. (net.tutsplus.com)
Read with your Webcam
Point your webcam at yourself and swipe your hand left or right to turn the pages of the book. This kinda stuff always blows my mind! (mozilla.net)