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

The Desktop Features You Should Consider Leaving Out on Mobile

The Desktop Features You Should Consider Leaving Out on Mobile

By
UX Design / Web Design

We take a look at some desktop features that you should leave out on mobile. Items that are likely to prevent users from getting the most out of your website.

Better Responsive Design With CSS clamp()

Better Responsive Design With CSS clamp()

By
CSS / Web Design

With so many mobile devices on the market, we’re flooded with viewport sizes. That makes it especially challenging to design a fully-responsive website. CSS media queries have long been the…

25+ Best Free Resume Templates for Figma

25+ Best Free Resume Templates for Figma

By
Print Design

A collection of free to download and use Figma templates for creating professional and beautifully designed resumes and CVs.

How to Improve Custom Layouts Using the WordPress Block Editor

How to Improve Custom Layouts Using the WordPress Block Editor

By
WordPress

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

Don’t Let Legacy Software Stop You from Adopting the Latest Web Technologies

Don’t Let Legacy Software Stop You from Adopting the Latest Web Technologies

By
Web Design

We share some of the reasons why you may not need to hold back on implementing the web’s latest and greatest technologies in your projects.

How Modernizr Can Help You Implement CSS Fallbacks

How Modernizr Can Help You Implement CSS Fallbacks

By
CSS / JavaScript

For websites that still have a significant number of users with older browsers, we show you how to utilize the Modernizr feature detection library.

10 Code Snippets for Creating Masonry Grid Layouts

10 Code Snippets for Creating Masonry Grid Layouts

By
CSS

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

By
JavaScript

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

By
CSS / JavaScript

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

By
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

By
CSS

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…

The Cutting-Edge CSS3 Features That Are Essential to Modern Web Design

The Cutting-Edge CSS3 Features That Are Essential to Modern Web Design

By
CSS
1234