Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. 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. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #114

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.

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!

— Anselm

Concepts & Design Link

The User Interface Stack4
The user interface stack5 includes the blank state, the loading state, the partial state, the error state and eventually the ideal state.

Tools Link

  • 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 tools6.
  • mention-bot7 automatically mentions potential reviewers on pull requests by using git blame to identify who worked on the affected code. Pretty awesome and handy!
  • Mosh8 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.

Security Link

Privacy Link

  • 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 data11. 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 trust12. However, many recent developments have the potential to undermine this trust and to question companies loyalties to their users.

Web Performance Link

  • Theoretically, in http/2 you should not concatenate your files anymore but serve files in as small modules as possible. However, the engineers of the Khan academy tested this out with a large JavaScript application and found out it’s not entirely true13. On the one side they found out that their server http/2 implementation had issues and delayed a couple of requests for no obvious reason. Secondly, the current JavaScript bundler like webpack or browserify can save a lot more bytes by concatenating the sources in comparison to serving individual modules.

Accessibility Link

  • Rodney Rehm started to research a little bit on accessibility and its consistency in browsers over a year ago. Now he released ally.js14, a JavaScript library that helps you make a website or web application accessible. It’s great to see that as it makes optimizing the accessibility of your project much easier.
  • 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 fonts15. 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 accessible16. It’s also great to see that they designed the React Accessibility API to look and feel similar to the iOS and Android APIs.
Icon Fonts Bug17
Usually we rely on automated tools to choose which Unicode characters are assigned to which icon. But Unicode’s also where our beloved emoji live. If you aren’t careful, they can overlap in confusing (albeit hilarious) ways. Etsy’s “four stars and a horse” bug.18

JavaScript Link

Work & Life Link

  • Clearleft’s Andy Budd reflects how our industry evolved and why it’s important to build digital capacity to attract talent20. 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 projects21 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-out22.
  • Glenn Garriock asked a few people working in our industry how they switch off23. 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 expression24 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 calculator25. 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:

“I firmly believe that _______ can change the world and that we, as _______, should be responsible for what we build, what we design, and the impact it has.”—Vina Lustado in Lagom 326

And this was it again for the current week. In case you like what I write here, 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,
Anselm

Footnotes Link

  1. 1 /author/anselm-hannemann/?rel=author
  2. 2 https://wdrl.info/
  3. 3 http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack
  4. 4 http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack
  5. 5 http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack
  6. 6 https://developer.atlassian.com/blog/2015/11/scripting-with-node/
  7. 7 https://github.com/facebook/mention-bot
  8. 8 https://mosh.mit.edu/
  9. 9 https://blog.mozilla.org/security/2015/11/23/improving-revocation-ocsp-must-staple-and-short-lived-certificates/
  10. 10 http://www.slideshare.net/BinuRamakrishnan/content-security-policy-lessons-learned-at-yahoo-55438493
  11. 11 http://labs.detectify.com/post/133528218381/chrome-extensions-aka-total-absence-of-privacy
  12. 12 https://www.privacyinternational.org/node/679
  13. 13 http://engineering.khanacademy.org/posts/js-packaging-http2.htm
  14. 14 http://allyjs.io/
  15. 15 http://blog.cloudfour.com/seriously-dont-use-icon-fonts/
  16. 16 https://code.facebook.com/posts/435862739941212/making-react-apps-accessible/
  17. 17 https://www.etsy.com/teams/7720/bugs/discuss/14559563/
  18. 18 https://www.etsy.com/teams/7720/bugs/discuss/14559563/
  19. 19 https://www.igvita.com/2015/11/20/dont-lose-user-and-app-state-use-page-visibility/
  20. 20 https://www.smashingmagazine.com/2015/11/building-digital-capacity-attracting-talent/
  21. 21 http://writing.jan.io/2015/11/20/sustainable-open-source.html
  22. 22 https://the-pastry-box-project.net/ben-callahan/2015-November-22
  23. 23 http://beyondtellerrand.com/blog/how-do-you-switch-off
  24. 24 https://the-pastry-box-project.net/kate-kiefer-lee/2015-november-23
  25. 25 https://open.buffer.com/transparent-salaries/
  26. 26 http://www.readlagom.com/lagom-3/
  27. 27 https://wdrl.info/donate
  28. 28 https://wdrl.info/costs/
SmashingConf New York

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.

↑ Back to top Tweet itShare on Facebook

Anselm Hannemann is a freelance front-end developer and architect. He curates WDRL — a weekly, handcrafted web development newsletter. Apart from that he helped the RICG, built opendevicelab.com and organizes the NightlyBuild 2015 conference in Cologne, Germany. He is available for freelance jobs.

  1. 1

    [rant]
    Uhm .. node.js and the bash? Really? When I have to solve bigger mystics of the shell, I actually wouldnt ever bother with some fancy JS. I just deploy Perl, PHP-CLI or any kind of other slightly more advanced programming language, that lets you easily write commandline-focused programs.

    This is the same kind of weird with using Grunt + Co. on UNIXoid systems, while there are already a bunchload of much more advanced, fancy automation systems like GNU make, crontab, anacron etc. pp.

    IMNSHO its all pure lazyness. Yeah, bash is kinda hard, so one wants to stick to stuff you know, but reinventing the wheel and then forcing everyone to overload their systems with it (or else you aint get that jon) is rather .. not the way.
    [/rant]

    cu, w0lf.

    3

↑ Back to top