Smooth scrolling using only CSS
Learn how to create smooth auto-scroll using one simple CSS property.
SCSS
How to fix auto-scroll position so the target element is not hidden behind a sticky header (using only CSS)
Learn how to easily fix the issue where the target element is covered behind a sticky header when auto-scrolling using JavaScript or anchor links.
User snippets in Visual Studio Code: A productivity game changer
Become a more efficient programmer by using the user snippets option in Visual Studio Code that lets you quickly insert your most frequently used code snippets.
Building a design system: Setting breakpoints for responsive design
In this post, we will focus on defining the CSS breakpoints that will be used to create a responsive design.
A must-have CSS property (box sizing)
The importance of the box-sizing CSS property and why you should probably use it.
Creating form fields with animated labels
Today we will create animated labels for form fields using HTML, CSS, and JavaScript.
Detecting filled form fields
Learn how to detect a form field that has been filled out.
Using CSS clamp for a responsive font size (fluid typography)
A simple method to create a responsive font size (also known as “fluid typography”) with just one line of code.
Converting px to rem with Sass
Use a Sass function to type values in px and get the output in rem.
Changing the default selection color with CSS
Learn how to change the text selection color using CSS.