Tag: css

Styling numbered lists with CSS counters

Styling numbered lists with CSS counters

Dev

Ordered lists are a great way to make your app or website more consumable and appealing to the user’s eye. Learn how to use CSS counters to customize the way numbers look in your ordered lists.

Supun Kavinda
May 12, 2020 ⋅ 4 min read

Flexible layouts without media queries

Dev

In this article, I will look at how we can create flexible layout components with CSS Grid and math functions to gain more control over the hypothetical instructions we inscribe into our components.

Dannie Vinther
Apr 16, 2020 ⋅ 8 min read
5 Reasons Why People Aren't Using New CSS Features

5 reasons why people aren’t using new CSS features

Dev

Although new CSS features and properties are developed and released every year, web developers rarely learn them or use them in their projects. This is a problem because the CSS Working Group, which maintains and improves CSS specs, measures success by looking at a feature’s adoption rate.

Nathan Sebhastian
Apr 1, 2020 ⋅ 3 min read

How Hucssley utility classes can improve frontend development

Dev

Huccsley is an exciting technology that could make waves in web development once it leaves beta and it will be exciting to see how it will help developers create great experiences using its wide suite of tools.

Austin Roy Omondi
Apr 1, 2020 ⋅ 6 min read

A beginner’s guide to programming for CSS with Sass

Dev

In this article, we’ll take a look at ways you can write programmable logic in CSS.

Joe Casabona
Mar 19, 2020 ⋅ 5 min read
An image illustrating CSS scroll snap.

How to use CSS Scroll Snap

Dev

This tutorial shows you how to save a ton of time when creating a scroll snap for your website by using CSS rather than JavaScript.

Nada Rifki
Mar 9, 2020 ⋅ 2 min read

When CSS doesn’t do anything

Dev

You know the feeling when you’re trying to achieve some styling or layout with CSS and it just won’t work? Enter, Inactive CSS in Firefox.

Patrick Brosset
Mar 9, 2020 ⋅ 7 min read
Variable Fonts: Is the Performance Trade-Off Worth It?

Variable fonts: Is the performance trade-off worth it?

Dev

Although variable font files are huge, they typically improve performance because they eliminate the need to use multiple font files.

Anna Monus
Mar 5, 2020 ⋅ 9 min read

CSS Grid or CSS frameworks?

Dev

In this post, we will take a look at when you should use CSS Grid and when you should use CSS frameworks.

Kasra Khosravi
Mar 4, 2020 ⋅ 8 min read
How to create randomly generated backgrounds with the CSS Paint API

How to create randomly generated backgrounds with the CSS Paint API

Dev

Learn how to create randomly generated backgrounds and other dynamic images using Houdini’s new CSS Paint API.

Supun Kavinda
Mar 3, 2020 ⋅ 5 min read

Advanced CSS selectors for common scenarios

Dev

Before you give up on CSS and resort to adding more HTML or blowing everything up with some JavaScript, take a look at the CSS selectors and properties you can use.

Andrew Spencer
Feb 27, 2020 ⋅ 4 min read

New media queries you need to know

Dev

This article will take you through some of the most interesting new media queries in this new specification, and show you how to use them.

Kristofer Selbekk
Feb 26, 2020 ⋅ 4 min read