Have you ever wondered what Sass is? Or maybe you know what it is but have not really taken time to learn and use it? Or you might just want to remind yourself of what you already know. In any case, this article is for you. If you are a frontend developer, you know that… Continue reading Sass Variables – A Quick Intro
Tag: Web development
CSS Box Model – A Quick Intro
“Everything in CSS is a Box“, you have probably heard this multiple times before, but this is an important concept that every front-end developer should be aware of. Understanding these boxes is key to being able to create layouts with css, or to align items with other items. CSS Box model is the primary means… Continue reading CSS Box Model – A Quick Intro
BEM ( Block Element Modifier) for CSS : A Quick Intro
Naming things are always difficult in the programming world, and CSS is not far from it. Some developers don’t pay that much attention to naming. They claim that there isn’t enough time on thinking about which name to give each class in CSS. That may be right, but in the long run low quality code… Continue reading BEM ( Block Element Modifier) for CSS : A Quick Intro
The Best CSS Length Unit For a Responsive Design : rem, vw, vh and fr, Explained 💻
One of the things you will use every day in css are units. They are used to set padding, margin, align elements and so on. Also, these css length units are very important when creating a responsive website and you might wonder which one to use considering we have several css length units (one example… Continue reading The Best CSS Length Unit For a Responsive Design : rem, vw, vh and fr, Explained 💻
CSS Styles : Inline, External and Internal (Definitive Guide)
CSS stands for cascading style sheets. It’s a stylesheet language that describes the appearance of a website. Essentially, CSS tells web browsers how each element in an HTML document should be displayed. CSS rules start working after they are being added to HTML. There are a couple of ways for adding CSS into HTML and… Continue reading CSS Styles : Inline, External and Internal (Definitive Guide)
What is CSS Specificity and How Does it Work? – Ultimate Guide
When working with CSS conflicting styles can be a thorn in your side, especially when you don’t know where the conflict is originating from. This tutorial will give you a firm understanding of CSS specificity which will help fill in any knowledge gaps so you don’t end up pulling your hair out of frustration. To… Continue reading What is CSS Specificity and How Does it Work? – Ultimate Guide
CSS Attribute Selectors – A Quick Intro
In our last post, we went over CSS combinators which includes selecting your CSS style by descendant, child, adjacent and general sibling selectors. In this post we are going to discuss CSS Attribute selectors. This is the third part of a five-parts article. You can find first four parts from the following link: Part -1… Continue reading CSS Attribute Selectors – A Quick Intro
CSS Selectors – Understanding CSS Combinators
In our last post, we went over simple selectors which includes selecting your CSS style by type, id, class, universal and grouping selectors. In this post we are going to discuss CSS combinators. But the obvious question – What is CSS combinators and why do we need them? This is the second part of a… Continue reading CSS Selectors – Understanding CSS Combinators
CSS Selectors – The Ultimate Guide on Simple Selectors
CSS is awesome and one of the most powerful tools that is available to front-end developers. Perhaps the biggest key to understanding CSS is understanding selectors. Selectors are what allows you to target specific HTML elements and apply style to them. Also, selectors are one of the first things to learn for beginners. So for… Continue reading CSS Selectors – The Ultimate Guide on Simple Selectors
React Learning Path in 2024 – A Roadmap from Beginner to Advanced
Want to discover some simple ways to learn React in 2024? This guide is for people who are starting with React or who have gone through React as a beginner and unsure on what to pick up next as an advanced React developer. In this guide, I want to give beginners as well as advanced… Continue reading React Learning Path in 2024 – A Roadmap from Beginner to Advanced
How to setup and use SASS in VS Code (Dart SASS support + Live page preview)
SASS stands for “Syntactically Awesome Style Sheets” and it is an extension to CSS which helps us write more flexible styles – in other words, it’s a CSS preprocessor. CSS are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. SASS lets you use features that don’t exist in… Continue reading How to setup and use SASS in VS Code (Dart SASS support + Live page preview)
Essential Git commands : Basic to advance with examples
Git & GitHub has steadily risen from being just a preferred skill to a must-have skill for multiple job roles today. In our previous article we have covered Git workflow with basic Git commands. Also Read: Getting started with Git and GitHub: the complete beginner’s guide In this article we will be focusing on some… Continue reading Essential Git commands : Basic to advance with examples