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

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

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

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

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

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

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

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

8 CSS & JavaScript Snippets for Creating Blog Layouts

8 CSS & JavaScript Snippets for Creating Blog Layouts

A collection of stunning CSS and JavaScript code snippets for creating modern blog homepages and single posts layouts.

8 Code Snippets That Demonstrate the Power of CSS Grid

8 Code Snippets That Demonstrate the Power of CSS Grid

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

10 CSS & JavaScript Parallax Scrolling Effect Snippets

10 CSS & JavaScript Parallax Scrolling Effect Snippets

A collection of CSS & JavaScript snippets for creating the parallax effect. Play around with code and use them in your own projects.

Beautiful Poster Art Created with CSS & JavaScript

Beautiful Poster Art Created with CSS & JavaScript

Posters are among the most common art forms. You probably had a few of them on your wall as a child. They cover the full spectrum of people, places, and…

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

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

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.

The Desktop Features You Should Consider Leaving Out on Mobile

The Desktop Features You Should Consider Leaving Out on Mobile