BEM
Tailwind CSS
stylelint
styled-components
PostCSS
Bootstrap
Prepros
Next.js
Sass
PostCSS
Stylus
Tailwind CSS
Less
Bootstrap
Next.js
styled-components
BEM SassBased on our record, Sass should be more popular than BEM. It has been mentiond 131 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
There are some conceptual requirements to clean code that I always found hard to achieve in a traditional web project, but that's one more reason to use tools like static site generators and follow design patterns like Atomic Design, (A)BEM CSS, and a modular file structure. - Source: dev.to / about 1 year ago
BEM is a methodology for organizing and naming CSS classes in a scalable and maintainable way. Learning the principles of BEM can improve the structure of your stylesheets drastically. - Source: dev.to / 4 months ago
It always surprises me the lengths people are willing to go to avoid writing CSS. If organization is the issue, there's BEM (https://getbem.com/). This just looks like another layer of complexity on top of an already convoluted front-end stack that just slows everything it touches to a crawl and only works moderately well on the developers beefed up latest MacBook Pro's, and sucks horribly on any regular person's... - Source: Hacker News / 5 months ago
I am a reluctant convert to tailwind. I've been doing HTML since the 90s, before CSS was even really usable for things like page layout. I mean, we didn't even use div in those days - it was table based layouts and spacer gifs. CSS appeals to a programmers mindset. Cascading seems like a good idea. Having classes that are reusable seems like a good idea. Complex selectors seem like a good idea. These are all forms... - Source: Hacker News / 5 months ago
Recognizing this, the community pivoted, introducing methodologies like BEM to inject some uniqueness and modular style. - Source: dev.to / 8 months ago
Traditionally CSS lacked features such as variables, nesting, mixins, and functions. This was frustrating for Developers as it often led to CSS quickly becoming complex and cumbersome. In an attempt to make code easier and less repetitive CSS pre-processors were born. You would write CSS in the format the pre-processor understood and, at build time, you'd have some nice CSS. The most common pre-processors these... - Source: dev.to / 2 months ago
CSS stands for Cascading Style Sheets, and is a scripting language used to style web pages. SCSS stands for Syntactically Awesome Style Sheet, and is a superset of CSS. You can think of SCSS as the more advanced version of CSS, which comes with several features that CSS does not support, such as the SCSS nested syntax, as shown below. - Source: dev.to / 3 months ago
In the past, you’d need to rely on pre-processors such as SaSS or Less, but not anymore… Native CSS nesting has landed on all major modern browsers. - Source: dev.to / 4 months ago
Sass -> An improvement over CSS. It provides nice features for managing CSS. Good for mid-sized or even larger projects. - Source: dev.to / 5 months ago
Sass (Syntactically Awesome Style Sheets) - A CSS preprocessor that simplifies and enhances your CSS workflow. Website: https://sass-lang.com/. - Source: dev.to / 6 months ago
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
PostCSS - Increase code readability. Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.
stylelint - stylelint is a modern CSS linter
Stylus - EXPRESSIVE, DYNAMIC, ROBUST CSS
styled-components - styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
Less - Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node. js and Rhino) or client-side (modern browsers only).
