Saturday, May 21, 2022
  • Home
  • Event
  • Technology
  • Program
  • Education
No Result
View All Result
E-Capitals
No Result
View All Result
Home Program

Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks

admin by admin
January 12, 2022
in Program
0
0
SHARES
0
VIEWS
Share on FacebookShare on Twitter

Hot off the presses from Devon Govett, creator of Parcel, is Parcel CSS:

A CSS parser, transformer, and minifier written in Rust.

Nice. The CSS world could use a little processing shake up like this.

I just wrote a few weeks ago:

Ya know how esbuild has seriously shaken things up for the JavaScript processing world? Maybe we need a cssbuild? It would process imports and do bundling (something we generally rely on Sass for). The point would be extreme speed. Maybe it would be plugin-based and compatible with the PostCSS API so that existing PostCSS plugins would work on it. Maybe it could make sourcemaps and do modification. Maybe it would run your Sass, too, I dunno. But something to spark the CSS ecosystem like that could be cool.

It looks like it doesn’t do bundling (standalone anyway). I suppose it would have to just invent a syntax for that, as I think Sass somewhat regrets the ambiguity of how it uses @import just like native CSS does and I wouldn’t blame anyone for not wanting to go down that road. It’s tricky territory, for sure, as inventing syntax kinda puts it into a different category of tool. I think it would be worth it though, as breaking up CSS into smaller files but bundling them in development is like… a thing people do.

Related Posts

Verevolf | CSS-Tricks – CSS-Tricks

Inline Image Previews with Sharp, BlurHash, and Lambda Functions | CSS-Tricks

Tips for Building SaaS Products Efficiently

An Interactive Starry Backdrop for Content | CSS-Tricks

So why run your CSS through this thing? From the docs, it looks like you’d wanna do that because…

  • it’s a minifier (looks like it’s cssnano under the hood),
  • it does vendor prefixing (looks like it’s Autoprefixer under the hood),
  • it can process as CSS modules (the classic library, not the native ones), and
  • you get sourcemaps.

But it seems like the killer Parcel CSS feature is what they are calling “Syntax lowering” meaning you can use “future” CSS today (like, say, nesting) by having it processed down to things that browsers understand, like Babel does in JavaScript.

Parcel CSS is fast and outputs small files. (Source: @devongovett)

I have no idea what powers Parcel CSS. though it feels similar in spirit to postcss-preset-env. I’m unsure if that’s what’s being leveraged or not. I guess PostCSS is required for Autoprefixer which is being used, so maybe? I just don’t see it in the package.json.

Will Parcel CSS become an ecosystem?

So I guess the big question is: If Parcel CSS becomes the CSS parser of choice, will we get plugins? And if we do, will it become a robust ecosystem like PostCSS plugins?

Next Post

Amazon brings Vella to Kindle for Android and Fire tablets, expanding episodic reading platform

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Popular Posts

Technology

Boeing’s Starliner docks with space station after ‘excruciating’ wait

by admin
May 21, 2022
0

Boeing’s Starliner space capsule hangs in front of the International Space Station in preparation for docking. (NASA via Twitter) Boeing’s...

Read more

Boeing’s Starliner docks with space station after ‘excruciating’ wait

Seagen CEO resigns after arrest, cautious optimism for biotech, and more – GeekWire

Resume Tips for Teachers Leaving the Profession

Tech CEO lost his backpack, laptop, passport and more — but found a calling in Twitter storytelling – GeekWire

Enchanting Titles for All Ages

Economic uncertainty starts to hit tech job market with reports of hiring slowdowns, rescinded offers – GeekWire

Load More

Popular Posts

Best Winter Olympics Activities for Kids in the Classroom

by admin
January 19, 2022
0

What is Packet Sniffing Attack? – Types and How to Prevent It?

by admin
December 11, 2021
0

Zain Nadella, 1996-2022: Microsoft CEO’s son remembered for love of music, bright smile, profound impact on his dad

by admin
March 1, 2022
0

Copyright © 2021 - e-Capitals.com DESIGNED AND DEVELOPED BY TEAM WORDPRESS BLOGX

No Result
View All Result
  • Home
    • Home 1
    • Home 2
    • Home 3
  • Event
  • Technology
  • Program
  • Education

Copyright © 2021 - e-capitals.com - DESIGNED AND DEVELOPED BY TEAM WORDPRESS BLOGX