Category: 'layout'
-
A modern picture showcase using CSS
My newest favorite way to create adaptable and flexible layouts is by using grid template areas. Especially combined with other modern CSS solutions it becomes extremely powerful. In this article, I use it to create an adaptable picture showcase that can handle many different configurations.
-
Different approaches to fluid typography and layouts
Fluid web page design can be more user-friendly, because it adjusts to the user's set up. There are several approaches to achieving this.
-
Hiding side content in responsive design
A trick to hide content in specific responsive layout patterns without the need for media queries. But with a few gotchas.
-
An ode to the CSS owl selector
One off the most beautiful CSS selectors is the Lobotomized Owl Selector of Heydon Pickering
-
Horizontal centering in CSS
Horizontal centering is an ancient problem in CSS. With CSS Grid we are able enhance this layout pattern. But, this gives us other issues. Let's find a better solution.
-
Modern CSS grid solutions to common layout problems
Responsive layouts are one of the more complicated problems in CSS. With the addition of CSS grids, we are now able to solve complex problems.
-
Fluid interfaces using CSS
Fluid interfaces allow you scale elements of your website based on on the available space, without using media-queries