> Chrome is keen to see an implementation of masonry type layouts on the web. However, we feel that implementing it as part of the CSS Grid specification as proposed in the recent WebKit post would be a mistake.
Rachel goes on to explain how the “masonry” layout differs enough from standard grid so as to warrant a different mode.
What do you think? Should masonry be an addition to #CSS grid? Or should it be its own layout mode? #WebDev
After reading these two blog posts, I am slowly shaping up my opinions about the implementation of masonry layout in CSS. Most likely, a super long blog post is coming soon...
Excited to share tailwindcss-fluid-font-size, a new fluid typography Tailwind plugin.
I’ve been iterating on Tailwind approaches to fluid typography for a couple years. tailwindcss-fluid-font-size is more flexible and, to me, the most ergonomic and idiomatically “Tailwindy” of the solutions I’ve built or read about.
Open minded Tailwind haters might even be interested in at least the design.
If you declare layers in one stylesheet, do you have to have the styles associated with those layers within or imported into the same stylesheet, or can they exist in completely different files, as long as they're all linked into the same html via the head?
While not functional on Firefox (yet!), I had a little fun with @property on @codepen in #CSS. What I love is that the conic gradient's angle is reused with sin/cos in CSS to animate that (extremely realistic 🤡 ) text-shadow + subtle box-shadow in an arc, not a straight line! MATHS!
Fijn dat er ein-de-lijk in de mainstream media aandacht voor komt. Wel jammer dat weer de nadruk ligt op de scheidslijn privacy en security. Het gaat hier in eerste instantie juist om het verbreken van veel security waarvoor je een klein beetje security terug zou krijgen (niet bewezen).
We render part of a page inside multiple websites we don't control (so we don't have control over the site's CSS, just our own)
We want to use rem units so it adjusts to the user's preferred font size
However, some of these sites do things like "font-size: 62.5%" on <html>, which makes our page section look smaller than expected (since root font size is now 10px instead of 16px)
Is there a way to get consistent sizes and keep using rem units? #css
Is there a non-cursed way to make a #CSS lozenge yet? Rectangle someone stepped on and it got squished to a side, with the top and bottom still parallel?
PSA: :only-child. :last-child, :first-child in #css ignore text nodes ... so if you have something like <li>some text <a href="#">and a link</a></li> but you're trying to only target list items that ONLY contain a link and nothing else, li > a:only-child will still apply to the above...
Those of you making fancy toggles with #css can eat your hearts out.
Aerospace hardware rocks.
Of course there are dozens of engineers and thousands of pages of documentation and FAA certification docs behind that switch, but who cares, it rocks.
Use modern CSS to add a status indicator to your avatar using less than 10 CSS declarations and without extra elements.
✅ Only the image element
✅ No pseudo-element
✅ Transparent gap
✅ Optimized with CSS variables