Hey,
an exhausting week for me finally comes to an end. The usual work ongoing, I am in the last preparations for my conference in Berlin, Germany, called PUBKON happening next week. But we’re here for the latest news and coolest articles of the week.
Before that, thanks for all the people who support me on gratipay and Flattr, you’re amazing! And now on to the articles I want to share with you:
News
- Picturefill 2.1-beta contains several bugfixes, vastly improved
srcsetparser and a more robust test suite. - With iOS8 UIWebView (the App internal web browser) will finally get the same performance as the iOS Safari. This is a huge step for web based apps or for 3rd party browsers like Google Chrome.
- Gmail is experimenting with a browser plugin to provide end-to-end encryption for emails for its users.
- LibSass 2.0 has been released this week and brings support for “BEM”-selectors,
.sasslanguage support, string functions, UTF-8 support and fixes a ton of errors. - Web Animations 1.0 Specification has been published by the W3C.
- CSS Modal is out in version 1.1, but seriously it’s more a 2.0.
General stuff
- Fing a collection of important WebDev Front-end feeds here.
Design
- Don’t forget to give realistic feedback for mouse events like the
:activestate on buttons.
Tools
- Helium-CSS finds unused CSS rules.
Security
- Mike West has an interesting specification in the works for Mixed Content that describes how and why user agents disallow rendering and execution of content loaded over unencrypted or unauthenticated connections in the context of an encrypted and authenticated document.
Web Performance
- Chrome now supports a
stale-while-revalidateheader from servers to indicate how often a resource should be revalidated. It is similar to themax-ageheader but a bit more granular and acts as extenstion of it. - See how Twitter deals with WebFont performance and why you sometimes will see a FOUT on your user page. A very interesting insight and approach.
HTML
JavaScript
- A good tutorial by Addy Osmani about Mutation Observers, when and how to use them.
- What
(function (window, document, undefined) {})(window, document);really means. - JSNice is an online tool that de-obfuscates and nicifies your JavaScript.
- Snap.js is a library for creating beautiful mobile shelfs in Javascript.
- The Feuilles Editor is open source, it’s similar to the one from Editorially and you should definitely check it out.
- Best practices for better RESTful APIs.
CSS / Sass
- You’re mathematically fit? Well, here’s a little piece by Ana Tudor about inverse trigonometric functions with Sass.
- CSS: Should we change the default for
overflow? - Why encapsulation of modules and the Single Responsibility approach makes sense.
- Chris Coyier shares his all-time favorite demos on CodePen.
Go beyond…
- If we want to make tech companies safe places for those struggling with mental health issues, I believe it is essential that our leads, managers and C-level executives become certified in Mental Health First Aid.
To support this project, Flattr or gratipay me or share this resource with other people.
Thanks and all the best,
Anselm