Masthead image of a light brown and white barn owl, its head cocked
    completely sideways, looking at you inquisitively.
Keith's avatar
Keith J. Grant
keithjgrant.com

Front end developer working primarily in React. Currently at Red Hat working on Ansible Controller.

I live in the great Pacific Northwest. I care about people and believe in the open web.

  1. Keith's avatar

    Coding from Home on a Snowy Morning

    Whose code this is I think I know.
    Written before Prettier, though;
    He will not see me stopping here
    To watch parenthesis reflow.

    My editor must think it queer
    To save without a commit near.
    My MacBook Pro will keep me warm
    The coldest morning of the year.

    A yellow line highlights to warn
    Of declaration with bad form.
    The only other sound’s the beep
    From webpack build that did perform.

    JS is lovely, dark and deep,
    But I have Promises to keep,
    And JIRAs to go before I sleep,
    And JIRAs to go before I sleep.

  2. Keith's avatar

    Steps to get on the IndieWeb:

    1. Get a blog and post to it
    2. You’re on the IndieWeb!
  3. Keith's avatar

    “I’m Harvesting Credit Card Numbers and Passwords from Your Site. Here's How.”

    tldr: Use a CSP.

    https://medium.com/@david.gilbertson/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5

  4. Keith's avatar

    An article titled “Frontend in 2017: the Important Parts” but doesn’t mention any of the amazing leaps forward in CSS that happened perfectly sums up our industry. 😩

  5. Keith's avatar

    Blogging advice for 2018: just hit publish

  6. Keith's avatar

    HTML needs a “preferred breaking space” character.

  7. Keith's avatar

    “So, implementors: build stuff which kills your own FB usage before trying to kill facebook.” 👏🏻

    https://waterpigs.co.uk/notes/1480/

  8. Keith's avatar

    It's bug report weekend!

    Reported a Prettier bug; saw a fix PR within 8 hours. Reported a FF bug; had it confirmed and a workaround provided.

    Thanks to everyone working on these!

  9. Keith's avatar

    Microsoft has figured out that winning over the developers & designers will eventually win over the masses. And Apple has forgotten it.

  10. Keith's avatar

    I think these are going to be big topics at conferences in the coming year

    https://twitter.com/fox/status/930232428790087680

  11. Keith's avatar

    Some interesting findings here, and the current WCAG 2.1 recommendation: text should resize up to 200%. https://alastairc.ac/2017/11/is-text-sizing-dead/

  12. Keith's avatar

    <input type="country"> probably won’t happen. I’m okay with that.

    But can we have an <input type="typeahead">?

  13. Keith's avatar

    Is it just me, or does FF Nightly ask to be restarted twice each morning?

  14. Keith's avatar

    Last year, I felt uneasy about the moral implications of using an ad-blocker. Now I feel it's a moral imperative to use one.

    Ad-based/spy-based revenue model needs to be broken.

  15. Keith's avatar

    Considering releasing a stripped-down copy of my blog setup as a Hugo-based IndieWeb starter kit… 🤔

  16. Keith's avatar
  17. Keith's avatar

    Potential CSS specs/concepts I most want to see made reality:

    • Color functions
    • Regions
    • Container queries
    • Subgrid
  18. Keith's avatar

    Trying to decide whether DateTimes in Go are better or worse than DateTimes in JavaScript

  19. Keith's avatar

    In retrospect, maybe we should have had another WiFi security protocol queued up

  20. Keith's avatar

    Video from my Connect Tech talk is up! The Decentralized Social Web:

    https://www.recallact.com/presentation/decentralized-social-web

  21. Keith's avatar

    .@davatron preaching the importance of your own blog instead of vomiting into the Twitter sewer

  22. Keith's avatar

    As soon as this storm clears NOLA, it’s gonna be over ATL. Cannot figure out how I’m gonna get down there without missing at least the entire first day of @CSSDevConf 😣

  23. Keith's avatar

    I got in the habit of using flex: 1 as shorthand for flex-grow: 1 and somehow keep forgetting that it breaks in IE 😖

  24. Keith's avatar

    Things learned when building a browser extension: Chrome will let you publish any old thing. Everyone else vets your extension before putting it in their store.

  25. Keith's avatar

    I already have the ability to tweet out more than 140 characters ¯\_(ツ)_/¯. 280 characters. 10,000 characters. Whatever.

    Not really sure what the big deal is here… 🙃

  26. Keith's avatar

    Posting live from on stage at @connect_js!

  27. Keith's avatar

    Interesting thread here on how Firefox rasterizes SVGs & the performance implications

    https://twitter.com/Gankro/status/909795286201065472

  28. Keith's avatar

    Universities: Let’s create WWW using HTML so information readily available

    Also universities: Let’s make research papers available only as PDFs

  29. Keith's avatar

    I believe 100% in “Clean Code” and also believe repetition is much better than the wrong abstraction. Why do I keep seeing folks arguing between the two as if they somehow contradict?

  30. Keith's avatar

    I’m reversing my previous position: Twitter should drop the 140 char limit.

  31. Keith's avatar

    Test post from Omnibear in Firefox!

  32. Keith's avatar
  33. Keith's avatar
  34. Keith's avatar
  35. Keith's avatar
  36. Keith's avatar
  37. Keith's avatar
  38. Keith's avatar
  39. Keith's avatar
  40. Keith's avatar
  41. Keith's avatar
  42. Keith's avatar
  43. Keith's avatar
  44. Keith's avatar
  45. Keith's avatar
  46. Keith's avatar
  47. Keith's avatar
  48. Keith's avatar

    “When it comes to CSS, isolation is more important than reuse”

    I disagree with this so hard

  49. Keith's avatar
  50. Keith's avatar