|9 months ago||5 days ago|
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.
Take Your Front-end Skills to the Next Level: Building an Order Summary Card
2 projects | dev.to | 1 Feb 2023
One thing that I really enjoyed about this project was the opportunity to work with SCSS, here's a link to get you started on SCSS. It is a CSS pre-processor that allows you to use variables, nested rules, and other advanced features that make it easier to write and maintain CSS. Let me explain. SCSS, or Sassy CSS, extends the capabilities of traditional CSS. It allows developers to write code in a more organized and maintainable manner by adding features like variables, mixins, and nested rules.
Migration from Gridsome to Astro
8 projects | dev.to | 14 Jan 2023
My website is based on slightly opinionated starter theme from Gridsome authors which uses Sass for styles, and local markdown files for content population,
Past Informs the Present: Begin’s Approach to CSS
9 projects | dev.to | 10 Jan 2023
As style sheets became the responsibility of larger and larger teams, CSS’ global scope and specificity were often at odds with team dynamics. Style collisions became increasingly common, where changes introduced by one developer would inadvertently affect styles elsewhere on the website. As the old joke goes: two CSS properties walk into a bar; a bar stool in a completely different bar falls over. As these issues and the number of people experiencing them multiplied, so too did new CSS methodologies, particularly those focused on style sheet architectures. Before long, we had SMACSS, SUIT CSS, BEM, ITCSS, and more. Third party supersets of CSS also appeared during this time, such as Sass and LESS, which gave style sheet authors access to scripting features like variables and loops.
Supporting SASS in your TS React project using TSC and esbuild
2 projects | dev.to | 30 Dec 2022
We all know SASS and its benefits, and until “native” CSS will support nesting, to say the least, I don’t see it going anywhere (and SASS has a lot more to offer).
CSS Guide: Basics of CSS
2 projects | dev.to | 23 Dec 2022
Use CSS preprocessors: CSS preprocessors, such as Sass or Less, allow you to write more efficient and organized code by adding features such as variables and mixins.
3 projects | reddit.com/r/css | 19 Dec 2022
Automated Frontend Workflow
17 projects | dev.to | 15 Dec 2022
Sass: CSS with superpowers.
54 projects | dev.to | 23 Nov 2022
If you are a total beginner to CSS, Codecademy's HTML & CSS course will be a good introduction to you. Next, read up on the Sass preprocessor, an extension of the CSS language which adds syntactic improvements and encourages style reusability. Study the CSS methodologies mentioned above, and lastly, CSS modules.
Quick Guide To CSS Preprocessors
3 projects | dev.to | 21 Nov 2022
SASS stands for Syntactically Awesome Style Sheets. It has mainly two choices for syntax, i.e., Sass and SCSS. Currently, because of version 3.0, SCSS is the official syntax. SCSS is closer to regular CSS, making migrating easier. The significant difference between the two is using parentheses and semicolons. Sass is viable with all versions. It has a large group, has been around for over 15+ years, and has more features than the other CSS preprocessors—additionally, a few supportive structures around Sass, similar to Compass and Bourbon.
3 projects | dev.to | 13 Nov 2022
ng new test1 ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? > CSS SCSS [ http://sass-lang.com ] SASS [ http://sass-lang.com ] LESS [ http://lesscss.org ] Stylus [ http://stylus-lang.com ]
What are some alternatives?
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
Tailwind CSS - A utility-first CSS framework for rapid UI development.
PostCSS - Transforming styles with JS plugins
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
Less Rails - :-1: :train: Less.js For Rails
postcss-preset-env - Convert modern CSS into something browsers understand
Compass - Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
esbuild - An extremely fast bundler for the web
Autoprefixer - Autoprefixer for Ruby and Ruby on Rails
Bourbon - A Lightweight Sass Tool Set