Rebuild in the Open
-
clamp() for Responsive Design
CSS
clamp()provides a method for setting numerical values with a minimum, maximum, and a calculated value between the two. The syntax iscalc([min], [calculated], [max])and it’s useful for times when you want to scale some value based on the size of the screen by using thevwlength unit. -
Flowing Text Around Images
Magazines, books, and other print layouts sometimes use images that overlap with the text, and have that text wrap around the shape of the image. It can make for an interesting effect, bringing a feeling of motion into a static medium. Done right, the text and image become conceptually closer in the mind of the viewer than having an image off to the side or otherwise positioned around the text. I use this on a [couple] of [posts] to show off artwork that’s related to the content, and I think it makes for a fun effect.
-
CSS-only Submenu Navigation with Post Tags
Our posts have categories, which I’ve used as a “collection” or “series” of posts that are on related topics. Recently, I’ve been writing up campaign notes for my D&D session as the characters themselves in a category simply called “Campaign Logs”. I’m also hoping to continue to write this...
-
A Site Reborn
I’ve moved my Jekyll site into a Rails app, and I’ve done just enough work to have every post render without errors and added just enough style to make things readable. Some of the site still looks pretty bad, and none of it looks good yet. But that’s ok, because my plan is to rebuild and...