Hey,
new week, new articles. Be prepared for a bunch of very interesting blog posts in this weeks reading list.
If you want to give me some support, I'd be happy if you vote for me here.
News
- In Chrome’s DevTools you now can go to a line number at a specific column.
- Significant progress has been achieved on Pointer Events support in Mozilla and Blink.
- MilePile is now in public alpha. Nice, but (in my opinion) has way to go.
- Blink now ships the basic implementation of
srcset
as a base for the to-come<picture>
element.srcset
will be shipped in Chrome Canary soon. - Firefox stable (v27) now has the CSS property
all: unset
included which basically unsets all default values by the browsers stylesheet. - Firefox Nightly supports the HTTP/2 draft. It is disabled by default and can only be used over TLS 1.1. This is a major step into the future and I hope other browsers will start adding experimental support, too.
General useful things
- The Guardian has an article about DRM worth reading. It bringt very own views on the topic, explains it a bit further and finally connects to mass surveillance which is pretty related.
- Vicki Murley wants to write a new book about CSS Animations funded by a Kickstarter campaign. You can support it now.
Tools
- SVGCleaner 0.6 is much faster and more accurate.
- Working when GitHub (or other services) go down. A what to do article with workarounds if you rely your work on external git services.
- Slack looks very good for team communication. Currently it’s in invitation-preview.
- Pinegrow, an visual Webdesign editor to create prototypes.
Web Performance
- Optimizing WebFont rendering Performance.
- Expectations on HTTP/2 and an explanation how it will work. Good read to get an overview: Cheaper Requests, no more spriting, inlining, same HTTP APIs, network-friendliness, server push and more.
- Web Performance is User Experience. Etsy’s performance analyzation lead to the result that adding 160kb to an image leads to 12% mobile bounce rate increase.
- Above the fold, inlining styles and why this is not always a good idea.
JavaScript
- Tether is a javascript library for making an absolutely positioned element stay next to another element. Cool for tooltips.
- Next time if you add an EventListener to
resize
, consider using a debounce function to increase performance.
CSS
- Hugo Giraudel explains how Sass Mixins differ from Placeholders and when to use what.
- He also explains how Sass
@extend
works in detail.
Go beyond…
- We already have the technique for a mobile black-box recorder with us. Our smartphones could save our life. Dan Eden describes in his article how an Emergency mode on a phone could look like.
- Working remote isn’t a bad thing. If you follow some rules, working remote can be great for both, the employees and the employer.
Hope you enjoyed the issue. If you have interesting links for me, submit them here and I'll consider adding them to one of the next issues.
Cheers and have a nice weekend!
Anselm