/FrontEnd

Front-end JavaScript Performance

- Marc Radziwill tl;dr: In this post, Marc discusses the different types of JS performance issues, how to debug them, how to write fast front-end code and optimizing JavaScript code architecture.

featured in #241


What's New In DevTools (Chrome 92)

- Jecelyn Yeen tl;dr: You can now preview and author CSS Grid with the new CSS Grid editor, and more.

featured in #232


Making GitHub’s New Homepage Fast And Performant

- Tobias Ahlin tl;dr: Tobias runs through the code that makes the page performant, how illustrators work with designers and engineers, the way in which the page was designed, and more.

featured in #223


State Of Frontend 2020

tl;dr: Over 4500 developers surveyed, this report is divided into web development trends, frameworks and tools on the rise and decline, favorite tools, and more.

featured in #200


Front-end Interview Handbook

- Yangshun Tay tl;dr: "Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore."

featured in #194


What To Consider When Visualizing Data For Colorblind Readers

- Lisa Charlotte Rost tl;dr: "Most of the advice here will make your charts easier to read. Not just for people with a color vision deficiency, or the older ones, or the ones that read your chart in low light – for everyone."

featured in #188


Bootstrap 5 Alpha!

- Mark Otto tl;dr: With a new look and feel, "Bootstrap no longer depends on jQuery and we’ve dropped support for Internet Explorer."

featured in #186


Snapfont: The Fastest Way To Test Google / Local Fonts On Any Website

tl;dr: SnapFont makes it easier to test any font on any website. All you need to do is to install the browser extension.

featured in #175


Micro Frontends

- Cam Jackson tl;dr: The benefits of moving to this architecture are working with smaller, more maintainable codebases, structuring teams to be autonomous and writing code in more incremental fashion. The article comes with an implementation example.

featured in #145


Reducing Motion With The Picture Element

- Brad Frost tl;dr: If you deal with moving images on the web, this is how you can use the "prefers-reduced-motion" within a picture tag in HTML.

featured in #143