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

20 Free Tailwind CSS Web Templates for Designers & Developers

20 Free Tailwind CSS Web Templates for Designers & Developers

CSS

Kickstart your next web project with these free Tailwind CSS templates. Find the perfect layout for any project, from simple to advanced.

The 50+ Best Free Responsive HTML Web Templates for 2025

The 50+ Best Free Responsive HTML Web Templates for 2025

CSS / UI Design

A collection of HTML and CSS web layout templates that are perfect for building your next website. All templates are responsive and free.

100 Tiny CSS Tools & Apps for Web Designers

100 Tiny CSS Tools & Apps for Web Designers

CSS

All of these free tools and apps have been built as time-saving problem solvers to some of the more time-consuming areas of CSS development.

25+ Free Tailwind CSS Admin Dashboard Templates

25+ Free Tailwind CSS Admin Dashboard Templates

CSS

A collection of the best free Tailwind CSS dashboard templates – perfect for developers looking to create responsive, customizable web projects quickly.

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

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

CSS / UI Design

: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

CSS

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

8 CSS Snippets for Creating Bento Grid Layouts

8 CSS Snippets for Creating Bento Grid Layouts

CSS / UI Design / Web Design

Dive into CSS bento grid layouts. A collection of CSS flexbox and grid code snippets, and examples for enhancing your web development skills.

8 CSS Grid Snippets for Creating Common Website Layouts

8 CSS Grid Snippets for Creating Common Website Layouts

CSS / UI Design

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

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

CSS / UI Design

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!

25 Lightweight & Minimalist CSS Frameworks Worth Considering

25 Lightweight & Minimalist CSS Frameworks Worth Considering

CSS

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

The Web Design Concepts That Were Ahead of Their Time

The Web Design Concepts That Were Ahead of Their Time

Web Design

Hard as it may be to fathom, the web has been a part of our world since CERN placed it into the public domain in 1993. And if you were…

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

CSS / JavaScript / UI Design

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

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

CSS / UI Design

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

10 CSS Grid Snippets for Creating Unique Layouts

10 CSS Grid Snippets for Creating Unique Layouts

CSS / UI Design

A collection of ten free CSS grid code snippets for creating some truly creative and experimental web layouts.

8 CSS Snippets for Creating Split-Screen Layouts

8 CSS Snippets for Creating Split-Screen Layouts

CSS / UI Design

A fantastic collection of split-screen UIs, complete with CSS source code that you can edit to fit your needs. Each offers something unique.

How to Improve Custom Layouts Using the WordPress Block Editor

How to Improve Custom Layouts Using the WordPress Block Editor

WordPress

We share three methods to enhance custom layouts with the WordPress block editor. Turn something basic into a highly-customized setup.

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

CSS / UI Design

We share a collection of exciting CSS snippets for creating magazine web page layouts using both CSS flexbox and grid.

Better Design & Testing for Mobile Viewport Madness

Better Design & Testing for Mobile Viewport Madness

CSS / Web Design
12