Hey,
wow, it’s already the 50ths edition of Web Development Reading List (WDRL) and it’s been over a year now since I started this project. With summer outside and this party fact 🎉 enjoy the list now, spread the word and if you like the issue, support it (see details below). Thanks for subscribing, have a great weekend!
News
- iTerm 2 version 2.0 is out. The popular terminal replacement app for OS X users has been released this week and now integrates tmux integration, toolbelts, triggers and new preference settings.
- The Guardian published its developer website with a great blog about what they’re developing.
- In Firefox DevTools, disabling Cache is now a persistent setting and will apply next time you use the DevTools, too. Also, Firefox now got a patch to support
noreferrer-attribute on links. - Google Chrome Canary supports the
<dialog>element now.
General stuff
- Back in CSS Level 2 a bunch of system colors have been defined. This is pretty cool as a user can set those colors in the OS and have it applied to your website.
Design
- Google published Noto, a font harmonized visually across all languages (and supporting them all).
Tools
jit-gruntis a neat grunt plugin that loads your pugins just in time instead of loading all into the memory without needing them all in that moment. It massively speeds up small grunt tasks but doesn’t work well for huge deployment tasks. Use it, but do it wisely.- Why Bower is the right package manager for Front-Ends.
- If you’re annoyed by the online services for placeholder images this tool creating SVG base64-encoded placeholders might be for you.
Git
- Martin Wolf shows how to push your git repository to more than one remote.
JavaScript
- When you build a JavaScript plugin it’s easy to support AMD and CommonJS in a go.
- Hongkong is a super-lightweight jQuery plugin for creating parallax effects.
- OpenType.js is an OpenType and TrueType font parser. It allows you to access the letterforms of text from the browser or node.js.
HTML / SVG
- Finally you can read this in-depth article by Sara Soueidan to understand the SVG Coordinate Systems & Transformations by starting with the
viewport,viewBox, &preserveAspectRatioattributes.
Sass / CSS
- How you can calculate your CSS animations with CSS and automate it with Scss. A cool technique I’ve been using myself several times now (although not putting that effort into a proper Sass mixin like Hugo did here).
- CSS only styled Custom select boxes.
- Jake Bresnehan, author of Web Design Weekly, wrote a great guide how to deal with a large CSS codebase in a project. Keeping them simple, conventions, a good toolchain and testing is most important…
- Harry Roberts shares advice to keep specifity low and shows some hacky tricks for dealing with specifity issues in CSS.
- Introducing SassDoc, like JSDoc but for Scss code.
Go beyond…
To support this project, Flattr or gratipay me or share this resource with other people. It’s available via E-Mail, RSS and online.
Thanks and all the best,
Anselm