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.
Further Reading on SmashingMag:
- Better User Experience With Storytelling3
- A Closer Look At Personas4
- How To Sell Your UX Design Solution To Clients5
- Stop Redesigning And Start Tuning Your Site Instead6
- Firefox 43 is out7 and brings us a couple of new features: CSS
hypens8 are supported now, Screen Orientation API9, Subresource integrity10 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 website11.
- 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 site12.
- 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 together13.
- Chrome’s developer tools now have a security tab14. 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 emotions15. 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 users16, 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 approach17. 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 websites18 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 map20. 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 translucency21. 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 experience22.
- Rodey Rehm has published23 a new open source library to enhance your website’s accessibility: ally.js24. 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 implement25. 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 search27.
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 things28 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 start29. 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 about30. 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 donation31 or share this resource with other people. You can learn more about the costs of the project here32. 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://www.smashingmagazine.com/2010/01/better-user-experience-using-storytelling-part-one/
- 4 https://www.smashingmagazine.com/2014/08/a-closer-look-at-personas-part-1/
- 5 https://www.smashingmagazine.com/2013/02/sell-design-solution-clients/
- 6 https://www.smashingmagazine.com/2012/05/stop-redesigning-start-tuning-your-site/
- 7 https://developer.mozilla.org/en-US/Firefox/Releases/43
- 8 https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
- 9 https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation
- 10 http://w3c.github.io/webappsec/specs/subresourceintegrity/
- 11 https://helloanselm.com/2015/see-the-progress/
- 12 http://www.opera.com/blogs/mobile/2015/12/force-enable-zoom-opera-34-for-android/
- 13 http://blog.printf.net/articles/2015/05/29/announcing-gittorrent-a-decentralized-github/
- 14 https://developers.google.com/web/updates/2015/12/security-panel
- 15 http://thenextweb.com/insider/2015/12/14/web-analytics-are-about-to-get-seriously-next-level-with-emotion-tracking/
- 16 http://techscience.org/a/2015121502/
- 17 https://webkit.org/blog/5610/more-responsive-tapping-on-ios/
- 18 https://www.smashingmagazine.com/2015/12/performance-matters-part-3-tolerance-management/
- 19 http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/
- 20 http://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/
- 21 http://w3.eleqtriq.com/2015/11/svg-partial-blur/
- 22 http://baymard.com/blog/mobile-touch-keyboards
- 23 https://www.smashingmagazine.com/2015/12/making-accessibility-simpler/
- 24 http://allyjs.io/
- 25 https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/
- 26 https://remysharp.com/2015/12/14/my-node-test-strategy
- 27 http://adrianroselli.com/2015/12/responsive-progressive-accessible-vanilla-search.html
- 28 http://beyondtellerrand.com/blog/an-events-lifecycle
- 29 https://medium.com/the-global-future-of-work/there-is-something-extraordinary-happening-10492495c715#.h2gznsihu
- 30 http://motherboard.vice.com/read/pirate-bay-founder-peter-sunde-i-have-given-up
- 31 https://wdrl.info/donate
- 32 https://wdrl.info/costs/