hostmonster-Host Unlimited Domains on 1 Account   coolhandle offering reliable webhosting since 2001
Unlimited Hosting Space - FREE Site Builder   Smart Website Solutions for Your Small Business=

Web Development Reading List #121: The Illusion Of Completeness, Client Hints, CSS Subgrids

Web Development Reading List #121: The Illusion Of Completeness, Client Hints, CSS Subgrids

Over the last two weeks, I had the chance to review about eighty job applications for a front-end position. The position requires strong JavaScript knowledge, but it also requires HTML and CSS. And here’s a thing: nearly no one could show off substantial markup skills, not to talk about accessibility.

Although I only had the chance to review their personal websites or GitHub profiles and this might of course not be a full show-off of their knowledge, it assured my lately developed opinion on web developers. Many are not able to choose the right HTML elements, to explain why and how a clearfix works, or what ARIA roles are for, but they can use React and Angular. If you got some spare time over the next weeks, learn semantics and re-read the basics (or specs if you like the challenge) of HTML and CSS from time to time.

General Link

  • There’s a lot of discussion currently about the web getting too complex, and some even claim the web is broken. Remy Sharp instead has a different view1 on the new technologies, options we have today and how we can use them together with our base technology from 25 years ago. The article is best described by Remy’s own words: “Why I love working with the web”.

Concepts Design Link

Security Link

The anatomy of a web app attack8
Jack Leonard’s infographic explains the anatomy of a web app attack9.

Web Performance Link

  • Because a picture-element can get really bloated when you provide a lot of resolutions and image sources, Jon Arne Sæterås explains how to use Client Hints for a leaner, more automated approach to serve responsive images10. The only issue here is that you need a server to support it and that not all browsers support Client Hints at the moment, so you need to find a smart fallback for those.
  • This amazing guide11 gives you a full introduction into how to set up HTTP/2 from scratch — including the required TLS certificate and server configurations needed.

Accessibility Link

  • pa11y1512 is your new best friend if you want to have automated accessibility testing. It monitors your website and reports accessibility issues. In that, it is similar to Tenon13, a commercial SaaS alternative that you don’t need to set up and maintain on your own.
pa11y, automated accessibility testing14
pa11y1512, your new best friend when it comes to automated accessibility testing.

JavaScript Link

CSS / Sass Link

Work Life Link

  • After reviewing a lot of applications in the past days, I can only agree with Kristian Glass here and say: “If you get the chance, always send a cover letter24”. It’s your opportunity to say something about yourself and make clear why you apply for the job.

Going beyond… Link

  • We have an ongoing problem with growing inequality around the world and a few super rich people (latest numbers say it’s down to 65) have as much money as the rest of the world now. If we don’t change anything and do not oblige people to pay their taxes in their own countries25 or reject trickle-down economics26 as the World Bank officially declared just recently, this system will break and our own lives are likely to be affected.

And with that, I’ll close for this week. If you like what I write each week, 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 https://remysharp.com/2016/01/20/why-i-love-working-with-the-web
  2. 2 http://overpassfont.org/
  3. 3 https://www.nngroup.com/articles/illusion-of-completeness/
  4. 4 https://blog.barricade.io/anatomy-of-a-web-app-attack/
  5. 5 https://blog.barricade.io/developing-for-security/
  6. 6 https://helloanselm.com/2016/choose-your-own-https/
  7. 7 https://css-tricks.com/interview-web-security/
  8. 8 https://blog.barricade.io/anatomy-of-a-web-app-attack/
  9. 9 https://blog.barricade.io/anatomy-of-a-web-app-attack/
  10. 10 https://www.smashingmagazine.com/2016/01/leaner-responsive-images-client-hints/
  11. 11 https://surma.link/things/h2setup/
  12. 12 http://pa11y.org/
  13. 13 http://tenon.io/
  14. 14 http://pa11y.org/
  15. 15 http://pa11y.org/
  16. 16 https://ada.is/blog/2015/07/13/immutable/
  17. 17 https://console.spec.whatwg.org/
  18. 18 https://medium.com/@primozcigler/neat-trick-for-css-object-fit-fallback-on-edge-and-other-browsers-afbc53bbb2c3
  19. 19 https://github.com/anselmh/object-fit/
  20. 20 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263790-object-fit-and-object-position
  21. 21 https://medium.com/javascript-scene/how-to-learn-es6-47d9a1ac2620
  22. 22 http://meyerweb.com/eric/thoughts/2016/01/15/subgrids-considered-essential/
  23. 23 https://medium.com/@ajsharp/please-please-don-t-use-css-in-js-ffeae26f20f
  24. 24 http://blog.doismellburning.co.uk/cover-letters-always-send-one/
  25. 25 http://www.aljazeera.com/indepth/opinion/2016/01/world-inequality-countdown-160118072153499.html
  26. 26 https://www.oxfam.org/en/pressroom/reactions/oxfam-applauds-world-banks-rejection-trickle-down-economics-and-recognition-huge
  27. 27 https://wdrl.info/donate
  28. 28 https://wdrl.info/costs/
Smashing Book #5

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? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

↑ Back to top
Tweet itShare on Facebook

Article source: https://www.smashingmagazine.com/2016/01/web-development-reading-list-121/

Tags:


Submit a Review




If you want a picture to show with your review, go get a Gravatar.

1&1 has shared hosting and dedicated hosting solutions for every budget and free domains with all hosting packages!  StartLogic - Affordable hosting: Free setup/domain, unlimited emails, PHP, mySQL, CGI, FrontPage. As low as $3.95/month
Cloud ecommerce platform delivers more traffic, higher conversion and unmatched performance

© Copyright 2008 Tyconia International, Inc. All Rights Reserved.