Hello buddies! Approach again in June (which already appears like such a very long time in the past in CSS land!) I had the pleasure of talking about CSS structure at CSS Day convention. I’m happy to say the video has now been revealed! Have a look to study a complete bunch of recent CSS structure strategies, with a number of little tips thrown in.
I tried to pack lots into this discuss, however what I attempted to stress is that lots of the new CSS options now we have at our disposal assist (and even encourage) us to embrace the versatile net of the current day. One the place we will’t presumably predict what sort of gadgets our consumer is shopping our web site on, however the place we will guarantee our layouts are sturdy throughout all gadgets, by eschewing pixel-perfection in favour of one thing extra intrinsic to the online. Materials honesty, as Jeremy talked about. Range is the online’s power, not its limitation.
Container queries are right here!
Talking of CSS structure, Container Queries have lastly landed within the newest (secure) model of Chrome! Miriam Suzanne has an awesome write-up overlaying the syntax.
There’s additionally a polyfill by the Chrome group, so you need to use it now!
:has() too!
As if that wasn’t sufficient thrilling CSS structure information, each Chrome and Safari have shipped assist for :has(), AKA “the father or mother selector”! Jen Simmons has the lowdown right here, and Una Kravets covers each options for the Chrome Developer Weblog.
On flexibility
Considerably associated to the pliability of the online, I loved studying a current weblog put up trade between Dave Rupert and Matthias Ott. Dave laments the more and more wild vary of jobs thrust onto the shoulders of entrance finish builders. They each discuss “bridge” roles, and Matthias factors out that an evolution in design considering is required now greater than ever, once we take into consideration all the pliability that CSS now supplies us with (see above!).
I like to see these conversations play out, even when it might be a while earlier than we agree on the options.
- The Net is a Harsh Supervisor by Dave
- Higher Bridges by Matthias
Smashing Convention Freiburg 2022
Wish to be taught all in regards to the newest and biggest CSS structure options? Come alongside to Smashing Convention in Freiburg, 5–7 September! We’ll discover container queries and way more, dwell on stage!
