Scott Gruber This site is handcrafted with love by Scott Gruber. en-us Mon, 25 May 2020 16:10:40 -0700 Mon, 25 May 2020 16:10:40 -0700 Week 21 notes Fri, 22 May 2020 06:37:00 -0700 Scott Gruber After the Great Pause — Leadership Wed, 22 Apr 2020 05:35:00 -0700 Scott Gruber DS: The strongest local leaders will be the ones who collaborate with others and, at the same time, are exceptionally clear about their plans, brutally honest about the risks, utterly specific about the behaviors they’re asking of us, constantly searching the world for best practices and totally transparent about the technologies and data they want to collect to track our movements and contacts.

They’ll also be the leaders who go to extremes to protect those among us who are vulnerable and support those among us who are risking their lives so everyone else can get back to theirs.

TF: This virus has triggered a global pause. You once remarked to me: “When you press the pause button on a computer, it stops. But when you press the pause button on a human being, they start — that’s when they begin to rethink and reimagine.” Is this such a moment?

DS: In the pause we have the opportunity to reflect on all that this tragic pandemic is revealing about ourselves and our society. A pause can lead to a new beginning, to a reimagination of how we want to live differently — less unhealthily and less unequally — in the future.

For instance, the line between the public and private sectors is being blurred. We will never look the same at the role that government can play in our lives after seeing government — in a capitalist economy, no less — spend $2 trillion rescuing businesses and sending the most vulnerable checks, practically overnight.

At the same time, after so many businesses put people ahead of their profits during this crisis, I hope many will see the wisdom of putting humanity at the center of their businesses in the future, too, with greater benefits for workers, the community and shareholders. For global business leaders, this means creating supply chains that are not just about speed and efficiency but about resilience and integrity.

In other words, after this health crisis is over, good leaders will pivot.

TF: What do you mean “pivot”?

DS: A pivot, as in basketball, is a very deliberate action where I put one foot solidly in place and I then move the other foot in a better direction. In a political leader’s case, in a company leader’s case, in an education leader’s case, that pivot will be anchored, hopefully, in deep human values — and then move in the new directions we’ll need in a post-pandemic world, where people’s expectations will have fundamentally changed.

— Dov Seidman founder and chairman of the How Institute for Society

Los Angeles, pollution free Sat, 18 Apr 2020 20:46:00 -0700 Scott Gruber

What the crisis has given us is a once-in-a-lifetime chance to see ourselves and our country in the plainest of views. At no other time, ever in our lives, have we gotten the opportunity to see what would happen if the world simply stopped. Here it is.

What the trauma has shown us, though, cannot be unseen. A carless Los Angeles has clear blue skies as pollution has simply stopped. In a quiet New York, you can hear the birds chirp in the middle of Madison Avenue. Coyotes have been spotted on the Golden Gate Bridge. These are the postcard images of what the world might be like if we could find a way to have a less deadly daily effect on the planet. What’s not fit for a postcard are the other scenes we have witnessed: a health care system that cannot provide basic protective equipment for its frontline; small businesses — and very large ones — that do not have enough cash to pay their rent or workers, sending over 16 million people to seek unemployment benefits; a government that has so severely damaged the credibility of our media that 300 million people don’t know who to listen to for basic facts that can save their lives.

From Prepare for the Ultimate Gaslighting

Web Design Links Thu, 09 Apr 2020 08:46:00 -0700 Scott Gruber Theory and Process
  • The Web's Grain. Essay by Frank Chimero based on a 2015 presentation on the the nature of the web medium is a classic.
  • Redesigning his site in the open. Frank‘s blog posts titled Redesign are very helpful and get behind the scenes how a web designer thinks.

  • The Web Project Guide. Understand how each stage of the website process fits in with the next. Online book by Corey Vilhauer & Deane Barker.





And many more links on my web design workshop.

What do you think? Share comments with me on twitter @scott_gruber. Visit

Spillover Mon, 06 Apr 2020 00:14:00 -0700 Scott Gruber Setup the ImageOptimize plugin with Craft CMS Sun, 05 Apr 2020 13:58:00 -0700 Scott Gruber To start install the plugin from the Craft CMS plugin store. That will download, install and update your composer.json file.

Install Image Processors & Variant Creators

I used brew to install jpegoptim, optipng, cwebp and npm to install svgo

  • brew install jpegoptim
  • brew install optipng
  • brew install cwebp
  • brew install gifsicle
  • npm install -g svgo

All of this can be done in one or two commands, but I prefer going slow and installed each processor one at a time.

Update paths in config file

Copy file vendor/nystudio107/craft-imageoptimize/src/config.php to my config folder and rename it image-optimize.php

Get paths by using following commands and copy and paste path into your custom image-optimize.php file

  • which jpegoptim path is /usr/local/bin/jpegoptim
  • which optipng path is /usr/local/bin/optipng
  • which cwebp path is /usr/local/bin/cwebp
  • which gifsicle path is /usr/local/bin/gifsicle
  • which svgo path is /Users/scottgruber/.nvm/versions/node/v12.8.0/bin/svgo
Easy is boring Sat, 04 Apr 2020 21:21:00 -0700 Scott Gruber Maurice Ravel: Bolero Sat, 04 Apr 2020 18:57:00 -0700 Scott Gruber Day 3: Sphere of Influence Fri, 03 Apr 2020 20:13:00 -0700 Scott Gruber Develop a reflexive thinking switch Thu, 02 Apr 2020 15:57:00 -0700 Scott Gruber Reflexivity is reflection and flexibility Thu, 02 Apr 2020 15:36:00 -0700 Scott Gruber On a morning walk Wed, 01 Apr 2020 11:34:00 -0700 Scott Gruber Stay Positive Brain Activating 30-Day Challenge Wed, 01 Apr 2020 08:00:00 -0700 Scott Gruber Install R with Homebrew Mon, 30 Mar 2020 13:07:00 -0700 Scott Gruber I assume you already are running homebrew. If not, please install it from

After you have Homebrew installed it's simple to install R and R-Studio with the following commands.

brew install r

brew cask install rstudio

Some other useful brew commands.

brew uninstall r

brew cask uninstall rstudio

brew update

brew cleanup

brew upgrade

brew list

Switch to Craft CMS Thu, 26 Mar 2020 19:51:00 -0700 Scott Gruber RSVP: Homebrew Website Club West Coast Wed, 18 Mar 2020 18:24:00 -0700 Scott Gruber This is my third zoom meetup today. The first was a toastmaster's club where I won a ribbon for a short talk about Wuhan. Second was a webinar on remote working. This indieweb meetup is the third.

Andy Warhol: The Complete Commissioned Magazine Work Sat, 08 Feb 2020 21:07:00 -0800 Scott Gruber This gorgeously illustrated deluxe volume shows the full range of Warhol’s work for magazines―which will surprise even his most ardent fans―and includes cover art, editorial illustration, and ad work. Beginning with the cover of a 1948 issue of Carnegie Tech’s student magazine, Cano, and ending with a 1987 issue of Jet Society International, this stunning book explores, for the very first time, the full story of Warhol’s collaborations with some of the most influential publications of the 20th century, including Harper’s Bazaar, Vogue, Time, TV Guide, Vanity Fair, and Playboy. Generously illustrated with images of the magazine layouts, this landmark publication collects more than 400 issues, revealing the artist’s full range of styles while also charting his artistic development over the decades. From charming drawings of shoes, hats, flowers, and cats to iconic illustrations of cars and cosmetics, from glitzy celebrity portraits to sexy pinups made with collaged Polaroids, this catalogue raisonné sheds new light on the influence of the media and consumerism on contemporary art (and vice versa) even as it offers a unique perspective on Warhol’s deep and lifelong connection to popular culture.

Connecting to the IndieWeb Sat, 08 Feb 2020 12:02:00 -0800 Scott Gruber Links

Blog posts

Lions in Africa Wed, 22 Jan 2020 08:39:00 -0800 Scott Gruber I’m working on a layout that has a SVG map of Africa to mask a photo of a lion with clip path. Does clip path work on iOS? And is it possible to sync the photo and the clip path different sized viewports. #wip

Top Rock Albums Wed, 20 Nov 2019 14:34:00 -0800 Scott Gruber To celebrate my friend's birthday, the opening of the store, and a blog post about his favorite albums, I thought it might be fun to share a few of my favorite rock albums in no particular order.

Blast from my past

5: Led Zepplin. Led Zepplin IV 1971.
Rock and Roll was rad to play on guitar.

4: Cheap Trick, at buddokan 1979.
Always a favorite while playing pool (billards) with the neighborhood boys.

3: Thin Lizzy, Live and Dangerous. 1978. Andy is right, this is a great album. Jailbreak is the top hit and still rocks.

2: UFO, Strangers in the night. 1979.
I was a big fan of guitarist Michael Schenker. His Flying V guitar and long, sweet solo in Rock Botton was huge. I saw him live when he went solo, but forget the club and year.

1: AC-DC, Highway to Hell. 1979.
"Songs that defined the way hard rock and heavy metal would be played for decades to come." Nuff said.

Honorable mention

Ludwig van Beethoven. A Clockwork Orange brought Beethoven's Ninth Symphony to my attention. I remember driving fast listening to the Ninth. Thankfully I never got into an accident or hurt anyone. Although, there was a time we stole a golf cart and flipped it on the golf course in Woodland Hills. Ah, youth...

A clockwork orange

Coding a stats component Fri, 18 Oct 2019 13:10:00 -0700 Scott Gruber At home with Charley Harper Thu, 03 Oct 2019 09:41:00 -0700 Scott Gruber Charley Harper was a Cincinnati-based American Modernist artist, best known for his highly stylized wildlife prints, posters and book illustrations.

I fell in love with his work during a visit to the Cornell Lab of Ornithology in Ithaca, New York. He designed their logo and many pieces of his art sold at the lab gift shop. I bought a t-shirt, bird poster and a children's book How to Draw 28 birds in Harper's Style. His online store is doing a great job promoting his work.

Designer Todd Oldham produced several films and books about Mr. Harper to help make sure his legacy lives on. I've embedded two of the films and a brief introduction sourced from Wikipedia.

Layout 43: Eastern Lowland Gorilla Sun, 29 Sep 2019 17:12:00 -0700 Scott Gruber On smaller screens I use flexbox. The modular grid goes into effect at a min screen width of 48em.

@media (min-width: 48em) { header { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(10, fit-content); grid-row-gap: 1vw; } }

View the layout

What are logical properties? Sun, 01 Sep 2019 11:48:00 -0700 Scott Gruber
  • W3C CSS Logical Properties Values and Level 1
  • MDN CSS Logical Properties and Values
  • Stylelint use logical properties plugin
  • Property and Value Mapping

    Assuming left to right directionality:

    What are anonymous functions? Sat, 31 Aug 2019 21:08:00 -0700 Scott Gruber During a tech interview you'll probably get a question or two that you don't know how to answer. I could guess the answer, but that's always unsatisfactory to me. To me its more important thing is to acknowledge that you know you don't know. But that you know how to find out. I found out.

    An anonymous function is a function that doesn't have a name. They're created on the fly and then almost never referred to again. You don't have to use anonymous functions.