Menu Search
Jump to the content X X
Smashing Conf San Francisco

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 San Francisco, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #164: Enjoy The End Of 2016, It Wasn’t The Worst

Welcome to the last reading list of the year. I’m happy to still have you as a reader and very grateful to all the people who value and support my work. I hope you’ll be on vacation for the upcoming days or can relax a bit from your daily work. Remind to take care of yourself, and see you next year!

Concept & Design Link

Security Link

Web Performance Link

Animation In Design Systems By Sarah Drasner8
A preview of an animation flow on mobile. (Image credit9)

CSS/Sass Link

Work & Life Link

Forget About Setting Goals. Focus on This Instead.14
Having a system is what matters. Committing to the process is what makes the difference. (Image credit15)

Going Beyond… Link

And with that, I’ll close for this week. If you like what I write each week, please support me with a donation18 or share this resource with other people. You can learn more about the costs of the project here19. It’s available via email, RSS and online.

— Anselm

Footnotes Link

  1. 1 https://24ways.org/2016/animation-in-design-systems/
  2. 2 https://24ways.org/2016/front-end-developers-are-information-architects-too/
  3. 3 https://thehackerblog.com/the-orphaned-internet-taking-over-120k-domains-via-a-dns-vulnerability-in-aws-google-cloud-rackspace-and-digital-ocean/index.html
  4. 4 https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/
  5. 5 http://calendar.perfplanet.com/2016/cache-digests-http2-server-push/
  6. 6 http://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/
  7. 7 http://calendar.perfplanet.com/2016/loading-web-fonts-asynchronously/
  8. 8 https://24ways.org/2016/animation-in-design-systems/
  9. 9 https://24ways.org/2016/animation-in-design-systems/
  10. 10 http://callmenick.com/post/multi-line-padded-text-css-box-decoration-break
  11. 11 http://jamesclear.com/goals-systems
  12. 12 https://www.linkedin.com/pulse/i-have-side-code-projects-show-you-ezekiel-buchheit
  13. 13 https://medium.com/@jdan/quantifying-my-off-days-27e85f5bc157
  14. 14 http://jamesclear.com/goals-systems
  15. 15 http://jamesclear.com/goals-systems
  16. 16 https://medium.com/@angushervey/99-reasons-why-2016-has-been-a-great-year-for-humanity-8420debc2823
  17. 17 https://techcrunch.com/2016/12/13/ieee-puts-out-a-first-draft-guide-for-how-tech-can-achieve-ethical-ai-design/
  18. 18 https://wdrl.info/donate
  19. 19 https://wdrl.info/costs/

↑ Back to top Tweet itShare on Facebook

Anselm Hannemann 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 and subscribe to.

  1. 1

    Perfect timing, Thanks Anselm for sharing. CSS/Sass Multi-line box-decoration-break Property came in handy for a design problem I was facing.

    Thank you for the reading list once again and
    Merry Christmas!
    Enjoy the best of the season.

    1
  2. 2

    Thank you for the article on documenting animations in a design system. Happy Holidays!

    1
  3. 3

    2015 was the crappy year. I dont care if the rest of the world thinks differently. They may all fall of its edge. 2016 was 40% bad, 60% good. 2015 was 90% pure-nightmare crap, 5% so-so and maybe 5% good. So overall, 2016 was good. End of story :)

    cu, w0lf.

    1

Leave a Comment

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top