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.
“Black Friday” has many explanations and various historical reasons. Besides that, every year it leads to people buying things just because retailers give huge discounts. But do you really need more? If you wouldn’t have bought something at its full price, you probably don’t need it at all.
Further Reading on SmashingMag:
- Building A Cross-Platform WebGL Game3
- CSS3 Transitions: Thank God We Have A Specification!4
- Creating Responsive Shapes With Clip-Path5
- Hybrid Mobile Apps: Providing A Native Experience6
In a world where most of us have many things in their home untouched for months or years, we should focus on what is important. It’s not having the newest products, using the latest tools, using the latest cool startup service. It’s about helping other people, sharing real experiences and stories with your friends. Thank them and yourself this year without a bought gift.
I want to thank you for all your support this year!
Concepts & Design Link
- There are many web applications that fail to deliver a great experience to the user. And that’s because we often miss out to follow a normal user’s workflow7. Thus, we miss to design and think about blank, loading, partial, error and ideal states, empty pages.
- If you’re like me, you sometimes have a hard time figuring out how to build a query in bash or zsh. Instead, you can easily use node.js to build command line tools10.
- mention-bot11 automatically mentions potential reviewers on pull requests by using
git blameto identify who worked on the affected code. Pretty awesome and handy!
- Mosh12 is a shell optimized for unstable network connections. You can replace SSH with it and use it if you want a persistent, seamless connection to a server when you’re on the go.
- Certificate revocation is an imminent problem and Firefox now shares how they plan to improve certificate revocation in their browser13 without affecting HTTPS performance due to the certificate check (OCSP).
- Yahoo has used Content Security Policy over quite some time now and now they share what they learned from it14, so you don’t make the same mistakes and can provide your users with a safe web application.
- Detectify just found out that your Chrome extensions might spy on you, without you being able to do anything about it. With Chrome making it very easy for extensions to hide requests, a lot of very popular extensions indeed track your internet traffic and behavior and sell that data15. The team was able to buy access to browsing histories from employees of specified companies, internal network URLs, and could trace it 100% back to a Chrome extension sending that data. That’s pretty bad and you should either switch your browser now or disable all extensions that are not open source and verified to not do that if you don’t want to be tracked.
- The relationship between users and companies is based primarily on trust16. However, many recent developments have the potential to undermine this trust and to question companies loyalties to their users.
Web Performance Link
- By now, SVG browser support is pretty amazing so there is no reason to use icon fonts anymore. Tyler Sticka shows why it’s actually a harm to accessibility to use icon fonts19. As it’s a webfont, it’s also likely to fail quite often under various network conditions and in data-saving browsers like Opera Mini.
- The React team shares how you make React Native apps accessible20. It’s also great to see that they designed the React Accessibility API to look and feel similar to the iOS and Android APIs.
- You can detect a user’s app and progress state by using the Page Visibility API23. Ilya Grigorik shares how to do that properly in web applications and shows some of the limits with current browser implementations.
Work & Life Link
- Clearleft’s Andy Budd reflects how our industry evolved and why it’s important to build digital capacity to attract talent24. He shares how to build a great team, how to find the right people and what you should do so people want to join your team.
- We live in an industry that relies on Open Source projects. Yet, we fail to understand the value of open source projects25 and why it’s toxic to not support people financially who maintain the projects we work with. Jan Lehnhardt shares his views on how we can make open source projects sustainable and why building a great team around it makes everything better.
- “Energy can be neither created nor destroyed, only transferred or transformed from one form to another.” writes Ben Callahan in a great article on how to balance your life, prioritize carefully and equally while avoiding to burn-out26.
- Glenn Garriock asked a few people working in our industry how they switch off27. It’s interesting to see that many people did never consider that question while others tend to do something outdoors or manual work to balance out their virtual all-day work.
- None of us can deliver outstanding performance every day. And it’s totally fine to do mediocre work. This one is the practical expression28 to the previous article about limited amounts of energy and how to balance that in your life.
- Buffer, known for their remote-working team and open salary policy, now revised the salary formula and you can now even use the formula in their salary calculator29. I’d still love to see more companies applying such formulae and share their data.
Go beyond… Link
- If you have an opinion, you should be able to back it up. And if you can, please add it to your opinion so people can understand why you have that opinion. By applying that principle you not only avoid putting yourself in a weak position but also avoid unnecessary fights.
I want to leave you with this inspiring quote for the weekend, that, in my opinion, is applicable to every job in the world so I stripped the job so you can fill in your job:
And this was it again for the current week. In case you like what I write here, 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/2016/07/babylon-js-building-sponza-a-cross-platform-webgl-game/
- 4 https://www.smashingmagazine.com/2013/04/css3-transitions-thank-god-specification/
- 5 https://www.smashingmagazine.com/2015/05/creating-responsive-shapes-with-clip-path/
- 6 https://www.smashingmagazine.com/2014/10/providing-a-native-experience-with-web-technologies/
- 7 http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack
- 8 http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack
- 9 http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack
- 10 https://developer.atlassian.com/blog/2015/11/scripting-with-node/
- 11 https://github.com/facebook/mention-bot
- 12 https://mosh.mit.edu/
- 13 https://blog.mozilla.org/security/2015/11/23/improving-revocation-ocsp-must-staple-and-short-lived-certificates/
- 14 http://www.slideshare.net/BinuRamakrishnan/content-security-policy-lessons-learned-at-yahoo-55438493
- 15 http://labs.detectify.com/post/133528218381/chrome-extensions-aka-total-absence-of-privacy
- 16 https://www.privacyinternational.org/node/679
- 17 http://engineering.khanacademy.org/posts/js-packaging-http2.htm
- 18 http://allyjs.io/
- 19 http://blog.cloudfour.com/seriously-dont-use-icon-fonts/
- 20 https://code.facebook.com/posts/435862739941212/making-react-apps-accessible/
- 21 https://www.etsy.com/teams/7720/bugs/discuss/14559563/
- 22 https://www.etsy.com/teams/7720/bugs/discuss/14559563/
- 23 https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/
- 24 https://www.smashingmagazine.com/2015/11/building-digital-capacity-attracting-talent/
- 25 http://writing.jan.io/2015/11/20/sustainable-open-source.html
- 26 https://the-pastry-box-project.net/ben-callahan/2015-November-22
- 27 http://beyondtellerrand.com/blog/how-do-you-switch-off
- 28 https://the-pastry-box-project.net/kate-kiefer-lee/2015-november-23
- 29 https://open.buffer.com/transparent-salaries/
- 30 http://readlagom.com/issues/lagom-3
- 31 https://wdrl.info/donate
- 32 https://wdrl.info/costs/