/FrontEnd

The Evolution Of Scalable CSS

tl;dr: "In this post, we’ll develop a deeper understanding of CSS by diving into the underlying issues that make it difficult to scale. We’ll understand the evolution of the various CSS best practices that have emerged and changed over time. By the end, we’ll have a good grasp on past approaches to scaling CSS on large projects, and how popular tools like Tailwind and a range of others address these issues in counter-intuitive ways."

featured in #368

The State Of Frontend In 2022

- Gergely Orosz tl;dr: Gergely covers topics such as How Frontend Engineers Work, Engineering Practices, Technologies, Developer Tools, and more. "27% of respondents reported working at a company with more than 50 frontend engineers. At the same time, 30% of developers shared how 5 or fewer frontend developers work at their company. 50% of respondents work at companies with 10 or more frontend engineers."

featured in #367

The Web’s Next Transition

- Kent Dodds tl;dr: "The web is made up of technologies that got their start over 25 years ago. HTTP, HTML, CSS, and JS were all first standardized in the mid-nineties. Since then, the web evolved into a ubiquitous application platform. As the web has evolved, so too has the architecture for the development of these applications... The most popular architecture employed by web developers today is the Single Page App (SPA), but we are transitioning to a new and improved architecture for building web applications."

featured in #360

My Wonderful HTML Email Workflow

- Josh Comeau tl;dr: Building an HTML email from scratch is a "gnarly adventure." Email clients don't support modern luxuries like CSS Grid, or Flexbox. Instead, "we need to resort to using HTML <table> tags. Plus, there are dozens of email clients, each with their own quirks and idiosyncracies." Josh discusses the adventure here.

featured in #330

The Front-End Developer's Guide To The Terminal

- Josh Comeau tl;dr: "It's the missing manual of terminal fundamentals needed to work with modern JS frameworks like React, so you can move onto the fun stuff: building user interfaces! Josh also shares "favourite tips and tricks for getting the most out of the terminal" - "the stuff I wish someone had shown me when I was first getting started."

featured in #310

Understanding Layout Algorithms

- Josh Comeau tl;dr: "The key realization I had is that CSS is so much more than a collection of properties. It's a constellation of inter-connected layout algorithms. Each algorithm is a complex system with its own rules and secret mechanisms." Josh looks at how this new lens can help make sense of what's happening in CSS. And use that lens to "solve a surprisingly-common mystery."

featured in #304

Emoji Under The Hood

- Nikita Prokopov tl;dr: "I thought it might be fun sharing a few nitty-gritty details of how this “biggest innovation in human communication since the invention of the letter” works under the hood." Nikita shows us the various ways in which emojis can be encoded. 

featured in #277

Practical Frontend Philosophy

- Jared Gorski tl;dr: This is a rather general post, written for people curious about how to think about "the frontend". However, I think it's relevant to interested humans of all knowledge and skill levels."

featured in #264

7 Useful HTML Attributes You May Not Know

tl;dr: (1) Multiple allows the user to enter multiple values on an <input>. (2) Accept allows you to specify the types of files the user can upload. (3) Contenteditable, a global attribute (common to all HTML elements) that makes the HTML content editable by the user or not. And more.

featured in #256

Writing Great Alt Text: Emotion Matters

- Jake Archibald tl;dr: "Good alt text means that screen reader users get the same 'meaning' from the page as a fully sighted user." Context and emotions matter. "Images can make you feel a particular way, and that's something that should be made available to a screen reader user."

featured in #252