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 Code Snippets for Creating Masonry Grid Layouts

10 Code Snippets for Creating Masonry Grid Layouts

We have ten free open source snippets for creating custom masonry grid layouts. Easy to copy, easy to edit, and perfect for all web designers and developers.

10 jQuery Plugins for Creating Dynamic Web Layouts

10 jQuery Plugins for Creating Dynamic Web Layouts

These jQuery plugins will help build responsive and dynamic layouts, masonry grids, parallax scrolling, or make webpage presentations.

Fun Examples of CSS Imitating Print Design

Fun Examples of CSS Imitating Print Design

There’s still some value in having a document or other printed product that you can hold in your hand. And as much as the web has promised a “paperless” world,…

The Role Fluid Layouts Play in Modern Web Design

The Role Fluid Layouts Play in Modern Web Design

Fluid design is ultra-adaptable, user-friendly, and cooperates across devices – a necessary design foundation for the modern web user. However, it’s surprising how many web designers don’t understand the role…

10 Handy CSS Grid Code Snippets

10 Handy CSS Grid Code Snippets

The CSS grid spec isn’t exactly “new” but it’s definitely newer in the mainstream dev world. Many frontend coders don’t even know about the CSS grid properties yet, let alone…

Discussing the Pros & Cons of Using a CSS Framework

Discussing the Pros & Cons of Using a CSS Framework

A CSS framework is a piece of software that has a lot of options for you to use in your HTML development, potentially making it faster and easier for you…

Coding Flexible Web Layouts in HTML5 and CSS

Coding Flexible Web Layouts in HTML5 and CSS