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

You know, we use ad-blockers as well. 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. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Sideblog Web Development Reading List #100

What’s happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything so you don’t have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. Starting from today, we are happy and honored to feature a bi-monthly web development reading list here on Smashing Magazine. Now it should be a bit easier to stay up to date. — Ed.

Welcome to the one hundredth edition of the Web Development Reading List1 and the first one to appear on Smashing Magazine. I am very happy to extend my audience and keep you up to date with what’s going on in the web development industry. If you have any feedback, please let me know in the comments or write me an email.

Further Reading on SmashingMag:

News Link

  • You can now test Microsoft’s new Edge browser in a virtual machine6. Finally, a Windows 10 VM image is up on the testing website and you are able to natively test for compatibility.
  • The link rel="preconnect"7 meta property is now supported by Chromium, and will soon be available in Chrome and Opera.
  • The first feature-complete beta of PHP7 has been released8 and it is great to see the massive performance impovements, better error handling, 64-bit support and many more cool things you should check out if you are using PHP as your language of choice.
  • Ember 2.0 is out9. It’s less about new shiny features but much more about removing all the old cruft from the code without breaking older codebases. Very cool to read about their clever deprecation and release plan.
  • Pointer Events have landed in Firefox Nightly10. They have been part of Firefox Mobile for a long time but now desktop has support, too, leaving only WebKit browsers not supporting it.
  • The WebKit project now has a roadmap/feature status page11 as well. This is great news as it suggests techniques that Apple might integrate into their OS X and iOS Safari browsers in near future. I am glad that social media pressure seems to work again and WebKit joins a more open process of development.

General Link

Concepts And Design Link

Tools Link

Security/Privacy Link

  • To use several newer browser APIs it is essential to have an HTTPS connection. ServiceWorkers, for example, require a TLS connection to work. Andrea Giammarchi shares how to set up a TLS certificate for your localhost22.
  • Windows 10 has been out a few weeks now and while it finally nails user experience, it introduces a couple of not so cool privacy issues23 you should be aware of, like the auto-backup of your private encryption key to OneDrive (you know that officials have access to Microsoft products), customized ad fingerprinting, and possible data disclosure. Take care if you upgrade.
  • The LetsEncrypt initiative shared their new launch schedule24 with general availability in the week of November 16th this year. While it’s being pushed back a little, to me this is a good thing: more stability and probably a better product. I think the key to its success is that hosting companies are able to implement it seamlessly, which is going to be hard.
  • Mark McDonnell shares his research on what the security basics of the web25 mean. He explains PGP, SSL, SSH, certificates, and the general purpose of public and private key methods.

Web Performance Link

  • DNS: the heart of the internet. If you never really understood how DNS works internally to resolve a domain name, you should be entertained by these comic strips on how DNS works26.
How DNS works27

If you’ve never really understood how DNS works to resolve a domain name, you should find these comic strips entertaining and educational: How DNS Works28.

HTML/SVG Link

  • Lea Verou shows you how to create pie charts with SVG and CSS34.
  • I have written a bit about native or custom elements and why we need web components but shouldn’t misuse them for what they can’t do.

Accessibility Link

  • The accessibility tool Tenon is now free for open source projects35. Big ups for that!
  • And while better tools for accessibility arrive, Yahoo, Facebook, Twitter, Adobe, LinkedIn and more just announced that they will prefer people who do accessibility in their hiring process36. This is a great step in the right direction and I would love to see similar approaches in other companies around the world.
  • That said, it is a good idea to start implementing accessibility in incremental steps to your app or website. It’s natural not to start off with 100% and it’s not necessary, but if you start with small steps37 you will see how much fun it can be to implement accessibility in your project.

JavaScript Link

  • Knwl.js38 is a small script that parses natural language inputs into computer-readable formats. That way you can offer users the ability to input dates like “Tomorrow 9am.” It works with dates, times, emails, URLs and phone numbers.
  • Dr Axel Rauschmayer has created a quick introduction to ES639 for beginners that is great to start learning it.
  • If you write about front-end browser compatibility, caniuse40 is our reference of choice. A clever script called getCaniuse41 parses browser compatibility for you and adds a caniuse reference to the post.
  • It can be helpful to have a real-time search on your page. Osvaldas Valutis shares how he built a simple JavaScript live search42 without jQuery or other dependencies.
  • Nicolas Bevacqua explains why plain JavaScript modules are better43 than framework-dependent modules, sharing his approach on how to be framework-independent while not needing much more effort to create a module.
  • Hugo Giraudel wrote a great piece on how to learn regular expressions in a practical way44. For people struggling with complex regular expressions (like me) this is a very helpful guide.

CSS/Sass Link

Work life Link

Go beyond… Link

And with that, I’ll close for this week. If you like this news round-up, please support me via Flattr58, gratipay59 or share this resource with other people. You can also subscribe to the newsletter60 and get the links right to your inbox.

Thanks and all the best,
Anselm

Footnotes Link

  1. 1 https://wdrl.info/
  2. 2 https://www.smashingmagazine.com/2014/03/are-we-thinking-about-digital-all-wrong/
  3. 3 https://www.smashingmagazine.com/2015/01/all-about-customer-journey-mapping/
  4. 4 https://www.smashingmagazine.com/2013/11/making-yourself-redundant/
  5. 5 https://www.smashingmagazine.com/2017/03/spark-ux-revolution/
  6. 6 https://blogs.windows.com/msedgedev/2015/08/17/windows-10-virtual-machines-now-available-on-microsoft-edge-dev/
  7. 7 https://codereview.chromium.org/1226203003/
  8. 8 http://www.hongkiat.com/blog/php7/
  9. 9 http://emberjs.com/blog/2015/08/13/ember-2-0-released.html
  10. 10 https://hacks.mozilla.org/2015/08/pointer-events-now-in-firefox-nightly/
  11. 11 http://www.webkit.org/status.html
  12. 12 http://ponyfoo.com/articles/fast-forwarding-the-web-platform
  13. 13 http://www.aaron-gustafson.com/notebook/ramblings-on-new-browser-features-interoperability-craft-and-the-future-of-the-web/
  14. 14 http://beyondtellerrand.com/events/duesseldorf-2015/speakers/petro-salema
  15. 15 https://medium.com/@InVisionApp/why-empty-states-deserve-more-design-time-44b5adc7eb52
  16. 16 http://blog.mwaysolutions.com/2015/07/16/a-short-introduction-to-git/
  17. 17 http://blog.mwaysolutions.com/2015/07/23/git-merge-and-rebase-part-2-of-3/
  18. 18 http://blog.mwaysolutions.com/2015/08/04/git-conflicts-part-3-of-3/
  19. 19 http://thenextweb.com/insider/2015/07/27/a-simple-developer-error-is-exposing-private-information-on-thousands-of-websites/
  20. 20 http://www.chenhuijing.com/blog/people-are-the-problem/
  21. 21 https://www.npmjs.com/package/npm-windows-upgrade
  22. 22 https://www.webreflection.co.uk/blog/2015/08/08/bringing-ssl-to-your-private-network
  23. 23 http://thenextweb.com/microsoft/2015/07/29/wind-nos/
  24. 24 https://letsencrypt.org/2015/08/07/updated-lets-encrypt-launch-schedule.html
  25. 25 http://www.integralist.co.uk/posts/security-basics.html
  26. 26 https://howdns.works/
  27. 27 https://howdns.works/
  28. 28 https://howdns.works/
  29. 29 https://code.facebook.com/posts/991252547593574/the-technology-behind-preview-photos/
  30. 30 https://adactio.com/journal/9312
  31. 31 https://www.google.com/contributor/welcome/
  32. 32 https://css-tricks.com/the-difference-between-minification-and-gzipping/
  33. 33 http://blog.typekit.com/2015/08/04/new-embed-code-for-asynchronous-font-loading/
  34. 34 https://www.smashingmagazine.com/2015/07/designing-simple-pie-charts-with-css/
  35. 35 http://us2.campaign-archive1.com/?u=db90adfcd71356341118b0a41&id=de77e18b90&e=4de96f8850
  36. 36 https://www.washingtonpost.com/news/the-switch/wp/2015/07/23/this-small-change-could-make-a-big-difference-for-accessible-technology/
  37. 37 https://the-pastry-box-project.net/charlotte-spencer/2015-july-31
  38. 38 http://loadfive.com/os/knwl/
  39. 39 http://www.2ality.com/2015/08/getting-started-es6.html
  40. 40 http://caniuse.com/
  41. 41 https://github.com/tevko/getCaniuse
  42. 42 http://osvaldas.info/real-time-search-in-javascript
  43. 43 http://ponyfoo.com/articles/why-i-write-plain-javascript-modules
  44. 44 http://hugogiraudel.com/2015/08/19/learning-regular-expressions-the-practical-way/
  45. 45 https://www.smashingmagazine.com/2015/07/constructing-css-quantity-queries-on-the-fly/
  46. 46 http://bitsofco.de/2015/how-floating-works/
  47. 47 http://flexbox.io/#/
  48. 48 http://alistapart.com/column/job-hunting-for-web-designers-and-developers
  49. 49 https://medium.com/digital-nomad-stories/working-remotely-isn-t-always-a-dream-151619ae45dc
  50. 50 http://us3.campaign-archive1.com/?u=cefae11d379c411a337d2df24&id=979daa91ac&e=40d1d9694f
  51. 51 https://rachelandrew.co.uk/archives/2015/08/14/confidence-and-overwhelm
  52. 52 https://signalvnoise.com/posts/902-fire-the-workaholics
  53. 53 http://alistapart.com/blog/post/building-to-learn
  54. 54 http://thenextweb.com/opinion/2015/08/15/the-real-deathstar/
  55. 55 http://www.nytimes.com/2015/08/16/technology/inside-amazon-wrestling-big-ideas-in-a-bruising-workplace.html
  56. 56 http://blog.generalassemb.ly/agile/
  57. 57 https://vimeo.com/131410262
  58. 58 http://goo.gl/dDWsTF
  59. 59 http://goo.gl/cnqtOc
  60. 60 https://wdrl.info/

↑ Back to top Tweet itShare on Facebook

is a freelance front-end developer and architect and cares about sustainable front-end experiences and ethical choices in life. He curates the WDRL, a weekly handcrafted web development newsletter that thousands of developers love, subscribe to, and donate for.

  1. 1

    Pawel Grzybek

    August 21, 2015 10:59 am

    Fantastic week full of super news by Anselm again. This newsletter is added to my RSS feed and it’s one of the best sources of news for devs. Huge huge respect for putting these things together for us mate!

    7
  2. 2

    This is fantastic :)

    1
  3. 3

    This is superb.

    2
  4. 4

    Sergi Beltran

    August 21, 2015 3:48 pm

    Fantastic stuff Anselm.

    Thanks a lot.

    0
  5. 5

    Nothing related to angular?

    -6
  6. 7

    This is really informative. Thanks.

    1
  7. 8

    Awesome compilation of useful stuff. Thank-you, thank-you, thank-you!

    1
  8. 9

    Awesome step for WDRL to expand to Smashing Magazine. Really the only newsletter for web development that I have subscribed to. Needless to say, that I would love to see some more love for UX and design topics, maybe @editors of SmashingMagazine: Consider to give http://uxundtollerei.com/ a sport in your sideblog category as pendant to WDRL.

    Keep up the good work!

    Cheers

    3
  9. 10

    Santosh Kumar

    August 23, 2015 6:03 am

    Never heard of it! What does `link rel=”preconnect”` do?

    0
  10. 12

    how to signup just for getting the bi-monthly lists?

    1
    • 13

      Anselm Hannemann

      August 23, 2015 8:55 pm

      Hi Viktor, at the moment you can either sign up for the weekly WDRL at https://wdrl.info/ or you can read the bi-monthly lists here on Smashing Magazine. Currently, there is no plan to make this one a newsletter as far as I know but I’ll consider this as an option.

      1
  11. 14

    Kristina Hughes

    August 24, 2015 12:51 pm

    Very beautifully explained post! The follow of information is very authentic and meaningful for the developers especially for the beginners..

    2
  12. 15

    This is a great reading list, thank you!

    2
  13. 16

    Jonas Ohlsson

    August 25, 2015 8:16 am

    Congratulations Anselm to this development! – Your newsletter is great!

    1
  14. 17

    Ailin Hernandez

    August 26, 2015 10:37 am

    Great. I have been to beyond tellerrand this year and I can agree with the scope of the articles. We need less tools, we need more improvements in what we currently have!

    1
  15. 18

    Finding this list came at the perfect time, just as I am about to embark on a career change. Superb list.

    0
  16. 19

    The web development Topic easy to understand Thank you

    0

↑ Back to top