Frontend Inspirations #4

• Putting the "You" in CPU

  Curious exactly what happens when you run a program on your computer? Learn how multiprocessing works, what system calls really are, how computers manage memory with hardware interrupts, and how Linux loads executables.

• State of HTML 2023

  While web developers tend to focus on JavaScript and CSS, none of what we do would be possible without HTML acting as the foundation. It has long seemed like HTML wasn't evolving, but things may be changing. New elements like selectlist are on the horizon, cool new features like popovers, and a swath of related browser APIs (Web Components, PWAs, etc.).

• State of CSS 2023

  CSS is evolving faster than ever. Flexbox, Grid, Multi-Column… To say nothing of whole new paradigms like CSS-in-JS. This is where the State of CSS survey comes in: we're taking on the world of styles and selectors to try and identify upcoming trends, and figure out what features and tools to learn next!

• Photoshop is now on the web!

  Enabled by WebAssembly, Web Components + Lit, Service Workers + Workbox & new Web APIs. Bringing the Photoshop desktop application to the web (photoshop.adobe.com) represents an enormous milestone in bringing highly complex and graphically intensive software to the browser.

• What's new in WCAG 2.2

  WCAG updates are intended to be backwards-compatible – by satisfying the requirements of WCAG 2.2, your site also satisfies the requirements of earlier versions of the specification. For this reason, the majority of WCAG 2.2 remains unchanged from WCAG 2.1.

• Accessible but never boring

  There’s a misconception that making a product accessible means sacrificing the visual design. Your UI will look too plain, they say. Your branding too dry, or too ugly. But gone are the days when you had to look like a boring bank to build a product that can be used by all. It’s time to think bigger. Bold brands embrace accessibility.

• How I made a heap overflow in curl

  Reading the code now it is impossible not to see the bug. Yes, it truly aches having to accept the fact that I did this mistake without noticing and that the flaw then remained undiscovered in code for 1315 days. I apologize. I am but a human.

• Mastering curl: interactive text guide

  I recently watched the 3.5-hour workshop Mastering the curl command line by Daniel Stenberg, the author of curl. The video was awesome and I learned a ton of things, so I wanted a (shortened) text version for future reference. Here it is. I've also included some interactive examples, so you can try out different curl commands as you read.

• 13 super rad web dev tricks you don't know about (but should)

  Event delegation, early return pattern, working with selectors, object conversion & arrays and more

• Sharing State with Islands Architecture

  Strategies for communicating between interactive components using Islands Architecture, with examples using Astro and React.

• CSS subgrid

  Subgrid enables grid shareability, allowing nested grids to align to ancestors and siblings.

• SmolCSS

  A wonderful collection of little layout-related CSS snippets from Stephanie Eckles that serves both as a quick reference and a reminder of how straightforward and powerful CSS has become.

• A comprehensive guide to the dangers of Regular Expressions in JavaScript

  A deep investigation into regular expression denial of service (ReDoS) vulnerabilities in JavaScript

• The Next Generation of Web Layouts

  Who will design the next generation of readable, writerly web layouts? Layouts for sites that are mostly writing. Designed by people who love writing. Where text can be engaging even if it isn’t offset by art or photography. Where text is the point. With well considered flexible typesetting, modular scaling, and readable measures across a full range of proportions and devices.

• Frontend Architectures: The Next Generations - Mikael Brevik

  Contrary to popular belief, the frontend scene has actually been relatively stagnant for the longest time. On a macro level, we've largely followed the same patterns and architectures with only minor variations for the past 6-7 years. This is about to change.

• Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide

  In this guide, Pearl Akpan analyzes the methods and properties that make user interface solutions such as infinite scrolling, animating elements on scroll, or even the popular drag and drop achievable, and afterward, dives into some practical use cases for them.

• Bézier Curves - and the logic behind them

  The logic behind Bézier Curves used in CSS animations and visual elements.

• TypeScript Origins: The Documentary

  A film featuring key contributors and community members discussing the history and adoption of TypeScript in the programming world