Tag: css

How to Truncate Text in CSS

Different ways to truncate text with CSS

Dev

In this article, we will review different ways to truncate text in CSS using several CSS and JavaScript techniques.

Chinedu Okere
May 5, 2023 ⋅ 10 min read
Guide Hiding Elements CSS

Guide to hiding elements in CSS

Dev

We explore a variety of approaches for hiding webpage elements using CSS and evaluate them for performance and accessibility.

Nelson Michael
May 4, 2023 ⋅ 9 min read
Using Camome To Design Highly Customizable UIs

Using Camome to design highly customizable UIs

Dev

Use the Camome UI framework to design customizable user interfaces that adhere to accessibility and provide pre-built components like buttons and keyboard tags.

Jude Miracle
Apr 28, 2023 ⋅ 11 min read
Improving Accessibility High-Contrast Users CSS

Boost accessibility for high-contrast users with CSS

Dev

Learn how to improve accessibility and enhance UX for high-contrast users with CSS and how to diagnose website accessibility issues.

David Omotayo
Apr 26, 2023 ⋅ 8 min read
A Guide to CSS Container Queries

A guide to CSS container queries

Dev

CSS container queries and media queries are paramount to building responsive websites. In this article, we’ll learn about container queries.

Onuorah Bonaventure
Apr 19, 2023 ⋅ 9 min read
Type Safe CSS Modules Typescript

How to write type-safe CSS Modules

Dev

Having the correct CSS class names in place ensures that the intended styles are applied to a given component, preventing the styles from being misplaced due to typography errors.

Alain Perkaz
Apr 19, 2023 ⋅ 4 min read
Creating Responsive Mobile Layouts With Pure.css

Creating responsive mobile layouts with Pure.css

Dev

In this article, we will learn how to build a responsive mobile layout with Pure.css and learn about the benefits of using Pure.css.

Emmanuel Odioko
Apr 18, 2023 ⋅ 7 min read
Understanding CSS preload and other resource hints

Understanding CSS preload and other resource hints

Dev

Learn the difference between CSS preload and CSS prefetch, how to use CSS preconnect, and more about these important resource hints.

Stanley Ulili
Apr 11, 2023 ⋅ 7 min read
Creating Custom Css Typography With Colrv1 Specification

Creating custom CSS typography with COLRv1 specification

Dev

The COLRv1 font format can be used for custom CSS typography in web projects, providing the power of custom color fonts to meet design needs.

Rahul Chhodde
Apr 7, 2023 ⋅ 5 min read
SCSS Styled-Components Advantages Caveats

SCSS vs. styled-components: Advantages and caveats

Dev

Some developers prefer the stability and more universal character of Sass over the novelty of styled-components. But if you’re willing to climb the steeper learning curve, styled-components offers more in the way of reusability and customization.

Eslam Hefnawy
Apr 6, 2023 ⋅ 7 min read
Create Beautiful Stroked Text CSS

Can you create beautiful stroked text in CSS?

Dev

We explore several approaches for creating stroked text (or outline text) in CSS and with SVGs and look at many stroked text examples.

Rob O'Leary
Apr 5, 2023 ⋅ 11 min read
Styling Your Webpage With Sakura CSS

Styling webpages with Sakura CSS

Dev

In this article, we will demonstrate how to use a classless framework like Sakura CSS to build a portfolio page.

Onuorah Bonaventure
Mar 31, 2023 ⋅ 8 min read