Tag

CSS

Styling web pages with Cascading Style Sheets

12 articles

web development13 min read
HTML Progress Bar CSS: How to Style the Progress Tag in HTML
Learn how to style an HTML progress bar with CSS, including cross-browser support for the HTML progress element, color states, animations, and custom progress bar patterns.
Feb 15, 2026
web development11 min read
Practical implementation of the Rule of Least Power for developers
It's easy for devs to default to JavaScript to fix every problem. Let's use the RoLP to find simpler alternatives with HTML and CSS.
Nov 21, 2024
web development5 min read
How to use Inline CSS Variable in Html
Learn how to use CSS variables inline in HTML for dynamic and personalized styling. Understand the benefits and explore practical examples with inline CSS variables.
Feb 15, 2024
web development2 min read
How to Create a Loading Spinner in CSS with Overlay.
Build a loading spinner with an overlay using Html and CSS for loading content or before page loads.
Dec 13, 2023
web development24 min read
How to Build Responsive Layouts Using CSS Grid
Responsive web design is essential in today's web development landscape due to the diversity of devices and screen sizes.
Dec 3, 2023
web development7 min read
How CSS Methodologies can enhance Code Efficiency
Learn how to avoid disorganized code by prioritizing proper CSS methodologies for readable, maintainable, and scalable code.
Mar 12, 2023
web development4 min read
The Dangers of Using !Important in CSS: Why It Should Be Avoided
Learn why using !important in CSS can lead to maintenance and debugging issues, and why good CSS structure allows for cleaner and maintainable styling
Feb 24, 2023
web development8 min read
Creating responsive images with image-set
The image-set() is a CSS function that allows web developers to turn an image into a responsive image, showing variations of the same photo for different screen resolutions when needed.
Sep 27, 2022
web development17 min read
How to Build a Responsive Image Slider with Html, CSS and JavaScript: Step-by-Step Guide
Learn to create a responsive image slider using HTML, CSS, and JavaScript. Elevate your front-end skills with this beginner-friendly project.
May 12, 2022
web development13 min read
How to Build a Random Color Flipper with Vanilla Javascript
Learn JavaScript with our color flipper tutorial! Elevate your skills with this random color generator that changes element background on click.
Apr 1, 2022
web development10 min read
all vs root vs html vs body selectors
CSS selectors are used to select elements in our web document so we can apply CSS styles to them.
Nov 24, 2021
web development21 min read
Using CSS Variables like a Pro: A Beginners Guide to the var() CSS Function
CSS variables help you create custom CSS styles that can be reused continuously throughout your document or website. This is done using the CSS var() function.
Nov 9, 2021

The newsletter

Join Timonwa's Notes

What I've been working on, and whatever links, tools, and posts stuck with me. Roughly once a month.