Close Date Expand Location Next Open/Close Previous 0.5 of 5 stars 1 of 5 stars 1.5 of 5 stars 2 of 5 stars 2.5 of 5 stars 3 of 5 stars 3.5 of 5 stars 4 of 5 stars 4.5 of 5 stars 5 of 5 stars Repeat Slide Current slide

Projects

Topic archive / 354 posts

Nobody writes them like they used to, so it may as well be me. #quarantunes

Go to this post

Fictional Band Trivia

Test your knowledge of made-up music makers!

Since we’ve all been stuck at home since mid-March, my friend Sequoia has been hosting delightful trivia nights for friends on Zoom. In Philadelphia, pub trivia is known as “quizzo,” so Sequoia’s weekly event is cleverly dubbed Sequizzo (or, if you don’t have time for all those syllables, Squizzo). This week’s theme was rock and roll, and when I was asked to commandeer a round, I decided to focus on fictional bands. My questions are… See more →

Go to this post

Until now, I always got by on my own. #quarantunes

Fun fact I recently learned: @heartofficial didn’t write this song and they weren’t the first to record it (though their version is the best).

Go to this post

@therobweychert, @rewardsmember

When the night falls, my lonely heart calls. #quarantunes

Had some help from my buddy @username_final.final_final on this one, as well as some last-minute EQ magic from @larrylegend. 🙌🏻

Go to this post

Some girls like to buy new shoes and others like driving trucks and wearing tattoos. There’s only one thing they all like a bunch. Girls, they wanna have lunch. Girls just wanna have lunch. #quarantunes

Go to this post

My site redesign is starting to look like a thing! v7.robweychert.com/blog/2020/03/v…

Go to this post

V7: The timeline is taking shape

Making progress with sketches, wireframes, and a prototype

Though it’s mostly taken place in scattered, stolen moments, I’ve made a lot of progress on the UX of the timeline section, much of which was still a disconcerting mystery not so long ago.

With the help of the data categories and content inventory I established in the previous post, I’ve settled on a binary timeline concept: each post is either small or large. Small posts consist of up to 100 words and/or up to… See more →

Go to this post

Resuming redesign activities by taking inventory on content and wondering if I’m overdoing it. v7.robweychert.com/blog/2020/02/v…

Go to this post

V7: Timeline section inventory

Untangling the content

Progress on the redesign has slowed, partly because I’ve been busy with other things, and partly because, frankly, the open questions about the timeline section enumerated in my previous post are an intimidating mess, a perfect example of the early stages of the Design Squiggle.

In a fight or flight situation like this, here are the arguments for flight:

  • “Uh, the timeline isn’t even your top priority for the site, remember? What’s more important: working on… See more →
Go to this post

Indulging in a pricey collector’s item is a rare occasion for me, but this LeWitt work is an obsession of mine. cubes-revisited.art

Go to this post

Just cooked up a little gist to make Liquid strftime month abbreviations play nice with AP style. gist.github.com/robweychert/7d…

Go to this post

AP style month abbreviations with strftime in Liquid

AP style is particular about how dates are formatted in various circumstances. strftime uses %b for month abbreviations, but its format (the first three letters of the month: Jan, Feb, etc) differs from AP style’s preferred abbreviations for some months. This Liquid snippet converts strftime’s month abbreviations to AP style:

{{ object | date: '%b. %e, %Y' | replace: 'Mar.', 'March' | replace: 'Apr.', 'April' | replace: 'May.', 'May' | replace: 'Jun.', 'June' | replace:… See more →
Go to this post

Enumerating some of the structural challenges of the timeline section I have in mind for my site redesign: v7.robweychert.com/blog/2020/01/v…

Go to this post

V7: Structural challenges

The ambitous scope of the timeline section

Most of this redesign’s structural challenges pertain to the timeline section, previously described thusly:

  • Timeline: The blog on the current version of my site, V6, collects most of what I’ve written for public consumption since 2001 across nearly 40 different sources. I’d like to expand that to include even more sources and content types, collecting virtually everything I’ve shared online in one sprawling, sortable/filterable timeline.

Since the projects section is a higher priority and the new… See more →

Go to this post

A brief overview of my content priorities for my site redesign. v7.robweychert.com/blog/2020/01/v…

Go to this post

V7: Content priorities

Making my projects more visible

I added a tiny bit of CSS to aid readability by keeping line lengths in check on larger viewports:

body {
  margin: 0 auto;
  max-width: 75ch;
  padding: 1rem;
}

When calling the CSS file from the page head, I include a query string based on today’s date, which I’ll update when the CSS is updated. This will let updates get past the browser’s cache.

<link rel="stylesheet" href="/assets/css/main.css?20200108" />

Hopefully this small stylistic addition will keep things tidy enough until I properly begin the visual… See more →

Go to this post

Apparently <meta name="viewport"> is still necessary. v7.robweychert.com/blog/2020/01/v…

Go to this post

V7: The “viewport” meta tag

Apparently it is still necessary!

The first thing I did when setting up this new version of my site was to put together some minimum viable HTML templates. Here’s the blog post template:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title><!--POST TITLE--> | RobWeychert.com V7</title>
    <meta name="description" content="<!--POST DESCRIPTION-->" />
    <link rel="alternate" type="application/rss+xml" title="RobWeychert.com V7" href="/index.rss"/>
  </head>

  <body>
    <… See more →
Go to this post

Kicking off 2020 by redesigning my site in public from the ground up and blogging every step of the process. v7.robweychert.com/blog/2020/01/v…

Go to this post

That Was 2019

The highlights of what I took in and put out

My immune system didn’t do me many favors in 2019. I was sick on five or six separate occasions in the first half of the year, including an obnoxious bout of bronchitis that lasted the entire month of February. Luckily that didn’t stop me from having an adventurous and fulfilling year, and for the first time in my four years at ProPublica, I used every single one of my vacation days.

Projects

My first three… See more →

Go to this post

V7: Introduction

Redesigning my site in public

Welcome to RobWeychert.com V7! There are a number of new things I want to try with my site, from structure to aesthetics to code, and so it’s time to begin a fresh redesign. Inspired by my friends Jonnie and Frank, I’ve decided to do it in public from the ground up. I’m starting with bare-bones HTML and as the design process unfolds, each step will be reflected on the site in real time and documented… See more →

Go to this post

@teleject @24accessibility You can see some of these concepts in action in my recent post on dynamic color. twitter.com/robweychert/st…

Go to this post

I put the Sass typographic scale generator from my @24ways article into a handy gist: gist.github.com/robweychert/46…

Go to this post

I’ve been reading @24ways every December since 2005. Always wanted to contribute. This year, I did! 24ways.org/2019/a-modern-…

Go to this post

A Modern Typographic Scale

I’ve been studying music theory this year. While some of its core concepts were already familiar to me, much of their specifics were not. Or so I thought. A funny thing happened when I was learning the major scales. While playing through a song I had written some years before, I started picking it apart to see how it correlated with the theory I was learning. I had composed the melody without any thought to… See more →

Go to this post

Keeping this in mind for the next time I do something with color changing/fading over time: youtube.com/watch?v=hH_yvD…

Go to this post

Dynamic, Date-Based Color with JavaScript, HSL, and CSS Variables

A rational system for generating thousands of possible color schemes

Sometime during the development of Tinnitus Tracker, it occurred to me that color would be a good way to give its many entries—which span nearly three decades—a sense of time and place. Colors would change with the seasons and fade over time. In effect, every single day of the past 30 years would have a unique color scheme, each day looking slightly different than the day before. As a bonus, the color’s constant flux as… See more →

Go to this post

Sometimes I really miss making stupid movies over sleepless weekends with my friends. /cc @iancorey @jasonsantamaria @joel_haddock @mSutters @skycommando

Go to this post

Robtober 2019

A month’s worth of movies to help you stay awake

Every October, I put together a big schedule of horror films, most of which I haven’t seen before. Films and dates (all subject to change) are listed for any friends who want to join me, and ticket links are included for public screenings.

This year, I’ve set aside a weekend to plow through the entire Nightmare on Elm Street series (I’ve only ever seen the first three). I’m also finally finishing off (the current version… See more →

Go to this post

A Photoshop layers palette with the following layer names: Head, Blood streak, Background color

current status

Go to this post

Added a U.S. map to Tinnitus Tracker. As well as being an overview, it’s something I aim to fill in more. tinnitus.robweychert.com/state/

Go to this post

This is a progressive enhancement I wrote from scratch with vanilla JS. Easy for JS wizards, but I’m not a JS wizard, so I’m proud of it! twitter.com/robweychert/st…

Go to this post

Tinnitus Tracker now has audio embeds on show pages. Here’s an upcoming one I’m especially excited about: tinnitus.robweychert.com/2019/06/22/tor…

Go to this post

I sadly had to remove the texture on iOS due to a background-blend-mode bug. Please let me know if you spot issues in other browsers. twitter.com/robweychert/st…

Go to this post

Made improvements to Tinnitus Tracker’s dynamic color schemes (blog post coming soon) and added much-needed texture. tinnitus.robweychert.com

Go to this post

Making Music, Update 1

I expected learning musical notation to be like learning another language, and it is. But unlike learning a phonetic language that uses a familiar alphabet, music’s symbology constitutes its own unique alphabet. And while its symbols can be interpreted vocally, they’re just as likely to be interpreted with an instrument (in my case, a guitar). Rather than an English speaker learning Spanish, the process is more like an English speaker learning Arabic and translating it… See more →

Go to this post

Broke my glasses just before having headshots taken. Did the shoot without glasses, drew them on later with SVG, and randomized the colors.

Go to this post

Just this week I wrote about how @thetrocadero’s old handbills inspired the design of my new site. v6.robweychert.com/blog/2019/03/c…

Go to this post

Thank you for reading! Pedantic but important distinction: the table markup is semantic and incidental to the layout. twitter.com/simoncoudevill…

Go to this post

Sophisticated Partitioning with CSS Grid

Create compelling grid patterns by harnessing specificity

Thanks to Tinnitus Tracker’s many browsing options, there are more than 1,000 lists of shows on the site, making the show list the most prevalent design pattern. It was clear from the start that this would be the case, and the design of event listings is something I’ve given a lot of thought as a designer and music fan, so it was the first thing I explored in early sketches and mockups.

My initial… See more →

Go to this post

Making Music in 2019

My creative goal for the year

Earlier this month I launched Tinnitus Tracker, my last big personal creative project left over from 2018. That frees me up to get down to business on my main creative goal for 2019: making music.

I’m a lifelong music fanatic and always wanted to be able to call myself a musician, but I didn’t get around to really making an effort until about ten years ago, when I started taking guitar lessons. I had to… See more →

Go to this post

This also marks my first use of @media (prefers-reduced-motion: reduce), which results in a static image of the animation’s final frame. twitter.com/robweychert/st…

Go to this post

Had some fun animating gambling addiction, supporting the great reporting of @jasongrotto @sandhya__k @dmihalopoulos features.propublica.org/the-bad-bet/vi…

Go to this post

Pretty excited about the first post-launch update to Tinnitus Tracker: tinnitus.robweychert.com/2019/05/28/bjo…

Go to this post

I did it. I made the most Rob Weychert thing. tinnitus.robweychert.com

Go to this post