Hi,
this week the Web turned 25. It has been an amazing journey from what I can say and I want to thank everyone out there who actively helped to push the web forward, to develop web standards, browsers, and all the things so I can work in this great area of Front-End development. Thank you all! ♥
News
- Sass 3.3 is out. With big news like Source Maps support (Wooo!), SassScript Maps, easier inheritance operators (
&-suffix
), changed variable scope it’s a big release and a huge step forward for Scss as a language. - Grunt 0.4.3 is out. It is a bugfix release and deprecates the
grunt.util.*
API. - Bower 1.3 is out, featuring many small improvements and allowing circular dependencies to be installed as well as scripts/hooks support.
- Chrome now has an intent to ship CSS
touch-action
to control touch actions via CSS. - Chrome will support WOFF2.0 in version 35 to improve the load and (de)-compression behavior of webfonts along with some other webfont improvements so that they’re loaded faster.
- What’s new in iOS 7.1 Safari—in short, mostly bugfixes but some bugs still left behind. And please, oh please,
minimal-ui
is for Homescreen-Apps only—don’t even think of using it on a normal website.
Design / UX
Git
- Git tips and tricks Part 1.
- Rebase you interactively for great good.
- Git Subtrees as alternative to Git Submodules?
Tools
- Joschi Kuphal just published it’s Iconizr tool now made in node. This means there’s now also a grunt-task
grunt-iconizr
. Iconizr takes a folder of SVG images and creates a CSS icon kit out of them, serving the icons as SVG / PNG sprite or embedded data URIs (depending on the client's capabilities), along with suitable CSS / Sass / LESS etc. resources and a JavaScript loader for easy integration into your HTML documents. Very useful! - Tiff creates a visual comparison between two typefaces.
- Stylestats, an efficient node library for keeping stylesheet statistics.
Web Performance
- How to track down performance issues on your own site when you don’t know where to start. And about Improving fixed positioned elements performance. And last but not least, why a Retina MacBook Pro behaves differently than a non-retina regarding painting cycles.
HTML
- Some practical ARIA examples. I really wished to have had this document a long time ago already…
- Here’s a Web Components Custom Element Boilerplate (if you’re using Polymer).
JavaScript
- Learn regular expressions in 55 minutes.
- 5 JavaScript debugging tips you’ll start using today.
- Beyond Source Maps—why source maps in JavaScript aren’t enough and what needs to be done to make them great.
CSS / Scss
- There is now a new CSS Regions polyfill which works better, smarter and fuller. Great to see this after Blink dropped native support a few weeks ago.
- Getting started with Sass Source Maps.
- How to find out what went wrong and where to search when a Sass build fails: An introduction to Error handling in Sass.
- Nicolas Gallagher on writing a Custom Preprosessor in Node that extends systems like Sass.
Events
- The Decentralize Camp, part of “Marc’s Web Week” in Dusseldorf (Germany) in May looks great. Tickets are EUR 25, Jeremy Keith and some great people who invent decentralized solutions will speak there. If you can, join it.
- The amazing FromTheFront will be back in September 2014 in Bologna (Italy). A super nice city, nice people and a great conference for a small budget.
- TheWeb.is will be a large conference with so many great speakers on board. Ping me if you’re there so we can meet!
Go beyond…
- Frank Chimero on being ‘lazy’ and/or just being a monkey with pants, about life, and the balance between living and working.
- Criticism: we're all in this together.
- Over time, I find that I ask for advice less and less. It’s not that I don’t need the input of other people any more; rather that I know whose advice I would ask, and I know those people well.