today i learned

Collection of stuff I learn day to day. Things I have picked up on Hacker News, open-source, Twitter or day to day work. Inspired from jbranchaud.

I also keep collections of links I come across on Raindrop.

---

Last updated: Fri Apr 04 2025, 20:11:48 GMT+0000 (Coordinated Universal Time).

62 TILs so far:

astro

• How to get query strings in Astro

bash

• CDPATH: Easily Navigate Directories in the Terminal

chrome

• Chrome DevTools Shortcuts powered by the $

css

• Apply Styles To The Last Child Of A Specific Type
• Astro has built-in support for clsx
• Conditional Styling For Unsupported CSS Features
• Dynamically change styles from HTML or JSX
• Finding Empty Elements With :empty
• :root Has Higher Specificity Than html
• Auto-resizing textarea/input styles

git

• Clone A Repo Just For The Files, Without History
• Editing Old Commits Using CLI or with Lazygit
• Show file difference in git style
• Easier Code reviews with Git Colored Move Diffs
• Update The URL Of A Remote
• Using git offline
• New Ways to Walk Through Past Commits in git

github

• Skipping a GitHub Actions step without failing
• Run GitHub Actions locally
• Set environment variables for all steps in a GitHub Action

html

• Check and generate your site's Favicons
• Quickly Find the Element That Is Causing Horizontal Scrolling
• Create an SVG sprite sheet
• Determine Which Button Submitted The Form
• disabled vs aria-disabled attributes
• Yet Another Email Hiding Technique
• Submit A Form With A Button Outside The Form

javascript

• Capitalise Initials
• The English Alphabet as a String
• Event Delegation in JavaScript
• How to Not Fill Up an Array
• Pipe function in JavaScript
• Remove the Duplicate Elements from the Array of Objects
• A Better Number() and Number.parseFloat()
• Sort Alphabetically
• Sort Array of Numbers
• Be informed of when a browser document is visible

nextjs

• Debug Next.js Fetch Requests
• Running dev and prod Server at the Same Time
• Lottie animation in loading.tsx
• Tailwind helper to show current media query size

node

• Remove Unused Code From Your Codebase
• How to run multiple scripts simultaneously

python

• Scripting with uv

react

• Simplify Your Components with Finite State Machines and Derived States
• Common Reasons of Infinite Loops in React and How to Fix Them
• Using useState for one-time initialisations in React Components
• Simplifying React Provider Wrapping with Composition
• React Hooks in a Nutshell
• Handle a PDF in React
• Use callback ref functions instead of useEffect (when possible)

shell

• Printing JSON in the Shell

tailwind

• Tailwind divide to add border between
• Difference between @tailwind and @import tailwind/
• !important classes in tailwind
• Specify Paths For Purging Unused CSS
• Style conditionally based on data and ARIA attributes
• Write better CSS with eslint-plugin-tailwindcss

vercel

• Add Web Server Layer Redirects
• Deploy An App Without Pushing An Empty Commit

vim

• Indenting Code
• Toggling Case with vim