Our great sponsors
purgecss | Bulma | |
---|---|---|
51 | 154 | |
7,638 | 48,421 | |
0.4% | - | |
8.1 | 8.4 | |
7 days ago | 4 days ago | |
TypeScript | SCSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
purgecss
-
Optimize CSS with SAT Solving
As a starting point, Tailwind used to use PurgeCSS [0] but I'm not sure what they use now.
-
Frontend development roadmap
PurgeCss
-
Removing unused CSS in a Django template-based project
When I searched online I couldn't find an "industry standard" solution to this problem. What I ended up doing was using the popular tool PurgeCSS along with a quick Python script to generate the appropriate command. What the PurgeCSS tool does is search for all your HTML files, gather all the CSS classes used, and then "purge" all the unused ones from the CSS file. You just need to declare all the HTML files you have.
-
23 of the best Eleventy Themes (Starters) for 2023
Skeleventy gives you a rock-solid foundation to build fast and accessible static websites, with clean, understated design. Features include a minimal build pipeline with Laravel Mix, the Sass-powered utility class generator Gorko, Purge CSS, an HTML minifier, SEO-friendly page metadata, image lazy loading, responsive navigation, and an XML sitemap.
- Eliminating unused selectors from Sass
-
Workplaces for digital nomads: the frontend
Unable to get rid of unused styles. Importing components individually and setting styles in SASS can greatly simplify builds, but several common unused styles can't be deleted using PurgeCSS and analogues due to dynamic class names.
-
Does My Website Look Big in This? Six Tips to Lower your Page Weight
If you’re hand-crafting your CSS, using only the exact classes you need, you’ll still probably find that your CSS file size grows as your site does. But it doesn’t need to grow too much — you can remove unused classes with tools like Purge CSS .
-
Artisanal Web Development
Joost interprets this approach as deliberately avoiding frameworks that ‘simplify’ code by including predefined classes and functions that are shipped client-side, even if they’re not used. In principle you’d think these frameworks would be helpful, and they certainly can be, on the development side. The trouble is, unless they’re pared back with additional tooling (like PurgeCSS, for example), even well designed and developed sites can bloat significantly.
-
How to improve the PageSpeed score of your Nuxt.js website in 6 steps
Purge CSS is another great option to keep your stylesheet size low and increase the PageSpeed score. It's especially useful if you're importing some 3rd party stylesheets and would like to use only what's required. The configuration usually takes a bit of tinkering to get right, but it's definitely worth the effort.
-
Remove unused CSS with PurgeCSS
Check out PrugeCSS
Bulma
-
The Bulma CSS framework reaches 1.0
Have you considered the possibility of programming?
https://github.com/jgthms/bulma/blob/main/sass/components/ta...
I used to use Bulma a lot, but become frustrated by the fact certain items require you to use tags for styling even if you don't want them to be clickable links, which is pretty bad for accessibility.
Oh wow, quite happy about this, for a while it seemed the project was abandoned, really glad Jeremy keeps working on this :) The new website (https://bulma.io/) also looks very slick. I could totally see that he'd be able to monetize this like Tailwind, it's a really well thought-out framework with a good compromise between responsiveness, utility classes and components.
-
Building a flat-file CMS with Angular
So, our post.component.html component is the generic page where all posts will have their content loaded. Here, the classes are from the Bulma CSS framework, and the template looks like this:
- Arqueología Tech: Roleplay un juego de cartas hecho en Visual Basic 6
-
🔥 Big frontend update: the Gowebly CLI now supports Bootstrap and Bulma
Since v1.9.0 release, the Gowebly CLI includes support for Bootstrap and Bulma CSS frameworks.
-
Top React Component UI Libraries to Enhance Your Web Development Projects
Bulma is a lightweight and modern CSS framework that simplifies the styling of your web projects. It offers a clean and intuitive set of classes to structure and design your HTML elements, providing a quick and easy way to create visually appealing layouts. Bulma is responsive and mobile-friendly, making it an excellent choice for developers who want a straightforward and flexible solution for their projects. Whether you're a beginner or an experienced coder, Bulma's simplicity and versatility make it a popular option for building stylish and responsive web interfaces without the need for extensive customization.
-
Lalipo - spotify playlist generator
Note: I had some fun trying to implement a neo-brutalism style in bulma, I'm rather proud of how it went !
-
10 UI Libraries You Should Explore for Your Next Vue.js Project
6. Bulma Bulma is a lightweight CSS framework with a responsive grid system and customizable components. It offers a clean and modern design. Check out the Bulma website to learn more.
What are some alternatives?
Tailwind CSS - A utility-first CSS framework for rapid UI development.
vue-vite-starter-template - A single page app Vite starter template, created to easily bootstrap Vue.js 2 apps
cssnano - A modular minifier, built on top of the PostCSS ecosystem.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
PostCSS - Transforming styles with JS plugins
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
esbuild-loader - Webpack loader for esbuild: Speed up your build ⚡️
primevue - Next Generation Vue UI Component Library
Spectre.css - Spectre.css - A Lightweight, Responsive and Modern CSS Framework
Materialize - Materialize, a CSS Framework based on Material Design
snarkdown - :smirk_cat: A snarky 1kb Markdown parser written in JavaScript