Links
x86CSS: CPU made in CSS
x86CSS is a working CSS-only x86 CPU/emulator/computer. Yes, the Cascading Style Sheets CSS. No JavaScript required. What you're seeing is a C program that was compiled using GCC into native 8086 machine code being executed fully within CSS.
Graph Theory using Modern CSS
Let's suppose you have a graph with a known number of nodes and you want to identify the shortest path between two nodes. It's possible using only CSS!
Breakpoints
The problem is, there is no agreed-upon minimum resolution. Talking about 360px being some kind of “minimum” when it comes to CSS pixels means we only take the phone’s default accessibility settings into account.
Sprites on the Web
In game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web these days. Which is a shame, because we can do some pretty cool stuff with sprites! In this post, we’ll share the niche CSS function you can use to leverage this technique, and explore some of the potential use cases.
You Know What? Just Don’t Split Words into Letters
If you need to split words into their constituent letters in order to adjust kerning, give them gradients, animate them, or whatever, well, no you don’t. Find another method, because screen readers will present the words letter by letter.
Videos
Building Smart Layouts
Even though container queries and CSS
:has()are well supported, there is still a gap in using them to their full potential. CSS now is like a football team with solid players but no coach to bring out their best. In this talk, I’ll walk you through my process of building smarter layouts that are aware of their surroundings and context, in the hope of inspiring you to take the next step and use modern CSS in your workflow.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.