Hey,
every week I feature about twenty interesting links. Although I curate this reading list already from more than 50 resources, every week still leaves you with so much news that actually paying attention to all of it is quite difficult. I often hear from people “I must admit, I haven’t read your last WDRLs in detail. Sorry.” What do I reply? Well, I embrace this behaviour. Sometimes it’s not possible to read everything. As Tim Kadlec writes in his latest piece, you can’t know everything: “In fact, we can’t know everything about the web.”.
News
- Safari 9 now has a
shrink-to-fit: no
property in the viewport meta element as theinitial-scale
property has been changed on purpose in the new WebKit version. - Only about two months from now, PHP7 will finally be released. Get your source code ready for it now to make advantage of the new features and performance improvements.
- Asynchronous code gets easier with ES2016 Async Function support. It’s now available in Chakra and Microsoft Edge when you enable the experimental features in the browsers.
UI/UX
- Lately, mainly due to the rise of UI frameworks and the increased complexity by front-end frameworks and web apps, the web got a bit boring. We see tons of similar layouts, and whether it’s a bootstrap or material UI design, it barely makes a difference. And while applying such design principles makes life much easier for us developers, we loose the diversity and individuality of the web. This is a plea to make the web weird again.
Tooling
- If you use PostCSS, stylelint is a new option to set and lint your CSS.
- You might know JSLint, its successor JSHint but you might have thought “why do we need another one?” when you first heard of ESLint. This article by Nicholas C. Zakas tells you why he wrote another linter which has several advantages that you might want to check out.
- PostCSS is the latest thing in the CSS world. The “PostCSS Deep Dive” explains what it is (not a pre-/not a post-processor), what it can do and how to get the most value out of it.
- If you always found Vagrant a bit complicated and not intuitive, their makers now created a successor (although not a replacement) for Vagrant: Meet otto, a tool that combines development environment setup with automatic deployments in an easy to use way.
Security
- Paul Lewis summed up why the current approach of CORS, CSP, HTTPS and other security layers is doomed and unusable for many people unless we change this for the better and care about real-world use-cases. CORS for Concern shows the pitfalls of our centralized infrastructure in the shift towards a more secure web.
Privacy
- This pretty frightening article, released last week by The Intercept, shows how intelligence companies have broken our web and can spy nearly everyone by tracking all metadata from everyone using online music networks, cookies, video sites, blogging platforms, calls, or photos and online ads. In light of this development, it’s important that we give more focus on privacy for our users by implementing HTTPS (with HSTS, HPKP), limit advertising network’s data grabbing and prevent MITM attacks by using resource integrity hashing for our CDNs.
Web Performance
- Nolan Lawson wanted to know more about the performance of in-browser storage and how it affects the DOM. Turns out it’s complicated and varies from browser to browser and depends on whether you want to achieve better I/O performance or want to avoid a DOM rendering block.
- A behind-the-scenes article by Flickr back-end developers shows how to speed up image resizing services by using the GPU for it.
- Yoav Weiss explains why the current draft of the NetInfo API is not what we want as developers and why it’s more important that we start adapting our websites and applications without assumptions.
JavaScript
- If you ever wanted to have a customized YouTube player, you can use youtube.js library for it.
- If you use Ember but couldn’t follow the documentation on run loops, here is a free guide for Ember Run Loop.
- For years we needed to use Flash to copy/paste but now we can finally achieve it with plain JavaScript. Zeno Rocha’s clipboard.js makes it easy—and brings a nice fallback for non-supporting browsers.
- Apple’s new 3D force touch action is available in JavaScript with this little library. Learn more on how to use and respond to these actions in a framer.js blog post.
- ponyfoo’s article series about ES6 is now continued and an in-depth article explains ES6 Promises, so you can finally understand how they work. Oh yeah, and to make it even better, you can use the tool Prmoisees to visualize promises.
CSS
- Chris Coyier wrote up the different possibilities to do knockout text. And while for a long time, Photoshop was the only way to achieve this effect, we now can do it with SVG, and even with CSS to some degree.
Work & Life
- Paul McMahon was annoyed by so many job postings that don’t reflect what a company does or don’t mention what actually matters. Now he wrote an article on how to write job postings with a lot of helpful tips. If you are hiring, take these hints and improve your job postings.
Go beyond…
- I stumbled upon this article last week and it sounded very weird. But when I read that we already lost about 3/4 of our planet’s genetic diversity and some smart people try to store the remaining seeds we have around the world, I got interested. I’m happy that some people care about sustainability and how our descendants could re-trace what we did during our life.
- The gnome outreachy program is a great way to get involved with open source software and improve it. Mozilla now shared the roadmap on where you could help out in the next months.
- “Dear Tech Industry,” starts this excellent article by Jenn Downs on why companies and people in the tech industry shouldn’t think they’re smarter just because they know more on technology. Instead, it’s important that we give back and contribute to local charities and culture.
Anselm