Menu Search
Jump to the content X X
Smashing Conf San Francisco

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #119: Bulletproof Third-Party Content and Progressive Applications

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!

News Link

  • 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.
Worldwide IPv6 Adoption5
The adoption of the IPv6 technology is growing, albeit slowly, reaching 10% in January6.

General Link

  • 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.

Tools Link

  • 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.

Security Link

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

Accessibility Link

JavaScript Link

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

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.
Mars Journeys illustration35
SpaceX, the space company by Elon Musk, has created some beautiful posters36 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,
Anselm

Footnotes Link

  1. 1 /author/anselm-hannemann/?rel=author
  2. 2 https://wdrl.info/
  3. 3 http://arstechnica.com/business/2016/01/ipv6-celebrates-its-20th-birthday-by-reaching-10-percent-deployment/
  4. 4 https://aws.amazon.com/blogs/aws/new-gzip-compression-support-for-amazon-cloudfront/
  5. 5 http://arstechnica.com/business/2016/01/ipv6-celebrates-its-20th-birthday-by-reaching-10-percent-deployment/
  6. 6 http://arstechnica.com/business/2016/01/ipv6-celebrates-its-20th-birthday-by-reaching-10-percent-deployment/
  7. 7 http://idlewords.com/talks/website_obesity.htm
  8. 8 https://vimeo.com/147806338
  9. 9 http://www.the-haystack.com/2016/01/05/reality-is-messy/
  10. 10 http://aworkinglibrary.com/writing/hypertext-for-all/
  11. 11 https://medium.com/matter/the-web-we-have-to-save-2eb1fe15a426
  12. 12 http://www.troyhunt.com/2016/01/its-2016-already-how-are-websites-still.html
  13. 13 https://addyosmani.com/blog/using-npm-offline/
  14. 14 https://helloanselm.com/2016/choose-your-own-https/
  15. 15 http://krebsonsecurity.com/2015/12/2016-reality-lazy-authentication-still-the-norm/
  16. 16 https://helloanselm.com/2015/see-the-progress/
  17. 17 http://www.soasta.com/blog/10-pro-tips-for-managing-the-performance-of-your-third-party-scripts/
  18. 18 https://glebbahmutov.com/blog/run-express-server-in-your-browser/
  19. 19 http://www.iandevlin.com/blog/2016/01/opinion/on-accessibility-and-the-lack-of-proper-html
  20. 20 https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-1-67e8f2d4035#.7rx09etiw
  21. 21 https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-2-6711cc15df46#.sr1x89hsv
  22. 22 https://medium.com/@larsenwork/optimising-svgs-for-web-use-part-2-1-598815d74f9c#.ws158y36v
  23. 23 https://medium.com/bread-crumbs/free-web-accessibility-tools-round-up-b83a33797789
  24. 24 https://www.smashingmagazine.com/2015/12/reimagining-single-page-applications-progressive-enhancement/
  25. 25 https://addyosmani.com/blog/getting-started-with-progressive-web-apps/
  26. 26 http://alistapart.com/article/blending-modes-demystified
  27. 27 https://m.signalvnoise.com/manufacturing-quality-time-fe043fa7b7a1
  28. 28 http://blog.crew.co/dann-petty-interview/
  29. 29 http://randsinrepose.com/archives/shields-down/
  30. 30 http://ianfeather.co.uk/communal-momentum-and-accountability/
  31. 31 http://www.nytimes.com/2016/01/07/us/california-governor-declares-emergency-over-los-angeles-gas-leak.html
  32. 32 http://www.latimes.com/local/california/la-me-porter-ranch-delay-20160102-story.html
  33. 33 http://www.nytimes.com/2016/01/01/opinion/privilege-pathology-and-power.html
  34. 34 https://twitter.com/jordanmoore/status/685400505095471104/photo/1
  35. 35 https://twitter.com/jordanmoore/status/685400505095471104/photo/1
  36. 36 https://www.flickr.com/photos/spacexphotos/17071818163/in/photostream/
  37. 37 https://wdrl.info/donate
  38. 38 https://wdrl.info/costs/

↑ Back to top Tweet itShare on Facebook

Advertisement

Anselm Hannemann is a freelance front-end developer and architect and cares about sustainable front-end experiences and ethical choices in life. He curates the WDRL, a weekly handcrafted web development newsletter that thousands of developers love and subscribe to.

  1. 1

    It’s 2016 and Troy Hunt can’t even set his blog’s default body font to a minimum of 16px.

    -1
    • 2

      Also he talks about intrusive adverts yet has them plastered down the side of this site!

      4
  2. 3

    > It’s been proven that extreme wealth can be bad for your soul.

    Source? Isn’t the soul an immaterial entity that is immune to a materialistic observation? Isn’t its very existence debated? How then can you have ‘proof’ of anything about it? Perhaps historical proof? “Social proof”? The one thing it can’t be is scientific proof.

    I went and looked at the link to the article, which cited as its source another news article, which cited as its source another news article. I was never actually able to find the original paper studies, their methodologies, or their data. Just a lot of news-people reporting with glee some results they apparently already agreed with from “five different experiments involving several hundred undergraduates and 100 adults recruited from online communities”. AKA, not very rigorous or significant.

    1
  3. 4

    Hello, an interesting article… however I tend to disagree that all websites are based around shoving popups, pop-unders, news letters etc on to peoples screens, there are a few websites that aren’t trying to gain peoples attention by spamming their screens every minute. I for one believe in end user experience over marketing and profit via ads/mailing list spam etc. Is it just me or has web design lost its way? since being able to earn from ads all websites are choc a block full of them. Its annoying. Sorry rant over… im just passionate about what I do… that’s all. Thanks for reading if you got this far lol. Here’s the type of non advertising and non pop up type of website I mean. hhtp://www.bidthatdomain.com

    0

↑ Back to top