It can be challenging enough to use CSS to match the exact layout you’re going for, but could you imagine using it to paint a landscape? Or recreate an intricate playing card? Or even create a realistic portrait? That’s exactly how Ben Evans uses CSS, and the methods he uses to make his art are fascinating.
When we have an already implemented design in the browser, then it’s so much easier to tweak it, and eventually, we might “design” something different from what we started with. I like the term “tweaking” better for that context. The question is, what do we need to be able to design in the browser? And what we can do in the browsers with the current developer tools?
Today I read Addy Osmani’s article Preload late-discovered Hero images faster. It’s a good summary of ways to preload resources if you want to adjust and improve the browser’s loading behavior. The cool thing about this article; I discovered a recently added web platform feature to help speed up the loading of responsive images.
It’s certainly an exciting time to be working on the web right now, with browser support for new features moving along at lightning-fast pace! This month saw Safari drop a new release that includes support for a tonne of new stuff, including :has() (A.K.A. the “parent selector”), accent-color, and Cascade Layers (all of which are covered in my Smashing article), as well as some additional gems:
We’re going to learn how to create with consistent, fluidly scaling typography and spacing, all using CSS. Andy will show us some great techniques so that our website is consistent and looks great at every screen size.