Tag: css

Web Layouts Like It's 2020

Web layouts like it’s 2020

Dev

With some creative CSS, you can start building more aesthetically interesting web layouts.

Facundo Corradini
Dec 2, 2019 ⋅ 5 min read
Jank-Free Page Loading With Media Aspect Ratios

Jank-free page loading with media aspect ratios

Dev

The CSS aspect-ratio property may gradually resolve the problem of janky page loading and text being moved by reflowing pages as browsers evolve.

Craig Buckler
Nov 30, 2019 ⋅ 7 min read

5 things you can do with CSS instead of JavaScript

Dev

CSS can do that?

Juan Martín García
Oct 29, 2019 ⋅ 6 min read
Utility Classes And Components: Your Library Of ExtendableStyles

CSS utility classes: Your library of extendable styles

Dev

Building with CSS utility classes provides a huge boost to productivity and organization. Learn what they are and how to build your own utility library.

Russell Bishop
Oct 23, 2019 ⋅ 8 min read
A Quick Introduction To Progressive Enhancement

A quick introduction to progressive enhancement

Dev

As you go on to build new web solutions, it will be important to keep progressive enhancements in mind.

Adewale Abati
Oct 11, 2019 ⋅ 5 min read

How to write reusable CSS with SASS

Dev

Using Sass gives a more logical approach to styling modern web components.

Obinna Ekwuno
Sep 25, 2019 ⋅ 6 min read
styled components

What’s new in styled-components 5.0

Dev

Read about the new features in the new styled-components version 5.

Nwose Lotanna
Jun 25, 2019 ⋅ 3 min read
Useful Tools And Techniques To Minify CSS

Useful tools and techniques to minify your CSS

Dev

Faster page speed, better performance, overall improved user experience — these are the advantages of minifying your CSS files. This may seem […]

Peter Ekene Eze
May 30, 2019 ⋅ 4 min read
Trapezoid CSS Shape

It’s a trap-ezoid: CSS Shapes aren’t what you’d expect

Dev

When I first heard of CSS Shapes, I fell into the trap of expecting a drawing API. I thought it’d […]

John Rhea
May 10, 2019 ⋅ 7 min read

5 things to consider when creating your CSS style guide

Dev

A CSS style guide is a set of standards and rules on how to use and write CSS code. It […]

Silvestar Bistrović
Apr 28, 2019 ⋅ 4 min read

New in Firefox 66: Animating CSS Grid

Dev

Firefox is continuously improving, and the Mozilla team manages to surprise us with every new release. We have seen outstanding […]

Facundo Corradini
Apr 25, 2019 ⋅ 3 min read

Why you should use CSS focus styles

Dev

There are many ways people will use your website. Some use a mouse, some use a touch device, some use […]

Michael Scharnagl
Apr 18, 2019 ⋅ 4 min read