Scott Gruber This site is handcrafted with love by Scott Gruber. en-us Tue, 20 Oct 2020 04:11:17 -0700 Tue, 20 Oct 2020 04:11:17 -0700 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.

    Joined Louder than Ten to become a better digital project manager Thu, 18 Jun 2020 14:37:00 -0700 Scott Gruber Attend Smashing Web Performance Masterclass Front to Back Sun, 14 Jun 2020 09:27:00 -0700 Scott Gruber Meet Ida B. Wells-Barnett Sun, 14 Jun 2020 08:05:00 -0700 Scott Gruber Giving Feedback Wed, 10 Jun 2020 11:59:00 -0700 Scott Gruber Ice Breaker—Bruin Toastmasters Wed, 03 Jun 2020 12:14:00 -0700 Scott Gruber Part 1—Theme

    Why did I join Bruin Toastmasters?

    A place to listen to people share their stories. And for me to share mine.

    Part 2—Listening

    • Travel to Europe
    • Wanted to speak German, Italian, Spanish and French.
    • Study in Beijing and Taiwan.
    • Work with developmentally disabled adults
    • Meditation retreat in Chiang Mai, Thailand.
    • Buddhist study city temple in Taiwan.
      • Gave up becoming a buddhist scholar, but still have same haircut.
    • Kauai Tahiti Fête
      • Danced like a man not a women during luau and earned trust of cultural leader

    Part 3—Speaking

    My first talk was about design principles - accessibility—works for everyone - performance—loads fast - aesthetics—looks good

    Yes, I was scared.
    Yes, I was making myself vulnerability.
    Yes, the gains outweighed and outlasted the fears.

    I gave multiple talks over the course of the year. At a Creative Coding Festival. At a NASA Space hackathon. At Web Design Meetups. At UCLA. To students. To staff. Not only was I sharing my point of view, but I was becoming a leader.

    • Depression, Anxiety, Burnout
    • Group Therapy. Slowly got better. Share my voice. Come out of my shell. Become a leader.

    We are the leaders we’ve been waiting for.

    Workshops & Mentorship programs.

    • Presenting work with confidence.
    • Art direction for the web
    • Join Bruin Toastmasters

    Part 4—Finish

    Don’t move fast and break things. Move slow and fix things.

    1. Move slow, but not too slow.
    2. Listen. Sleep on it. Look at it with a fresh perspective in the morning.
    3. Be deliberate. Be relevant. Share my story.

    Why did I join Toastmasters?

    A place to listen to you share your story. And for me to share mine.

    Outline of my ice breaker talk for Bruin Toastmasters presented June 3, 2020 on Zoom.

    Think tree time. Tue, 02 Jun 2020 18:39:00 -0700 Scott Gruber