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
Category: Web Development
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)
GitHub Markdown Cheat Sheet : Definitive Guide with Example + Resources
GitHub repositories usually contain a README.md file which contains information that is commonly required to understand what the project is about. Here the “.md” extension stands for ” Markdown.” Markdown is a way to style text on the web. You control the display of the document; formatting words as bold or italic, adding images, and… Continue reading GitHub Markdown Cheat Sheet : Definitive Guide with Example + Resources
Visual Studio Code – How to use Git and GitHub
Visual Studio Code (VS Code) has easily become one of the most popular editors out there for Web Development. It has gained such popularity thanks to its many built in features, including source control integration, namely with Git. With Git being one of the most popular and powerful Source Control providers, harnessing its power from… Continue reading Visual Studio Code – How to use Git and GitHub
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
Getting Started with Git and GitHub: – Newbie Guide
Looking to get started with Git and GitHub? Do you need to collaborate with a team? Are you working on a project? OR, …do you really just want to contribute to your first open source project? If you say YES, then you are at right place. First of all, GitHub is not git. Many people… Continue reading Getting Started with Git and GitHub: – Newbie Guide
What is Emmet? How to Use Emmet in VS Code for Faster Web Development
Emmet is a plugin for Visual Studio Code text editor that provides a number of tools to help you quickly write HTML and CSS code. It is developed by Sergey Chikuyonok, who is a Russian web developer. As a web developer, we have always been searching for a tool to increase our workflow and productivity.… Continue reading What is Emmet? How to Use Emmet in VS Code for Faster Web Development