Skip to main content

 

CSS with superpowers

This blog aims to improve your CSS abilities, clean up your code, and save a lot of time by using Sass.

Sass, which stands for Syntactically Awesome Stylesheet, is a Cascading Style Sheets (CSS) extension and has the “.scss” file extension.

it is completely compatible with all versions of CSS. In addition, Sass has more features and capabilities than any other CSS extension language currently available and There are an endless number of frameworks built with it: Compass, and Bourbon, are just a few examples.

        Check out for more :
        https://sass-lang.com/

However, Sass includes extra features such as CSS variables and nested rules, which make CSS more efficient and easier to edit.

Begin with the CSS variables. For instance, with CSS, if color is one that we commonly use, we must define it each time we want to utilize it. When using Sass, it is much simpler because we can utilize variables to store the repeated values.

                                       SASS variables


With Sass, you may use nesting “Using selectors inside of selectors to create a hierarchy” to maintain the cleanliness of your code.

        Check out for more about Sass Nested Rules and Properties:
        https://www.w3schools.com/sass/sass_nesting.php

A really helpful video with priceless advice that I recommend to you at the end by Coder Coder.



Thank you for reading 💜!

Comments

Post a Comment

Popular posts from this blog

  Mastering Angular Basics In this blog, we will understand the Core Concepts of Angular What is Angular? A framework designed for building client-side using TypeScript It’s used for building dynamic, single-page applications (SPAs) What are single-page applications? It is a web application implementation that loads a single web document and then updates the content of its body as the user interacts with the application. Component It is a fundamental building block of an application. (every Angular application has at least one Root component ). They encapsulate a unit of functionality, including HTML, CSS, and TypeScript logic. app.component.ts : TypeScript file that contains the logic for the root/app component. app.component.html : HTML template file that defines the structure and content of the app component's view. app.component.css : CSS stylesheet file that contains the styles for the app component's appearance. Components are reusable A component includes a Type...
Post a Comment
Read more

PHP MySQL Connection management AND Database Operations

  PHP MySQL Connection management AND Database Operations The initial step involves establishing a connection to work with the database in PHP. PHP will therefore need to authenticate itself: we say that it establishes a connection with MySQL. To connect using PDO (PHP Data Objects), we need to instantiate the PDO class, passing the database source (server + database name) and a username and password as parameters to the constructor. Method 1: Using a Function <?php //PDO connexion function Connexion ( ) { $hostname = "localhost" ; $username = "The_name_of_your_user" ; $password = "your_password" ; $databasename = "The_name_of_your_DB" ; try { $conn = new PDO ( "mysql:host= $hostname ;dbname=The_name_of_your_DB" , $username , $password ); // set the PDO error mode to exception $conn -> setAttribute (PDO:: ATTR_ERRMODE , PDO:: ERRMODE_EXCEPTION ); echo "C...
Post a Comment
Read more
  Application Programming Interface  RESTful APIs Mobile applications can retrieve data from the user’s device application, an online source, or the database. L et’s start with  API , which stands for  application programming interface : It is a set of rules and protocols that allows different software applications to communicate with each other. The number of APIs globally is growing rapidly, with  Postman reporting typical growth of 39 percent in the last year . More simply , In a restaurant, when you’re ready to order, you have a menu to make your food selection. You choose your desired dish. After finalizing your order, the waiter takes note of it and then takes it to the chef. The latter then prepares your meal accordingly, and the waiter serves it to your table. This process is straightforward for you as a diner since you don’t need to concern yourself with the steps of how the food is cooked. In this scenario, the waiter functions as an intermediary, simi...
Post a Comment
Read more