How to write CSS effectively with shorthand syntax. Learn way to optimize your CSS code
I'm Jignesh Patel - i code

Popular Blog Posts

CSS Animations vs CSS Transitions : Difference and Similarities
Both CSS animations and transitions help make property value switch more fluid. Discover Differences of the both properties.

CSS Property Defaults and How To Override CSS Properties?
Learn about CSS inherited Properties and how to Override works.

Before And After Pseudo-Elements In CSS, What Is The Difference
Two of the most widely used pseudo-elements ::before and ::after when used correctly, can give added style capability to a selected element.

Trigger CSS Animations On Scroll – Add CSS Transition using Intersection Observer API
See How you can master your scroll animations with a simple trick.
Recent Blog Posts

Top CSS Resources To Level Up CSS Skills By Daily Challenges
Top resources to keep learning and keep challenging yourself to improve CSS skills after you’ve completed learning basics.

Is HTML And CSS Enough To For Site Building And Web Dev Career?
HTML & CSS are the building blocks of a tech career mainly because one have to learn them anyway in any form or in any version of your programming language.

Top 10 Resources To Get Better At CSS And Front-end Development
A hand-Picked resource to start your CSS Journey. Learn CSS from the top CSS resource for beginners. With this list, you’ll learn everything you need to know about CSS.

Top 10 CSS Frameworks for Front-End Developers
List of CSS frameworks that everyone should know. These frameworks can speed up your workflow once you learn the basics of CSS. You can have the CSS framework do the repetitive tasks for you.

How To Use 3D Transforms In Perspective: 2D and 3D Transformations
Learn the basic concept of moving elements in 2d and 3d space. How to use transform functions with perspective and understand the behavior of transform-origin.

How To Use CSS Box Shadow Correctly Using Various Color Spaces
Explore Multipass Shadows and Their Usage. Learn the correct way to do shadows using rgba and hsla color spaces.

How To Use Multiple Background Images Using CSS ?
A Dom element can have more than one background image. Learn how to use this feature and explore techniques to use multiple background images.

Understanding min() max() clamp() and minmax() functions
Learn how to restrict your element’s properties using min(),max() and clamp() functions. These functions can help to control your elements without using media queries.

Pseudo Classes And Pseudo Elements In CSS
Manipulating fake elements in CSS to get additional control over CSS styling. Pseudo-selectors select elements in a particular state. Pseudo-elements are the Real but inaccessible elements.

When To Use CSS Blending Modes – All Blend Mode Explained
CSS supports 25 different blending modes. This enables the blending of two layers within the browser. Mixing two layers opens up doors for amazing creativity.

CSS Variables – Definition, Usage And Performance Explained
Long-awaited feature of CSS. CSS can have a variable and it can be scooped globally and locally. Learn do’s and dont’s about CSS variables.

Everything About CSS Positions And Its Helper Properties
CSS Properties are the ones that move an element from or into the natural flow of the document. Helper properties will help to arrange the elements in the document.

What is margin collapsing in CSS and how it works?
Margin property has one of the behaviors that other box-model properties do not have. Margins can collapse in certain conditions. This article covers various rules to understand margin collapsing behavior.