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.

100 Tiny CSS Tools & Apps for Web Designers

100 Tiny CSS Tools & Apps for Web Designers

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.

30 Lightweight & Minimal CSS Frameworks Worth Considering

30 Lightweight & Minimal CSS Frameworks Worth Considering

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

The 50 Best Free Responsive HTML Website Templates

The 50 Best Free Responsive HTML Website Templates

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

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.

8 CSS & JavaScript Snippets for Creating Modern Blog Layouts

8 CSS & JavaScript Snippets for Creating Modern 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 Snippets for Creating the Parallax Scrolling Effect

10 CSS & JavaScript Snippets for Creating the Parallax Scrolling Effect

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

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

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

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

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