Will SCSS Be Replaced by CSS3?

In this tutorial, I want to explore the SCSS features and improvements in CSS over the years. Is SCSS relevant anymore and CSS is ready as a replacement for SCSS in practice.

LESS Responsive Login Form

LESS Responsive Login Form - In this login form, we used a simple HTML form tag with an input and button tag, and normally we used CSS properties.

7.css - CSS framework for Windows 7 UI recreations

A design system for building faithful recreations of old UIs.

Build a Responsive Website Using HTML & SASS/SCSS Tutorial

Learn how to build a simple responsive website homepage using HTML and SASS/SCSS. Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. Essentially CSS with superpowers.

Migrate from CSS to SCSS stylesheets for an existing Angular project

A quick guide to using SCSS in an Angular application that was scaffolded to use the default stylesheet format. Migrate from CSS to SCSS stylesheets for an existing Angular project

Sass or SCSS In-Depth Tutorial

SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor, which helps to reduce repetition with CSS and saves time. Sass or SCSS In-Depth Tutorial

Learn Sass Basics in 10 Minutes

In this tutorial, I’m going to show you the power of Sass, but you need to know some HTML and CSS fundamentals first, go learn them, then move to Sass. We are going to cover the Scss, that’s what most people use. In this tutorial, you'll Learn Sass Basics in 10 Minutes

Awesome CSS clamp function

Using CSS you cannot write functions to connect with database or an API call. But there are some built-in functions that helps to code better as a Front-end developer.

The CSS Preprocessor Dilemma : Node-Sass or Dart-Sass

This article is mainly about Sass, and it’s preprocessor implantations: Dart-sass and Node-Sass. More than a year ago, I answered a question on StackOverflow about choosing between Node or Dart-Sass for Vue CLI. It got lots of up-votes, and I thought maybe it is worth diving deeper into this topic.

Custom Theme for Angular Material Components Series:

In this part, we will understand Material Theming by taking a deep look into Angular Material Components' github repo.

How to Make Better Use of SASS Extensions for Custom CSS Variables

Do you often write CSS rules for pages and have to copy parts of the rules from file to file? You probably haven’t heard of the SASS extension that exists to help you solve this problem. How to Make Better Use of SASS Extensions for Custom CSS Variables

How To Add Sass In React | SCSS Stylesheet In React js

To add sass in React, we need to install node-sass module and then import .scss files inside the App.js component and now we can use sass in React.js.

Sass Module System Update 2020 | SCSS import Deprecation

Today we are going to talk about a feature of Sass / SCSS that no one else seems to be talking about. The deprecation of the @import rule and implementation of the new Module System including the new @use rule.

Complete SASS & SCSS Tutorial for Beginners

CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help.

Sass Basics — Supercharge Your CSS

Learn some simple tips to accelerate your CSS by adopting Sass. Easily increase readability, reliability and reusability. Sass is awesome. It’ll save you some time and sanity.

Dev Snap: Tons of Free and Open Source HTML, CSS, and JavaScript Assets for Web Devs!

I curate 100% free resources and tools for web developers. My mission is to help you build amazing products that delight your users.

Custom Theme for Angular Material Components Series: Part 1

Learn how to Create and Apply Custom Theme to different Angular Material Components.

How to Make a Customizable SCSS/CSS Button with an Animated Glowing Border

I’ve always loved glowing graphics and if you’re one of those people, then I can show you today one way, how to make it your own. There are many ways how to do it, but I concentrated on animating attributes, which take the least toll, performance-wise. I had to use SCSS in order to calculate dynamically CSS transition/animation durations, start and stop points, and delays related to the dimensions of the button different visual attributes. My understanding of smooth CSS animations is based on the article Smooth as Butter: Achieving 60 FPS Animations with CSS3. In this post, you'll see How to Make a Customizable SCSS/CSS Button with an Animated Glowing Border

How to Structure SCSS in an Angular App

Let’s first walk through the file changes that the Angular CLI handles for us and how you can modify existing projects to switch over to SCSS for styling. I’ll then go over how I like to set up my SCSS files and folder structure when working on Angular projects.

How to Setup Svelte, Typescript, TailwindCSS and SCSS

Complete guide to setup Svelte with Typescript, TailwindCSS and SCSS. Link to the ready to degit template at the end. Svelte just announced their full official support for Typescript, here is a complete guide to set it up in a new project with TailwindCSS and SCSS.