Blog

All articles tagged '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