Content by Category
Content by Application

Topic Archives

CSS Layouts

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

Better Design and Testing for Mobile Viewport Madness

Better Design and 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 CSS & JavaScript Snippets for Creating Modern Blog Layouts

8 CSS & JavaScript Snippets for Creating Modern Blog Layouts

By
CSS / JavaScript

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

By
CSS

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 Snippets for Creating the Parallax Scrolling Effect

10 CSS & JavaScript Snippets for Creating the Parallax Scrolling Effect

By
CSS / JavaScript

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

8 Snippets for Creating Common Website Layouts with CSS Grid

8 Snippets for Creating Common Website Layouts with CSS Grid

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.

The 50 Best Free Responsive Website Templates in 2023

The 50 Best Free Responsive Website Templates in 2023

By
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.

8 CSS & JavaScript Snippets for Creating Testimonial UI Sections

8 CSS & JavaScript Snippets for Creating Testimonial UI Sections

By
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

By
CSS

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

By
CSS

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

By
CSS

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

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

By
CSS

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

Better Responsive Design With CSS clamp()

Better Responsive Design With CSS clamp()

By
CSS / Web Design
123