Scott Gruber This site is handcrafted with love by Scott Gruber. en-us Thu, 26 Nov 2020 09:48:34 -0800 Thu, 26 Nov 2020 09:48:34 -0800 Listening to @0uter0uterspace “Intro to Variable Fonts” keynote @indiewebcamp Sat, 14 Nov 2020 07:51:00 -0800 Scott Gruber Vote up Content Strategy Hacks for Civil Discourse Sat, 14 Nov 2020 07:35:00 -0800 Scott Gruber IndieWebCamp East 2020 Sat, 14 Nov 2020 07:03:00 -0800 Scott Gruber We are lost Thu, 29 Oct 2020 08:02:00 -0700 Scott Gruber There's no art in this White House. There’s no literature, no poetry, no music. There are no pets in this White House, no loyal man’s best friend, no Socks the family cat, no kids’ science fairs. No time when the president takes off his blue suit red tie uniform and becomes human, except when he puts on his white shirt and khaki pants uniform and hides from the American people to play golf.

There are no images of the First Family enjoying themselves together in a moment of relaxation. No Obamas on the beach in Hawaii moments, or Bushes fishing in Kennebunkport. No Reagans on horseback, no Kennedys playing touch football on the Cape. Where'd that country go?

Where did all the fun, the joy and the expression of love and happiness go? We used to be the country that did the Ice Bucket Challenge and raised millions for charity. We used to have a President that calmed and soothed the nation instead dividing it, and a First Lady who planted a garden instead of ripping one out.

We are rudderless and joyless. We have lost the cultural aspects of society that make America great. We have lost our mojo, our fun, our happiness, our cheering on of others. The shared experience of humanity that makes it all worth it.

The challenges and the triumphs that we shared and celebrated. The unique can-do spirit that America has always been known for.

We are lost.

We have lost so much in so short a time.

— Elaine Griffin Baker

On November 3rd, vote them out.

Bruce Springsteen via @springsteen

How would you build a simple website today? Sat, 24 Oct 2020 15:31:00 -0700 Scott Gruber Replace master with main branch on Github Fri, 23 Oct 2020 17:14:00 -0700 Scott Gruber This is a simple fix to avoid any negative connotations inherit in master:slave terminology. Although in the history of git the etymology of master was in the sense as master:copy.

Move the master branch to main with the command:

git branch -m master main

Using the argument -m will transfer all of the commit history on the ‘master’ branch to your new ‘main’ branch so nothing gets lost. Push the newly-named main branch to GitHub (assuming that is your remote repository) with the command:

git push -u origin main

Point HEAD to main with the command:

git symbolic-ref refs/remotes/origin/HEAD refs/remotes/origin/main

Now you need to set "main" as the default branch for your project on GitHub. To do that, log in to your GitHub account, open the repository for the project, and click Settings | Branches. In the left sidebar, click Branches and then select Main as your default from the drop-down. Click Update and, when prompted, click I Understand. Now, back at the terminal issue the command:

git push origin --delete master

That's it!

Sources: Github, Techcrunch, 9/22/2020

Ten quick tips for teaching with participatory live coding Tue, 15 Sep 2020 16:02:00 -0700 Scott Gruber Listen First Tue, 08 Sep 2020 08:44:00 -0700 Scott Gruber What does Listen First mean?
  • Listen First to understand rather than to reply
  • Listen First before rejecting a conversation
  • Listen First before dismissing alternative ideas
  • Listen First before launching attacks
  • Listen First to more effectively advocate your position

Top 10 Listening Tips

  1. Allow others the courtesy of silence while they are speaking.
  2. Maintain a calm and respectful tone when you are speaking.
  3. Come with an open mind, ready to learn and grow.
  4. Listen to others as you want them to listen to you.
  5. Listen to and consider others' views before sharing your own.
  6. Be present and curious rather than thinking of how to respond.
  7. Fully engage, free of distractions.
  8. Restate what you heard to clarify understanding, using "I" statements (“What I heard you say was” or “The way I understand your position is”).
  9. Ask thoughtful and respectful questions, free from judgement, assumption, or bias.
  10. Seek to discover common interests and areas of agreement by focusing more on why than what, more on personal experiences than positions.


Project Management High Level Scope Thu, 20 Aug 2020 09:47:00 -0700 Scott Gruber Key questions to answer when starting any project.

  • What are we doing?
  • Why? How?
  • How much will it cost?
  • When do we start and how long will it take?
  • Who will work on it?
Full Michelle Obama D.N.C. Speech Transcript Tue, 18 Aug 2020 07:05:00 -0700 Scott Gruber Smart Citizen Kit at Canopy Studio labs Sun, 16 Aug 2020 19:33:00 -0700 Scott Gruber Inclusive design Fri, 31 Jul 2020 22:08:00 -0700 Scott Gruber Long distance PR Sun, 26 Jul 2020 13:45:00 -0700 Scott Gruber A Domain of One's Own Meetup Thu, 23 Jul 2020 09:44:00 -0700 Scott Gruber Web Accessibility Specialist Thu, 09 Jul 2020 08:59:00 -0700 Scott Gruber
  • IAAP Web Accessibility Specialist (WAS)
  • Body of Knowledge
  • Accessibility Pro Certified: To Be or Not To Be
  • IAAP Certification Exam registration
  • International Association of Accessibility Professionals (IAAP)
  • ]]>
    Two years today Wed, 08 Jul 2020 07:43:00 -0700 Scott Gruber I've reached a personal milestone of two years since taking the first steps out of depression, anxiety and addictions.

    The work has been rewarding and challenging. For the next 2-3 days I plan to reflect on my past, check-in with my mental well being, and set my compass on the next steps on my journey. 

    Accessibility Testing Methods and Tools Sat, 04 Jul 2020 19:38:00 -0700 Scott Gruber Add webmention.js to my site Sun, 28 Jun 2020 13:29:00 -0700 Scott Gruber At this year's IndieWebCamp West 2020. One session in the schedule was on Codeless automation tools and the indieweb + How webmentions and the web work helped me wrap my head around how HTTP Requests work. I recommend watching the session. Peter Molnar's gave a concise, clear introduction of what happens during automation and HTTP requests. His talk helped less technical people, like myself, to better understand how the web works.

    webmention.js a client-side library for rendering webmentions from

    My setup notes

    1. Fork webmention.js to my GitHub.
    2. Clone to my local computer
    3. git clone

    4. Add webmention.min.js file to my site's js folder

    5. Add webmention.css to my scss folder and rename it _webmention.scss
    6. Add <div id="webmentions"></div> at end of an entry post for articles, links and notes.


    • Big thank you to @fluffy at IndieWeb Camp West 2020 for inspiration and sharing code.
    • IndieWeb Ring
    Learning Hypertext Transfer Protocol Sat, 27 Jun 2020 16:12:00 -0700 Scott Gruber Work to become antiracist Sat, 27 Jun 2020 09:38:00 -0700 Scott Gruber
  • Racist by design white by default
  • Reflect and rebound
  • Get over your feelings.
  • Intention without strategy is chaos
  • When the tables are overturned who do they land on?
  • Believe in harm reduction.
  • Dialogue is focused on understanding not providing proof
  • Antiracist is the standard
  • Strategy Basics

    • Codes of conduct
    • Execution and enforcement
    • Apologizing and making amends
    • Get comfortable living in the gray
    • It's not about my feelings. It's not about me.
    • Make an effort to understand what is being said.
    • It's not about your intention, it's about your impact
    • Don't make it about yourself
    • Receive the gift of feedback.

    • Lack of inclusion is a risk management issue

    • Prioritize the most vulnerable

    The closest an individual is to whiteness [the default] the greater...

    • their access to privilege
    • their ability to determine and set the status quo
    • the chances of being extended the benefit of the doubt
    • their feelings are prioritized
    • the impact of their behavior is evaluated from an ”assume positive intent” perspective
    • the expectation of being treated with compassion and empathy
    • Stop looking for simple solutions to complex problems
    • Look for patterns
    • Equity over equality
    • Impact over intention
    • Question everything that you've been told/taught about yourself and your world


    1. #BlackInAstro: How Can We Support Black Astronomers?
    2. White by Law
    3. In 1967, at the Ebenezer Baptist Church in Atlanta, Georgia, Martin Luther King spoke about the "new phase" of the struggle for "genuine equality" 11 months before he was assassinated.
    4. Brazil in Black and White
    5. Brazil In Black And White: Update
    6. Twenty-First Century Blackface
    7. Dismantling White Supremacy And The 5 Stages of Grief
    8. How Can We Win
    9. The Door to Systemic Change is Open. Why Now?
    Introduction to Being an Antiracist Sat, 27 Jun 2020 08:40:00 -0700 Scott Gruber Web Accessibility : Form Labels, Instructions, and Validation Sat, 20 Jun 2020 19:19:00 -0700 Scott Gruber I can help you.

    I can conduct an audit and provide specific actionable recommendations how you can improve forms semantically and programmatically.

    I've completed the Form Labels, Instructions and Validation course today at Deque University's IAAP WAS Certification Preparation Curriculum Program to prepare me to take and can share the knowledge with you. The course provided plenty of good examples how to write semantic HTML for forms, labels and instructions. The course also took a deep dive into programmatic strategies for form validation, error handling and successful completion messages. One small example would be to dynamically change the page title to indicate an error or success after a form is submitted. A page title is the first thing a screen reader reads so is a good way to communicate to a user what happened after submitting a form.

    The course covered the following:

    Ensuring users can understand and interact successfully with forms, including field labels, group labels, instructions, required fields, HTML5 input types, form validation (success and error messages), etc.


    Web Accessibility, Part 7: Form Labels, Instructions, and Validation Sat, 20 Jun 2020 19:18:00 -0700 Scott Gruber 53 Input Purposes for User Interface Components Sat, 20 Jun 2020 17:50:00 -0700 Scott Gruber The purpose for each common input field that collects an individual's personal data MUST be programmatically defined based on the list of 53 Input Purposes for User Interface Components.

    The intent of this success criterion is to programmatically provide additional information about form inputs (like address, phone number, and password fields) so that the information can be outputted to different modalities. Assistive technologies can use this information to help the user in various ways, including automatically completing forms, filling in usernames and passwords, and pairing custom icons with form elements for users who prefer using images for communication.

    The W3C provides a full list of inputs covered by this criterion opens in a new window which is built on the input purposes included in HTML 5.2 Autofill, so using HTML 5.2 Autofill is a good way to meet this success criterion. This success criterion only applies to text inputs asking for information about the user themselves. It does not apply to text inputs asking for information about anyone other than the user, and it does not apply to any input types that are not text. Success Criterion 1.3.6 “Identify Purpose” is level AAA and builds on this requirement.

    Racial justice and tech Fri, 19 Jun 2020 14:31:00 -0700 Scott Gruber I’ve been attending a quarantine book club and like the good format. Meet the author and have a Q&A. Simple.

    Last week one session featured UCLA faculty member Dr. Safiya Noble. She’s co-director of the Center for Critical Internet Inquiry in the School of Education and Information Sciences. The center has curated a reading list about racial justice and tech by black scholars that will keep my reading list full for the rest of the year. 

    Today, I signed up to attend an online workshop Introduction to Being an Antiracist led by Kim Crayton scheduled for Saturday June 27th.