Partials are one of the last frontiers that keeps me coming back to Sass. @mrtrimble shows us how we can compile CSS without a Sass dependency.
https://css-tricks.com/compiling-css-with-vite-and-lightning-css/
=> More informations about this toot | View the thread
It must be so cool working on the Chrome team and getting to bash on the latest browser builds with all these bleeding-edge CSS features.
https://css-tricks.com/chrome-133-goodies/
=> More informations about this toot | View the thread
The @view-transition at-rule has two descriptions. One is the commonly used navigation descriptor. The second is types, the lesser-known of the two, and one that probably envies how much attention navigation gets. Read on to learn why we need types and how it opens up new possibilities for custom view transitions when navigating between pages.
https://css-tricks.com/what-on-earth-is-the-types-descriptor-in-view-transitions/
=> More informations about this toot | View the thread
While everyone else might be consumed with CSS masonry, @malarkey gives us good reasons to give CSS multicolumn layout a fresh look.
https://css-tricks.com/revisiting-css-multi-column-layout/
=> More informations about this toot | View the thread
A great example of how reference boxes can be used as positioning shortcuts in CSS when placing one element around another.
https://css-tricks.com/positioning-text-around-elements-with-css-offset/
=> More informations about this toot | View the thread
A few things you might not know about CSS custom counter styles. https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/
=> More informations about this toot | View the thread
I put together a little ol’ feed of the articles our team is reading so you can follow along and read what we’re reading. https://css-tricks.com/creating-a-starred-feed/
=> More informations about this toot | View the thread
Anchor positioning can be great for little interactive effects — as @css shows off with this menu hover. https://css-tricks.com/fancy-menu-navigation-using-anchor-positioning/
=> More informations about this toot | View the thread
Lee Meyer with a super clever idea using scroll-driven animations as an interaction to "like" or "dislike" something. https://css-tricks.com/web-slinger-css-across-the-swiper-verse/
=> More informations about this toot | View the thread
A few clever ways to start using the sibling-count() and sibling-index() functions — or close to it — for things like tree counting, random values, and staggered transitions.
https://css-tricks.com/how-to-wait-for-the-sibling-count-and-sibling-index-functions/
=> More informations about this toot | View the thread
I had one of those TIL moments when someone told me about "Tight Mode" and how it's responsible for why we get different performance results in browsers. There's very little info on it, so I wrote this up to help wrap my head around it.
https://css-tricks.com/tight-mode-why-browsers-produce-different-performance-results/
=> More informations about this toot | View the thread
Digging what @belldotbz says here: "The path to becoming a truly great developer is down to more than just coding. It comes down to how you approach everything else, like communication, giving and receiving feedback, finding a pragmatic solution, planning — and even thinking like a web developer."
https://css-tricks.com/the-importance-of-investing-in-soft-skills-in-the-age-of-ai/
=> More informations about this toot | View the thread
Just one last post to wrap the year and thank y'all from the inset-block-end of my heart for helping kick life back into CSS-Tricks...
https://css-tricks.com/thank-you-2024-edition/
=> More informations about this toot | View the thread
A slew of things we're hoping to see in CSS next year... the year after... or ever! https://css-tricks.com/a-css-wishlist-for-2025/
=> More informations about this toot | View the thread
A really BIG look at the teeny tiny little triangle part of a tooltip by none other than Juan Diego Rodriguez. https://css-tricks.com/the-little-triangle-in-the-tooltip/
=> More informations about this toot | View the thread
When was the last time you developed a multi-step form? There’s so much to think about and so many moving pieces that need to be managed. But doing it by hand can be a good exercise and a great way to polish the basics. Fatuma Abdullaho walks you through her first multi-step form using vanilla HTML, CSS, and JavaScript.
https://css-tricks.com/how-to-create-multi-step-forms-with-vanilla-javascript-and-css/
=> More informations about this toot | View the thread
What ELSE is on your CSS wishlist? https://css-tricks.com/what-else-is-on-your-css-wishlist/
=> More informations about this toot | View the thread
The transition-behavior property allows us to make transitions between discrete properties, such as display or visibility. While the transition-behavior property doesn't make these properties interpolable, we can control when they change to better fine-tune the transition across all its duration.
https://css-tricks.com/almanac/properties/t/transition-behavior/
=> More informations about this toot | View the thread
The @starting-style at-rule allows us to define styles for elements just as they are first rendered in the DOM. The classic situation this solves is trying to animate an element from display: none.
https://css-tricks.com/almanac/rules/s/starting-style/
=> More informations about this toot | View the thread
How much attention do you pay to the alignments of your subscripts and superscripts? Lorenz Wöehr has you covered with a recipe for fluid scaling. https://css-tricks.com/fluid-superscripts-and-subscripts/
=> More informations about this toot | View the thread
=> This profile with reblog | Go to csstricks@mastodon.social account This content has been proxied by September (3851b).Proxy Information
text/gemini