Per Design

Mostly musings on design

Per Design

  • CSS Grid: Thoughts on when to use auto-fill

    —

    by

    Ben
    in

    Sara Soueiden has an excellent CSS-Tricks post on Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` where she covers the difference between the two. At the end she asks the question of what the design case would be to use auto-fill as, generally, auto-fit seems to be a better solution. Thinking on it, I came up with one design…

  • An interesting CSS flexbox issue with Apple’s iOS

    —

    by

    Ben
    in ,

    I ran into an interesting issue recently with CSS Flexible Box Layout and Apple’s iOS Safari (latest version) – and the issue only occurs on iOS  Safari. Let’s say you have a parent element with a display: flex;. And let’s say some children elements of this parent element also use display: flex;. These children elements…

  • CSS classes based on page location

    —

    by

    Ben
    in ,

    When styling SharePoint sites, it can be very useful to add specific styles to specific “pages” or views. Here’s a bit of jQuery/javascript code to make that possible. It works by grabbing the page location turning it into classes that are added to the body tag. jQuery(document).ready(function($){ //use a javascript variable to hold the results…