Design & Code

How to Inspect Hovered Elements (Menus, Tooltips, and Dialogs, Oh My)

I found this technique useful for debugging CSS inside ephemeral DOM elements.

Jul 1, 2024 • Scott Dawson

How to Automatically Create Google Calendar Events from a Google Sheet

If you need to automatically create Google Calendar events from data in a Google Sheet, this pared-down example should work well for you.

Feb 12, 2023 • Scott Dawson

Building a Content Accordion with CSS-Only Toggle Switches (Checkbox Hack)

I created a page to share my training goals and commentary, using Eleventy magic, a CSS-only toggle, and the checkbox hack.

Nov 26, 2020 • Scott Dawson

12 Things I Learned After Converting Wordpress Sites to Eleventy

I read about static site generators like Hugo and Eleventy and saw the light. After some quick reads on comparing the leading contenders, I rolled up my…

Oct 25, 2020 • Scott Dawson

How to Export Strava Workout Data

If you're a numbers geek AND a fitness geek like me, you've wanted to export Strava data. You've realized with dismay that Strava doesn't have any kind…

Oct 16, 2020 • Scott Dawson

How To Create Interactive Maps with React and Leaflet

After being dedicated mountain pass holders, then Ikon pass holders, then nomads purchasing advance tickets, I thought it'd be cool to create a…

May 28, 2020 • Scott Dawson

The Locker Prank

When I read about this Popular Mechanics Riddle of the Week, I knew I could solve the problem by writing code.

Apr 28, 2020 • Scott Dawson

Create an Aggregated Map of Your Strava Fitness Routes

I'm not map-obsessed, no. But I'm probably somewhere on the spectrum. I've been fascinated with maps as long as I can remember.

Feb 2, 2018 • Scott Dawson

A Month of Drawing: Inktober 2017

When I saw people start posting with the #inktober tag on October 1, I thought, "Why not?"

Nov 1, 2017 • Scott Dawson

Create a Custom Post Type in Wordpress with Database Content

I implemented a custom page template in Wordpress that would retrieve data from the database using Ajax.

Mar 27, 2017 • Scott Dawson

Using CSS to Responsively Embed Vimeo on Wordpress

When you embed a Vimeo video on a Wordpress web site by using a short code, there's only an option to pass in a static width and height.

Feb 3, 2017 • Scott Dawson

Reflections on Resilient Web Design

If you are tenured professional or somebody just getting started off with web design or development, a little context can go a long way.

Jan 28, 2017 • Scott Dawson

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts