Welkom!
just another week passed and it's time for the next issue of the Web Development Reading List. Thanks to your support the list grew massively which is awesome!
As this project is growing, I switched the website code to use Jekyll. All archives from now on are written in Markdown language and are available on the archive page. The bigger news is, there is now an RSS feed for the WDRL as many of you wished. Also you are now able to submit links for the next issue via the Submission-Page. This is limited to 100 entries per month, so if the form is disabled, please be patient and submit later.
News
- Another Offline-First article, this time by sitepoint. It contains a good list to consider before you build a web-app.
- Ink is a responsive E-Mail template starter-kit by zurb.
- Harry Roberts shares a sample contract for client projects on GitHub.
- Google Chrome will soon display little icons to show the user if a website plays sound, video, uses recording or screensharing.
- Google Chrome will also soon support a Desktop Capture API that allows you to make screenshots.
- Mozilla is unprefixing their Firefox Browser beginning with their APIs.
Tools
- Create an living Styleguide from Sass and Markdown files with Sassdown.
- Firefox DevTools News: You can now edit in HTML, define color format, swatch previews, image previews, codemirror is used in several places, log reflows.
- ionicons is a great, free (MIT licensed) iconset.
- Remote Debug is an initiative to unify DevTools protocols of all browsers.
- bambam! is a new collaboration tool. Looks really good, so you might want to give it a try?
- The Mailchimp Pattern Library is a collection of atomic web-elements. Very useful and nice.
- Mozilla shows you how to debug memory issues on Firefox OS.
- FlexImg offers you responsive images on your own server as its an OpenSource library.
- Want an Alternative for Google Docs? OwnCloud Docs is out.
HTML & CSS
- Allex Russell on Long Term Web Semantics and what semantic means. Not the shortest but a very good article.
- Why we need reponsive images: Part Deux. By Tim Kadlec — he explains why compressive images are not necessarily a good technology.
- Browsers can only animate very few CSS properties really fast. This article shows how you achieve best performance.
- Creating non-rectangular layouts with CSS Shapes. Don't know what CSS Shapes are and do? Read this article – it eplains nearly everything.
- About long-term web semantics.
- You're not pleased with the default Google Maps style for your integration? Then choose one of the themes at SnazzyMaps.
- Unicode? ASCII? Well, we still have something way to go here.
- Steve Souders explains what Pre-browsing means today and how you can help the browser to look ahead for the right resources.
- Tetris & the power of CSS shows how you can achieve box layouts similar to flexbox without flexbox.
- Web Components will be powerful for developers and now this article explains how use them to import files into your webpage.
- Be careful how you apply your hardware accelerated CSS3 transitions
JavaScript
- Please do care about Third-Party scripts you're using in your website. Guy Podjarny has a good slidedeck why this matters so much.
- Ever wanted to know more about DOM Events in JavaScript? This article gets you started!
- This article explains how to use the Fullscreen API in depth. Updated link to original English article (thanks @knja).
+ beyond…
- Don't know what conference you want to attend? Here is a good conference guide by Rachel Nabors.
- »So, why don’t you join me in tackling some of the little things that might be distracting your attention?«, Emma Boulton says and she's right.
That is quite a list, isn't it? I am terribly sorry for you but the past week has been incredibly productive in webdev world and this is the result. But be sure, there will come quieter weeks again. Now grab a coffee/tea (or a beer) and start reading through all the links you've just opened up in your browser.
Groetjes!
-Anselm