#Development #Guides
Giving up CSS pre/post-processors · Is it time to move on to native CSS? https://ilo.im/163dhy

_____
#ModernCSS #Sass #Less #Stylus #TailwindCSS #LightningCSS #Browser #WebDev #Frontend #CSS

So, You Want to Give Up CSS Pre- and Post-Processors... | CSS-Tricks

There was once upon a time when native CSS lacked many essential features, leaving developers to come up with all sorts of ways to make CSS easier to write over the years.

CSS-Tricks
So, You Want to Give Up CSS Pre- and Post-Processors... | CSS-Tricks

There was once upon a time when native CSS lacked many essential features, leaving developers to come up with all sorts of ways to make CSS easier to write over the years.

CSS-Tricks

Hello hello! A new video just released on YouTube. This video is a little tutorial on how to setup #Vitejs in #KirbyCMS. We take a look at the configuration and play around with #lightningcss as a css parser.

Watch it here:
https://www.youtube.com/watch?v=o3eCheh0bWc

Setup and use Vite in Kirby CMS

YouTube

⚡ I Added Lightning CSS to This Blog

by Roma Komarov

@kizu

#css #Astro #LightningCSS

https://blog.kizu.dev/added-lightning-css/

I Added Lightning CSS to This Blog

After I published my “My Mastodon Starter Pack” post, it got boosted a bunch in Mastodon. This led to more people trying to read it, and some — not successfully. All because in this not very polished blog I used a lot of a bit too-modern CSS, for example, native CSS nesting. And — this resulted in the layout breaking quite substantially.

Building / maintaining medium sized websites.
I use #sass to concatenate multiple files, one or two of mixins, and a couple of for loops and maps for generating some utility classes. I have largely switched to CSS vars / custom properties. Considering switching to #lightningCSS. Upsides: does minification and transpiling as well. Downsides: will have to write some code in a more manual fashion. What do you folks use ?

Is there a --watch flag available for LightningCSS?

#webdev #lightningcss

A short blog post about how to transform a DashedIdent with LightningCSS 😃

#css #lightningcss #javascript

https://www.brocksi.net/blog/lightningcss-how-to-transform-a-dashedident/

LightningCSS - How to Transform a DashedIdent value?

Sometimes I have very stupid ideas. People usually laugh at first, but I've learned that there's truth in every stupid idea. So, my latest dumb idea was to turn CSS into CSS! Sounds great, I know. If you're working with Bootstrap 5 and want to use CSS variables to change the color of some buttons, for example, you'll find that Bootstrap can only handle this in some parts of its components. They are working on fully supporting this with Bootstrap 6, but they also rely on SCSS in their components, and if they were to change it now, those would be breaking changes. The sad thing is that there is currently no date for when Bootstrap 6 will be released.

Surely #LightningCSS doesn't consider it an acceptable error message.

#frontend #css

I wrote about configuring @astro to use #LightningCSS, the #Rust #CSS parser in #MozillaFirefox, to handle all the CSS things. It's actually pretty simple. And fast 😉

#WithAstro @frontend

https://www.spencerrhodes.dev/blog/astro-lightningcss

Using Lightning CSS with Astro – Spencer Rhodes

Post >> Using Lightning CSS with Hugo: back to the workaround • Why a clear separation between dev mode and prod mode made sense.

https://www.brycewray.com/posts/2024/02/using-lightning-css-hugo-back-workaround/

#WebDev #CSS #LightningCSS #PostCSS #SSG #Hugo

Using Lightning CSS with Hugo: back to the workaround

Why a clear separation between dev mode and prod mode made sense.

Bryce Wray