Sass Reviews and details

Social recommendations and mentions

• Future of CSS: Functions and Mixins

  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

• Top 20 Frontend Interview Questions With Answers

  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

• Modern CSS for 2024: Nesting, Layers, and Container Queries

  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

• 45 NPM Packages to Solve 16 React Problems

  Sass -> An improvement over CSS. It provides nice features for managing CSS. Good for mid-sized or even larger projects. - Source: dev.to / 6 months ago

• Best Resources For Web Developers 💻 [HTML + CSS + JavaScript]

  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

• A Developer’s Guide to Implementing a Design System (Part 1)

  Personally, my preference is Sass: I find that the mixins, partials, and operators are hugely useful when it comes to creating re-usable snippets of code for a design system. And, since it’s “just” a pre-processor and not a framework, it’s not opinionated in a design sense and there’s no default values (colors, spacing values, etc.) that will need to be overwritten. - Source: dev.to / 6 months ago

• How To Choose the Best Static Site Generator and Deploy it to Kinsta for Free

  Preprocessors: SSGs leverage preprocessors to streamline the development process. Preprocessors like SASS for CSS or Babel for JavaScript offer additional features and simplify code development. - Source: dev.to / 6 months ago

• Maximize Web Performance with CSS Optimization Techniques

  Consider using CSS preprocessors like Sass or Less not only for better code organization but also for potential performance improvements. - Source: dev.to / 7 months ago

• Creating Own Chat GPT

  For the backend, we chose Python, Django Rest Framework. On the frontend, React, Redux, Saga, Sass. Let’s start with the backend, which was managed by Yegor. He writes about the server part of the project himself. - Source: dev.to / 9 months ago

• An Overview of 25+ UI Component Libraries in 2023

  Extensions of CSS: for example, Sass, Less, Tailwind, CSS Modules, to make stuff look a certain way on your own. - Source: dev.to / 8 months ago

• mlut - a new word in the Utility-First CSS approach

  Mlut is an Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity. Source: 8 months ago

• Let's Make Learning Frontend Great Again!

  LiveCodes provides many of the commonly used developer tools. These include Monaco editor (that powers VS Code), Prettier, Emmet, Vim/Emacs modes, Babel, TypeScript, SCSS, Less, PostCSS, Jest and Testing Library, among others. All these tools run seamlessly in the browser without any installations or configurations. It feels like a very light-weight version of your own local development environment including the... - Source: dev.to / 8 months ago

• Jitsi Meet Flutter SDK

  Apart from Flutter another "user" I'm aware of is the reference implementation of Sass (the CSS preprocessor language), which is now written in Dart. https://sass-lang.com/. - Source: Hacker News / 9 months ago

• Featured Mod of the Month: Thomas Bnt

  Thomas: I’m specialized in web development, specifically with JavaScript and HTML/Sass. I’m currently using Nuxt for most of my work and personal projects, and also Sass because it makes it simpler to maintain and beautify my beautiful source code. ✨. - Source: dev.to / 9 months ago

• CSS: The Good Parts

  The CSS Working Group had been aware of the need for CSS variables since its inception in 1997. By the late 2000s, developers had created various workarounds like custom PHP scripts and preprocessors like Less and Sass to compensate for this deficiency. - Source: dev.to / 10 months ago

• Type Safe Tailwind and SCSS Modules

  Applying classes directly to a React component provides no type safety by default. This can lead to errors, unexpectedly missing styles, and a lesser development experience without intellisense. In this blog, I'll be achieving type safety for both Tailwind and SCSS (Sass) Modules. - Source: dev.to / 11 months ago

• How to calculate CSS specificity of your style rules

  This is not the case when we have 10 and above selectors of a type. High number of selectors can occur when using nesting feature of css preprocessors like sass to generate css. You can end up with three-column value like [11, 7, 19]. You can't concatenate the numbers to obtain a decimal specificity weight in this case. - Source: dev.to / 11 months ago

• Classic Themes with Block Patterns in WordPress

  For the sake of simplicity, my example setup uses a single-file plugin and puts all styles directly into a single style.css file without using further theme.css or theme.json files, which we might want to use depending on the requirements for customizability. Likewise, SASS / SCSS support can be added if it makes life easier for the developer(s) involved. But as we already use PostCSS to control autoprefixing and... - Source: dev.to / 12 months ago

• QT applications with GTK3 theme

  GTK understands CSS as-is - as in the CSS of GTK is compliant with the specification. The more complex GTK themes are even written with sass. Source: about 1 year ago

• Our AI-Powered TechCrunch Clone Went Viral, This Is How We Built It

  We strived for simplicity on the frontend side of things too, which led us to use Svelte Kit as our web framework for building the web application. We also used SCSS for styling, which allowed us to replicate the design of TechCrunch quickly. - Source: dev.to / about 1 year ago

• Simplified Responsive Web Development with SCSS/SASS

  According to sass-lang.com, SCSS is CSS with superpowers. It makes styling a whole lot easier and faster; let's explore. - Source: dev.to / over 1 year ago