Tag: css

Hand holding purple sticky notes for CSS sticky positioning guide.

Troubleshooting CSS sticky positioning

Dev

Fix sticky positioning issues in CSS, from missing offsets to overflow conflicts in flex, grid, and container height constraints.

Ibadehin Mojeed
Nov 13, 2024 ⋅ 5 min read
Simplifying CSS Animations With The `Display` And `Size` Properties

Simplifying CSS animations with the display and size properties

Dev

New CSS features simplify animating elements by allowing transitions for display and size properties, reducing the need for complex JavaScript workarounds.

Saleh Mubashar
Oct 24, 2024 ⋅ 7 min read
Understanding and supporting zoom behaviors on the web

Understanding and supporting zoom behaviors on the web

Dev

Understanding and supporting pinch, text, and browser zoom significantly enhances the user experience. Let’s explore a few ways to do so.

Fimber Elemuwa
Oct 9, 2024 ⋅ 7 min read
CSS logo in front of pile of green matcha tea, which represents the matcha.css library discussed in this article.

How to style HTML with matcha.css

Dev

Learn how matcha.css simplifies HTML styling with responsive, customizable elements, no dependencies, and effortless integration.

Emmanuel Odioko
Oct 7, 2024 ⋅ 10 min read
CSS typography in white on a vibrant red geometric background. Article will focus on the CSS backdrop-filter property and its various functions, including blur, grayscale, brightness, and drop-shadow.

How to use the CSS backdrop-filter property

Dev

Learn how the CSS backdrop-filter property with functions like blur, grayscale, contrast, and brightness can add more depth to visual effects.

Oscar Jite-Orimiono
Oct 4, 2024 ⋅ 10 min read
Developing Modals Using Only CSS And The Popover API

Developing modals using only CSS and the Popover API

Dev

The Dialog and Popover approach to modals requires less code and and fewer files than using JavaScript method, making it less error-prone.

Daniel Schwarz
Sep 26, 2024 ⋅ 7 min read

Creating an animated hamburger menu icon for React

Dev

The hamburger menu icon is a common design element in mobile and responsive websites and applications. It offers a compact […]

Ibadehin Mojeed
Sep 4, 2024 ⋅ 8 min read
Styling Checkboxes With CSS properties

Styling checkboxes with CSS properties

Dev

Use CSS properties and pseudo selectors to style your checkboxes and create an intuitive, user-friendly UI for your forms.

Mamta Dalal
Aug 21, 2024 ⋅ 15 min read
How To Build A Countdown Timer Using CSS

How to build a countdown timer using CSS

Dev

Create a countdown timer using JavaScript and CSS to enhance your website’s interactivity and boost user engagement.

Carlos Mucuho
Aug 20, 2024 ⋅ 14 min read

Optimizing CSS time-based animations with new CSS functions

Dev

For a long time, the limited support for math functions made creating time-based CSS animations much more challenging. A traditional […]

Emmanuel Odioko
Aug 14, 2024 ⋅ 17 min read

Creating 3D effects in CSS

Dev

As a frontend developer, you most likely have heard the house analogy used to describe HTML, CSS, and JavaScript. HTML […]

Oscar Jite-Orimiono
Aug 7, 2024 ⋅ 9 min read
Improve Text Flow And Balance With The CSS Text-Wrap Property

Improve text flow and balance with the CSS text-wrap property

Dev

Discover how the recent CSS text-wrap values, `balance` and `pretty`, handle the tedious work of optimizing text layouts.

Rob O'Leary
Aug 6, 2024 ⋅ 9 min read