Topic Archives

CSS Layouts

Explore various layout types, including flexible, responsive, and grid-based layouts, learn about the latest CSS features, like Flexbox and Grid, and find the resources that will help improve your CSS layout skills.

View all CSS content

8 CSS Grid Snippets for Creating Common Website Layouts

8 CSS Grid Snippets for Creating Common Website Layouts

By
CSS

A collection of common website layout concepts built using CSS grid. Each one demonstrates how they can make life easier for web designers.

25 Lightweight & Minimalist CSS Frameworks Worth Considering

25 Lightweight & Minimalist CSS Frameworks Worth Considering

By
CSS

A collection of lightweight and responsive CSS frameworks that provide everything you need to get started on your next web project quickly.

25+ Best Free Serif Fonts for Creatives

25+ Best Free Serif Fonts for Creatives

By
Fonts

A collection of the best free serif fonts currently available. Typefaces that beautifully combine aesthetics, functionality, and readability.

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

By
CSS / JavaScript / UI Design

Free CSS & JavaScript snippets that show how color, movement, and typography contribute to building a stunning testimonial UI.

Better Design & Testing for Mobile Viewport Madness

Better Design & Testing for Mobile Viewport Madness

By
CSS / Web Design

We discuss the common pitfalls of mobile testing and share some tips for making your designs look great on every screen.

8 Code Snippets That Demonstrate the Power of CSS Grid

8 Code Snippets That Demonstrate the Power of CSS Grid

By
CSS

As web designers continue to experiment with CSS Grid, we’re seeing many new and creative methods of solving common layout issues.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

By
CSS

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

By
CSS

We share a collection of CSS and JavaScript snippets for creating unorthodox container designs that eschew standard layouts.

The 10 Most Popular Open Source Front-End Web UI Kits

The 10 Most Popular Open Source Front-End Web UI Kits

By
CSS / UI Design

You can save loads of development time by working with frontend UI kits. To help, we have curated the best open source UI frameworks available.

How to Target Design Elements with the CSS :not Pseudo-Class

How to Target Design Elements with the CSS :not Pseudo-Class

By
CSS

:not allows you to target elements that do not match a list of provided selectors. The result is more control over niche design features.

The Importance of Keeping Up with the Latest CSS Techniques

The Importance of Keeping Up with the Latest CSS Techniques

By
CSS

Even if your current solutions work adequately, there are still reasons to invest in learning the latest CSS techniques.

The Web Design Concepts That Were Ahead of Their Time

The Web Design Concepts That Were Ahead of Their Time

By
Web Design
1234