Weekly Notes 014 - Container Queries, CSS Cross-Browser Development and Dependency Managers.

Hello, welcome to my weekly notes. I hope you find something useful from my experience this week.

  • I got 3 interviews this coming week (All in one day 🙏🏼)
  • Added a Flex component to avocado-ui, an experimental design system I'm building. I'm currently working on the accordion component.
  • I'm learning GraphQL. Majorly because it comes up a lot in job descriptions. A great place to start is adding GraphQL endpoints to my other side project, WhereAPI.
  • I started sharing a case study a day from casestudies.tech.
  • I've set up this 30 minutes chat. If you're learning Typescript and are trying to make new friends, migrate an existing codebase to TS, let's talk about it...

Stuff I'm reading

  • How to Think: The Skill You’ve Never Been Taught - Most people don't think through things. Thinking is a hard, focus job and modern society does less of it. I made a decision to incorporate think-times into my daily schedule after reading this,

    It’s only by concentrating, sticking to the question, being patient, letting all the parts of my mind come into play, that I arrive at an original idea. By giving my brain a chance to make associations, draw connections, take me by surprise - William Deresiewicz

  • Moore's Law for Everything - Sam Altman writes about the impact of AI and ML in modern society. I think Sam Altman is in the best position to reason about this topic given his work with OpenAI. I learned a whole lot. Two things particularly

    • This revolution will create phenomenal wealth. The price of many kinds of labor (which drives the costs of goods and services) will fall toward zero once sufficiently powerful AI “joins the workforce.”
    • The world will change so rapidly and drastically that an equally drastic change in policy will be needed to distribute this wealth and enable more people to pursue the life they want.
  • The Humble IMG Element And Core Web Vitals - Addy Osmani from the Google Chrome team does a deep dive into methods and patterns for optimizing the <img> element. A few tips from the article

    • Identify the element with Largest Contentful Paint and optimize its rendering
    • Prevent Layout shifts
    • Use the right image formats and dimensions for different viewports
    • Lazy load images

    Image Optimization

    Image of Addy's new Book - Image Optimization

  • CONTAINER QUERIES EXPLAINER & PROPOSAL - Container Queries are one of the exciting upcoming CSS features. It could help you style elements based on the size of the container. This article by Miriam Suzanne is a great place to start if you want to learn more about CQ.

  • The State of CSS Cross-Browser Development - Ahmad puts a lot of effort into writing these very helpful CSS articles. I started web dev professionally in (2019) and I can't quite relate to much of what he says. But I can imagine. CSS Inconsistencies in Flexbox

  • Dependency Managers Don’t Manage Your Dependencies - Chris is an Engineering Manager at Facebook. I remember the last article about Principles of Developer Experience. This is part 1 of a series about Javascript tooling.

  • How We Moved From MongoDB to Postgres Without Downtime and Cut Our Costs by 30%? - Super long story of how Voucherify moved their database from MongoDB to Postgres without any downtime. I recall one time at my previous company, we had to switch databases on a live application. It took us months to prepare large scripts to ensure both databases were compactible. I can tell how much work this can be.

  • We're switching to system fonts on May 10, 2021 - Truth is, no one notices fonts when finding solutions to a bug. I can't wait to see how many people actually notice.

  • Postman I ❤️ you, but I met Thunder Client for Visual Studio Code ❤️❤️❤️ - Whoever thought we could have postman inside of VSCode??? Say no more. Thunder Client - Postman for VSCode

  • Crazy New Ideas - This is something I'm realizing more everyday. The growth is in new ideas and opportunities. You can know if someone has a growth mindset by how much they're willing to take on new experiences.

    Most implausible-sounding ideas are in fact bad and could be safely dismissed. But not when they're proposed by reasonable domain experts. If the person proposing the idea is reasonable, then they know how implausible it sounds. And yet they're proposing it anyway. That suggests they know something you don't. And if they have deep domain expertise, that's probably the source of it - Paul Graham

Resources

  • mantine - React components and hooks library with native dark theme support and focus on usability, accessibility, and developer experience

  • omatsuri - PWA with 12 open source frontend focused tools

  • Introducing Tip Jar - Twitter's experimenting ways to tip creators on the platform

Music

  • I've been listening to a lot this past week. This R&B playlist on Spotify has some beautiful songs.

Thanks for reading this week. I'm so grateful to have you here 😊