Work Journal

  • Side Projects

    • Recorded new short YT video — “UI Debugging Hack: Use CSS to Create Debug Views” Link
    • Discovered the Apple Clips app which is truly a game changer for capturing short form video content AND adding captions all at the same time Link

    Interesting things

    • Vercel released a conference kit that powered their Next.js conference Link
    • Font editor in Chrome dev tools Link
    • Building an Image Gallery with Flexbox Link
  • Side Projects

    • Recorded “How I got started” YouTube video
    • Recorded podcast episode where we talk about debugging
    • Start on React image gallery component

    Interesting Things

    • How to craft a business oriented developer portfolio that stands out Link
    • Interesting to note how other embeddables work Link
    • Thread on how to get started in a new codebase Link
    • Natural shadows in JS Link
    • Tailwind + Next.js rfc Link
    • List of Google Fonts Link
    • Build a blog with Next.JS backed by Notion Link
  • Side Projects

    • Published first YouTube video
    • Record, edit & publish shorts video
    • Record and submit “Deploying Storybook” for EmberMap

    Interesting Things

    • New AWS amplify stuff released
    • Gumroad getting rid of location based pay Link
    • Open source Firebase alternative Link
    • Recap of hooks over the past two years Link
    • Some interesting things happening in the space of build tooling (ie sky pack)
  • Side Projects

    • Start on marketing website for William
    • Record and edit first YouTube video - “Adding Persistent Headers to a Next.js App” Link

    Interesting Things

    • Sticky heading padding Link
    • Trick for fading in modals more cleanly Link
    • Sizing tap targets for mobile Link
    • Three line config for VSCode Link
    • TypeScript 4.1 released Link
    • Curated list of Google Font sLink
    • JavaScript ES12 features coming in 2021 Link
    • Notion doc explaining Git and GitHub Link
  • Work

    • Made a month at Wistia 🎉
    • Spent some time on the backend side of things fixing a bug in Rails land. Long time since I worked on some Ruby code.

    Side Projects

    • Recorded podcast episode talking about salary in the workplace.
    • Record and edit video on persistent headers in Next.js
    • Record video for first PTYA first homework assignment

    Interesting Things

    • Fancy new Tailwind v2 website Link
    • Initial MacBook M1 benchmarks are very impressive Link
    • Why have I not been doing all my forms like this? Link
  • Work

    • Replaced some JS code used for dynamic column alignment with a simple <table/>. Been a while since I needed to use that, but it came in handy.
    • Working through several bug fixes. Each one teaches me more and more about the codebase.

    Side Projects

    • Tweaking light/dark mode styling for personal site homepage
    • Deployed update homepage Link
    • Updated personal site to Tailwind v1.9 and to Next.js v10

    Interesting Things

    • If you create a separate style sheet for dark mode, you can tell the browser to tell download those separately Link
    • Force website into light/dark mode in Chrome developer tools Link
    • Icon library for Big Sur Link
  • Work

    • Did a bunch of pair programming at work. This is hands down the most I’ve done at any job and it’s been great for onboarding.

    Side Projects

    • Recorded podcast episode talking about take home interview projects and how to get the most out of it
    • First time editing a podcast episode! Gave it a shot in Garageband and it worked out reasonably well
  • Work

    • Wistia Podcasts launched to the public
    • Paired with several folks on the team most of the week.
    • Lots of reading and learning about HLS video

    Side Projects

    • Signed up for Ali Abdaal’s YouTube course. Excited to get started and learn how to build a channel.
    • Self organizing + getting together with Tulio/Boutte to explore launching a podcast.

    Interesting Things

  • Work

    • First week at Wistia! 🎉
    • Deployed my first bug fix
    • Getting to know my new teammates

    Side Projects

    • Recorded next video in the Storybook series for EmberMap: “Working with the Actions addon”
    • Messing around with different styles for my personal site homepage

    Interesting Things

    • Voted early! 🇺🇸
  • Work

    • Figured out a solid abstraction for rendering activity feed text in a way that plays well with internationalized text.
    • Researching other activity feed designs. Trying to see what ideas we could pull in to enhance the experience.

    Side Projects

    • Deployed fixes to work-journal page. Removed card swiping on non-touch devices to allow for text selection. Plus a few other minor fixes.
    • Start on revamping my personal website’s homepage. Finally getting rid of that “in progress” placeholder! Made some good progress on the design, but have some tweaking left to do. Gonna keep this first iteration simple.

    Interesting Things

    • Fortnite kicked off the App Store and responded with epic in game video. Link
    • Fall Guys is riding the hype train right now.
    • Support for gradients is coming to Tailwind. Link
    • CSS trick to avoid jumpy numbers. Link
  • Work

    • Ember 3.8 upgrade passed QA.
    • Found a great use case for the {{compute}} helper—you can use it inside the yielded block of provider components to access the data before using it in your template.

    Side Projects

    • Discovered a way to handle auth for LM iOS app.
    • Published “Adding interactivity using the Knobs addon” on EmberMap. Link
    • Started planning for next video in Storybook series.

    Interesting Things

    • Tool for customizing your shell per environment. Link
    • Use the Lobotomized owl selector in CSS to automate the layout of flow content. Link
  • Work

    • Start work on a new “activity feed” feature. This is the second time I build one of these in my career and I’m excited to tackle the new set of requirements and challenges this time around.

    Side Projects

    • Deployed blog to my personal site.
    • Published “Getting Started with Screencasts” to my personal blog & to Dev.to
    • Recorded video for episode 5 of the Storybook series.

    Interesting Things

    • Bit tech antitrust hearing. It was entertaining to hear these companies talk about how much “competition” they have. Ironically followed up by massive earnings call. Link
    • GitHub Codespaces beta invites started going out.
    • NASA astronauts who launched with SpaceX return to Earth in splash landing. Link
  • Work

    • Starting Shape Up. I read most of the Shape Up book last week and although I’ve only spent a few days with this new process, it feels like it’s a major improvement. I feel like I’m collaborating more with my team and focusing my time on the work that matters.

    Side Projects

    • Researching how to build App Extensions for iOS.
    • Wrote a post with tips for doing a screencasts. I’ll need to edit it some more before it’s ready to publish.
    • Started working on building my blog! Adding it to my existing Next.js site was easier than I expected. I’ll get this deployed at some point within next week.

    Interesting Things

    • A interesting take on using syntax highlighting to display more information. Link
    • Get the best content from your favorite sources, in a daily email. Link
    • 18 popular CSS easings. Link
    • Code fixer 🤯 This would be a game changer for learning new programming languages. Link
    • Houdini custom props are coming to CSS. Link
  • Work

    • Tech debt week: clean up deprecations and upgrade addons.
    • Started to learn how to use BaseCamp.
    • Read up on Shape Up product development methodology. Link

    Side Projects

    • Record “Using our first Storybook Addon” video for Storybook series.
    • Write up video summary + great writing feedback from Sam.
    • Start code and planning for next Storybook video.
    • Testing and bug fixes for LM iOS app.

    Interesting Things

    • Native relative date formatting in JavaScript. Tweet
    • Found out about the <wbr> HTML tag. Tweet
    • Inline property switching with custom props. Tweet
  • Work

    • Fixing deprecations from Ember 3.8 upgrade.
    • Deploy Storybook project to Netlify.

    Side Projects

    • Planning video order for the rest of the Storybook series with Sam.
    • Proof of concept: setting up DocsPage/MDX with an Ember Storybook project.
    • Built out transactions view for LM iOS app with Tulio.

    Learnings

    Interesting Things

    • Neat effect using hover and clip path. Tweet
    • Yehuda’s take on people giving up on classes for “largely religious reasons.” OG Tweet Dan/Sophie Respond
    • Notion workflow for publishing videos. Looks neat, gonna implement some of these ideas into my workflow. YouTube Video
    • Thread on how to write a great cover letter. Tweet
    • Robot doing gymnastics. Tweet
  • Side Projects

    • Recorded and wrote summary for "Working with Context" video in EmberMap Storybook series.
    • Deployed a placeholder for darindoria.com using Vercel.
    • Started sketching out UI for work journal feed.

    Learnings

    • You can set up insensitive attribute matching with i in CSS. Link
    • Started using Next.js for the first time. Having established patterns is great. I feel way less lost compared to using create-react-app.
    • First time using React hooks. It was odd at first, but having seen so many talks on it I at least had an idea of what hooks were available and which one to use.
    • Creating a new component is as simple as returning html from a function. This makes splitting out multiple components in one file super easy.
  • Hello World