Month: February 2021

Just amazing stuff here: The UX on This Small Child is Terrible by Leslie Ylinen

This past Sunday, on CBS News Sunday Morning, there was a feature on the quilt makers of Gee’s Bend. The quilts they produce are unique, with bold colors, chunky lines, and at times wild patterns. These expressive techniques make the final result look freehand, extemporaneous, yet meticulous and intentional.

Today I added native CSS masonry layout to the blog post items on the Home page. For now the feature is only available behind a flag in Firefox, but check in with MDN docs for when it receives broader support.

For progressive enhancement I’ve used the @supports query:

@supports (grid-template-rows: masonry) {
  .parent-to-be-displayed-as-masonry {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: masonry;
    grid-gap: 1rem;
  }
}

There are many properties that will influence the layout, but I haven’t tooled around with them.

I’ve redone the site, built the front end with VueJS, WordPress backend, and hosted on Netlify deployed from GitHub.

More details to follow.

Update: February 23, 2021

I’ve added these packages:

• Vue Router
• Vuex
• Vue Meta

I’ve employed these new-ish CSS rules:

• Masonry
• Clamp/Min/Max for font-size
• Text decoration styles

Current Issues:

• Getting Netlify forms to work
• Vue Meta needed some wrangling to make work, does not work to my expectation yet
• WordPress backend I need to add a wildcard redirect for all but REST. Also need to block all domains but my own from accessing.
• Need to filter the WordPress content to remove subdomain from links.

Roadmap:

• I need to figure out how I want to handle 20+ posts – do I fetch them as user scrolls, or do I use pagination (or both?)