Hey,
another summerish Friday and another Web Development Reading List. Enjoy the links, enjoy summer and the weekend!
News
- YepNope, the popular JavaScript loading library has been officially deprecated now.
- Firefox DevTools now have DOM Event Inspection. Man, this is so useful! I just love this feature soo much since it became available in Nightly a few days ago.
- Firefox 31 has been released, supporting WebVTT (subtitles for videos), CSS3 variables, massive DevTool improvements.
minimal-uia viewport header option introduced in iOS7 will no longer be continued in iOS8.- Opera 23 has been released, now supporting CSS
touch-action,will-change, unprefixed transforms, JavaScript Observers, and HTML Imports natively. Same for Chrome 36. - A first Mixed Content specification has been written to document how browsers should deal with content if you use more than one protocol for resources on the same page.
- For Firefox 33 openh264 will be integrated in the add-ons manager :)
Performance
- Perfmonkey is a coool tool to test the perceived performance of your website.
Design
- Love Authentic Photography? Free—handpicked-stockphotos for your commercial and personal works. All under CC or similar free licenses.
- Raumrot offers you a great collection of free photos under CC license.
- Ralf Herrmann about colored emoji in Windows 8.1 with color fonts.
- Don’t forget about Favicons on Retina Screens.
Tools
- A big list of awesome NodeJS tools.
- The Simple Sharing Buttons Generator does exactly what it says for your chosen networks in your chosen style: Generating Share-Buttons.
Git
- Tower, one of the best Git softwares (for Mac) out there, released version 2. If you have a Mac and want a UI for Git, purchase this one. It’s my favourite UI tool for Git.
JavaScript
- 18 Surprises from reading the jQuery source code. Interesting things in there.
- On web components Pascal Precht wrote an article comparing Polymer and X-Tag, two different polyfill libraries for web component stuff.
- OGV.js is libogg, libvorbis, and libtheora compiled to JavaScript with Emscripten. Yeah but with higher resolution videos you browser is easily on its limit.
- Why to choose frameworkless JavaScript in a project.
HTML / SVG
- Patternbolt is a fine selection of SVG pattern background, packed in a single CSS or SCSS file.
- Another great article about Responsive Images Use Cases, and code snippets to get you started on the Opera Blog by Andreas Bovens.
Sass / CSS
- SassDoc—Like JSDoc for your Sass files.
- GitHub gives insights on their CSS codebase.
- 10 cool CSS one-liners that will help you to compete with native apps.
- An image comparison slider with pure CSS. Neat technique by Lea Verou.
Go beyond…
- You love watching conference videos? dconstruct has its complete video archive of the past 9 conferences online.
- Fork this post.
- Try Something New Every Project. An advice you should really follow, it’s very important to stay up to date and enjoy your work.
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