Blog posts from 2015
-
Grid Tidbits part 3: grid track sizing
In this Grid Tidbit, we’re going to get into sizing the grid tracks – which means the rows and columns of a grid container. There’s all sorts of special functions and tricks that help us do so in a flexible way.
Read the whole post "Grid Tidbits part 3: grid track sizing"
-
Grid Tidbits part 2: terminology and basics
A walk-through of the basics of defining grid containers, what they're made of and how to place items inside them. This is the second part of my series on the CSS Grid Layout specification, "Grid Tidbits".
Read the whole post "Grid Tidbits part 2: terminology and basics"
-
Grid tidbits, part 1: the Why and Where
What is Grid Layout, and where can I use it? This is the first post in a series of reasonably short pieces on Grid Layout. Rather than give you the ”everything you need to know about Grid Layout” post, I thought I'd try to break it down into easy-to-digest pieces.
Read the whole post "Grid tidbits, part 1: the Why and Where"
-
Switching the blog to Django
I just switched the blog over to being based on a custom Django app.
-
IE, blurry SVG backgrounds and size rounding
Another small find for SVG background images in IE. Basically, IE is not great at rounding numbers.
Read the whole post "IE, blurry SVG backgrounds and size rounding"
-
Sizing SVG background images in Internet Explorer
SVG used for background images in CSS generally works pretty well. IE however has some weird sizing behavior of the rendered size of the SVG graphic that can bite you if you’re not careful.
Read the whole post "Sizing SVG background images in Internet Explorer"
-
Reset your fieldset
Starting off the new year with a blast from the past – wrestling with the very stubborn
<fieldset>is sure to get your juices flowing! There's a million and one things wrong with styling this element, but fear not! There are solutions to be found.