What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann1 is collecting everything that popped up over the last week in his web development reading list2 so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.
I wish you a happy New Year! But although we write another number now — 2016 — your habits and goals won’t change overnight. That is why I’m not convinced of New Year’s resolutions. You should have goals, resolutions and you should try to improve yourself.
But bear in mind to make these goals reasonable, actually achievable for you, and re-iterate in smaller periods than just once a year. I think that works way better than having one large resolution and then feeling bad because, of course, you failed to reach your big goal. Make the small things count and improve in small steps!
- This week, IPv6 is twenty years old and it celebrates its birthday with a global share of 10%3. It’s incredible how slow the usage of IPv6 has spread but for two years now we have been seeing a growing adoption of the technology and I’m delighted to see how it will develop over the next two years.
- Finally, Amazon Cloudfront now supports gzipping4 text and binary content. You can and should enable it right now if you serve such files over the service.
- Really, if you only read one thing this week about web development, let it be this transcript of Maciej Ceglowski’s talk “The Website Obesity Crisis7” or watch the talk8.
- Stephen Hay writes about best practices featured in blog articles and why reality is often very different, requiring us to be more pragmatic and less idealistic. The reality is sometimes messy9, not all people can spend days optimizing the smallest details.
- Everybody who has ever linked to a third party and checked the health of links from time to time knows the issue: broken links. And we still change URLs or remove resources (yes, I did this myself a couple of times) without sending a proper redirect or notice to the user. We do that despite knowing that the hyperlink is one of the most important parts of the web10. I think this is also a good place to remind you of this article11, too.
Concepts & Design Link
- Troy Hunt complains that in 2016, websites still fail on basic user experiences12 and, instead, take over the user’s screen with newsletter subscriptions, surveys, multi-part articles, password restrictions, popover ads, cookie warnings and scroll-jacking.
- Working with npm? Then you’re probably annoyed by installing dependencies over and over again over the network. Fortunately, there is a second option that lets you use many features of npm offline13. Addy Osmani explains what you need to do to use it.
- There is a common misunderstanding of services like Cloudflare or CDNs regarding the way they handle HTTPS. I wrote an article why it’s wrong to think your website data is secured14 when you use HTTPS provided by Cloudflare and what privacy implication the usage of a CDN usually has.
- How lazy authentication can lead you to you being associated with, well, terrorism is being described in this article by Brian Krebs15 whose PayPal account has been taken over. We should really aim for the best authentication method available for the products we build.
Web Performance Link
- If you include a third-party script, you should always be aware of its consequences. As you don’t control the resource but often rely on it16, you should spend some time thoroughly considering whether it’s worth implementing it, what happens if the script is not available on the remote server any longer and, more specifically, whether your application will still work in such cases. Tammy Everts shares a couple of tips to consider when you include a third party script17. Lots of great advice regarding advertising scripts, their ROI, caching methods, and how to detect malicious changes in such scripts.
- Web app loading times are a problem. Gleb Bahmutov has published an article describing what you can do to show the user a nearly instant application state18 by using Service Workers. Furthermore, a small addition shows how you can run the Express server in the browser with Service Workers.
HTML / SVG Link
- Ian Devlin’s new article “On Accessibility and the Lack of Proper HTML19” points out the problem of why we have so few websites and applications that actually have the basic principles of proper HTML incorporated, with accessibility suffering as a result.
- Andreas Larsen shares a 2½-article series on how to optimize SVGs for the use on the web: The first steps20, a deeper dive into SVG21, and how to drastically optimize an existing logo22.
- An overview of free tools you can use to make sure your website is accessible23. A short introduction that helps you to test your application or site easily.
- Reimagining Single-Page Applications With Progressive Enhancement24 provides you with a different view on how to write web applications in a better way. And Addy Osmani gives you some interesting ideas on how to progressively enhance web apps25 these days.
CSS / Sass Link
- For many people, CSS Blend Modes are still not very well-known. Justin McDowell explains how the different modes work26, what effects you can achieve with them and the remaining (and new) problems you have to deal with.
Work & Life Link
- Even with a strong repertoire of techniques for making each hour count more, you will still fail regularly. What matters is increasing the aggregate quality of your hours27 over the long term, not to stress when you fail to turn out a perfect build.
- Dann Petty, designer and founder of the Epicurrence conference, gives us some life guidance on how to stay creative28, productive and to reflect on what really matters in your life.
- An article outlining why people leave a company, what makes people happy at a job29 and how companies and employees can make a job a great experience for everybody.
- “Why can I hit deadlines imposed by others, but not those imposed by myself?” — Ian Feather raises this question30 and tries to find an answer and an approach on how to fix this human behavior.
Go beyond… Link
- In California, a massive methane leak31 has been happening since October and it’s as bad as the BP oil spill a few years ago. In fact, the daily leakage has the same 20-year climate impact as driving 7 million cars a day. And it’s yet to see if the leak can be fixed32 by March, 2016. Gosh, this is bad and I still can’t believe it’s only covered so little in the media.
- Paul Krugman has a good column on privilege, pathology, and power33. It’s been proven that extreme wealth can be bad for your soul. But it also affects other people, governments due to bad decisions and our mind which worries more about saving taxes than about other people or laws.
- SpaceX, the space company by Elon Musk, has created some beautiful posters34 advertising traveling to Mars as a tourist destination.
And with that I’ll close for this week. In case you like what I write each week, please support me with a donation37 or share this resource with other people. You can learn more about the costs of the project here38. It’s available via E-Mail, RSS and online.
Thanks and all the best,
- 1 /author/anselm-hannemann/?rel=author
- 2 https://wdrl.info/
- 3 http://arstechnica.com/business/2016/01/ipv6-celebrates-its-20th-birthday-by-reaching-10-percent-deployment/
- 4 https://aws.amazon.com/blogs/aws/new-gzip-compression-support-for-amazon-cloudfront/
- 5 http://arstechnica.com/business/2016/01/ipv6-celebrates-its-20th-birthday-by-reaching-10-percent-deployment/
- 6 http://arstechnica.com/business/2016/01/ipv6-celebrates-its-20th-birthday-by-reaching-10-percent-deployment/
- 7 http://idlewords.com/talks/website_obesity.htm
- 8 https://vimeo.com/147806338
- 9 http://www.the-haystack.com/2016/01/05/reality-is-messy/
- 10 http://aworkinglibrary.com/writing/hypertext-for-all/
- 11 https://medium.com/matter/the-web-we-have-to-save-2eb1fe15a426
- 12 http://www.troyhunt.com/2016/01/its-2016-already-how-are-websites-still.html
- 13 https://addyosmani.com/blog/using-npm-offline/
- 14 https://helloanselm.com/2016/choose-your-own-https/
- 15 http://krebsonsecurity.com/2015/12/2016-reality-lazy-authentication-still-the-norm/
- 16 https://helloanselm.com/2015/see-the-progress/
- 17 http://www.soasta.com/blog/10-pro-tips-for-managing-the-performance-of-your-third-party-scripts/
- 18 https://glebbahmutov.com/blog/run-express-server-in-your-browser/
- 19 http://www.iandevlin.com/blog/2016/01/opinion/on-accessibility-and-the-lack-of-proper-html
- 20 https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-1-67e8f2d4035#.7rx09etiw
- 21 https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-2-6711cc15df46#.sr1x89hsv
- 22 https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-2-1-598815d74f9c#.ws158y36v
- 23 https://medium.com/bread-crumbs/free-web-accessibility-tools-round-up-b83a33797789
- 24 https://www.smashingmagazine.com/2015/12/reimagining-single-page-applications-progressive-enhancement/
- 25 https://addyosmani.com/blog/getting-started-with-progressive-web-apps/
- 26 http://alistapart.com/article/blending-modes-demystified
- 27 https://m.signalvnoise.com/manufacturing-quality-time-fe043fa7b7a1
- 28 http://blog.crew.co/dann-petty-interview/
- 29 http://randsinrepose.com/archives/shields-down/
- 30 http://ianfeather.co.uk/communal-momentum-and-accountability/
- 31 http://www.nytimes.com/2016/01/07/us/california-governor-declares-emergency-over-los-angeles-gas-leak.html
- 32 http://www.latimes.com/local/california/la-me-porter-ranch-delay-20160102-story.html
- 33 http://www.nytimes.com/2016/01/01/opinion/privilege-pathology-and-power.html
- 34 https://twitter.com/jordanmoore/status/685400505095471104/photo/1
- 35 https://twitter.com/jordanmoore/status/685400505095471104/photo/1
- 36 https://www.flickr.com/photos/spacexphotos/17071818163/in/photostream/
- 37 https://wdrl.info/donate
- 38 https://wdrl.info/costs/