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.
The end of the year is near and some people are enjoying their well-deserved holidays already. For others, the pressure increases when managers or clients want to finish a project before Christmas. And then, the Christmas and New Year celebrations — so many things to prepare, to buy, to think of. I hope you either belong to the ones who can enjoy their vacation already or that you can stay calm while having a stressful time. Try to take your time with friends and beloved ones and enjoy some moments of silence.
Firefox 43 is out3 and brings us a couple of new features: CSS
hypens4 are supported now, Screen Orientation API5, Subresource integrity6 has been implemented for
<link>elements. Finally, the Privacy Protection Mode can be modified in settings and I’ve written a short article about how this helps you to find interesting issues with your website7.
- As the majority of mobile websites disable zoom, leaving users without choice to get a bigger font-size or zoom into images, Opera for Android now force enables zoom on every site8.
- Most of us use github. But what happens if the service goes down or unresponsive? Chris Ball thought about that and tries to create an alternative approach baking git and the torrent protocol together9.
- Chrome’s developer tools now have a security tab10. This gives you an overview on the HTTP(S) status of the page, secure resources, and mixed content.
- This week I read that web analytics services are about to track emotions11. And indeed it’s relatively easy to detect if a smartphone has been thrown (Device Orientation API), if a user clicks angrily on the screen with the mouse. It just hasn’t been done yet.
- Ibrahim Altaweel, Nathaniel Good, and Chris Jay Hoofnagle repeated a research from 2012 to see how many trackers the TOP100 websites use. They found out that dozens of cookies are set on each site to track users12, fingerprinting methods and other techniques are widely used as well. And over 90% of the data is somehow aggregated by Google, leaving it with such an incredible dataset that should scare you.
Web Performance Link
- Until now, WebKit and Safari on iOS have a 350ms delay before single taps activate links or buttons to allow people to zoom into pages with a double tap. Chrome changed this a couple of months ago already by using a smarter algorithm to detect that and now WebKit will follow with a similar approach13. The article gives some great insights how browsers work with touch gestures and how browsers can still get so much smarter than they are today.
- With his last part, Denys Mishunov gives us some great techniques to cover up unavoidable waiting times on websites14 to make it a convenient experience for the users.
HTML / SVG Link
- Lucas Bebber created a beautiful experiment using SVG and Canvas to create an interactive storytelling map16. Although the code does not work in every browser, I love the concept to illustrate a journey in a travel diary.
- With SVG, you can achieve partial blur and iOS style translucency17. All done with CSS filters and some little tricks.
- Filling out forms on Mobile is a pain simply because most websites don’t use appropriate HTML and therefore don’t help the user avoiding errors. Christian Holst explains what you should do for what type of form fields to enhance the user experience18.
- Rodey Rehm has published19 a new open source library to enhance your website’s accessibility: ally.js20. It took him months to build this — now he tells you how to properly handle a modal’s focus behavior.
- Given that most people don’t know how to improve accessibility on their site or application, here are some important basics that are extremely easy to implement21. Next time you build something, consider incorporating those few thingies.
- Instead of using a random jQuery plugin for putting a search field on your site, use this tutorial to build a responsive progressive accessible vanilla search23.
Work & Life Link
- It’s anything but easy to organize an event. Compared to what we can read about web development, there are only few resources that explain what it means to run an event. Marc Thiele now wrote up a few things24 that happen in the background of his events.
- Most of us haven’t quite realized there is something extraordinary happening. The world is changing and it’s only the start25. Our society is moving away from normal employment and classic entrepreneurship models, and there are many more things that change slowly but steadily.
Go beyond… Link
- Peter Sunde, the founder of pirate bay, has published a few things to think about26. I disagree with a lot of things in the article and really hope that we figure out better ways than letting a country “crash” to make things better, but he definitely has also some points when he says that we keep breaking the internet. I’m optimistic and hope that we together can fix this.
And with that, I’ll close for this week. In case you like what I write, please support me with a donation27 or share this resource with other people. You can learn more about the costs of the project here28. 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 https://developer.mozilla.org/en-US/Firefox/Releases/43
- 4 https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
- 5 https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation
- 6 http://w3c.github.io/webappsec/specs/subresourceintegrity/
- 7 https://helloanselm.com/2015/see-the-progress/
- 8 http://www.opera.com/blogs/mobile/2015/12/force-enable-zoom-opera-34-for-android/
- 9 http://blog.printf.net/articles/2015/05/29/announcing-gittorrent-a-decentralized-github/
- 10 https://developers.google.com/web/updates/2015/12/security-panel
- 11 http://thenextweb.com/insider/2015/12/14/web-analytics-are-about-to-get-seriously-next-level-with-emotion-tracking/
- 12 http://techscience.org/a/2015121502/
- 13 https://webkit.org/blog/5610/more-responsive-tapping-on-ios/
- 14 https://www.smashingmagazine.com/2015/12/performance-matters-part-3-tolerance-management/
- 15 http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/
- 16 http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/
- 17 http://w3.eleqtriq.com/2015/11/svg-partial-blur/
- 18 http://baymard.com/blog/mobile-touch-keyboards
- 19 https://www.smashingmagazine.com/2015/12/making-accessibility-simpler/
- 20 http://allyjs.io/
- 21 https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/
- 22 https://remysharp.com/2015/12/14/my-node-test-strategy
- 23 http://adrianroselli.com/2015/12/responsive-progressive-accessible-vanilla-search.html
- 24 http://beyondtellerrand.com/blog/an-events-lifecycle
- 25 https://medium.com/the-global-future-of-work/there-is-something-extraordinary-happening-10492495c715#.h2gznsihu
- 26 http://motherboard.vice.com/read/pirate-bay-founder-peter-sunde-i-have-given-up
- 27 https://wdrl.info/donate
- 28 https://wdrl.info/costs/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.