The Curious Engineer

All blogs / Frontend / CSS / browsers

Salma Alam-Naylor's RSS Feed

whitep4nth3r.com

Salma Alam-Naylor writes about technology the web. Read tutorials and quick tips on HTML, CSS, JavaScript and web dev.

Frontend / CSS / browsersJavaScript / TypeScriptEngineering management / careersEssays / personal

’20’21’22’23’24’25’26
Posts
145 from 16 Aug 2020 to 2 Jul 2026
Posting
monthly (12 in the last year)
Kind
personal blog
Feed
https://whitep4nth3r.com/feed.xml

2026 10

  1. Goodbye, forever, probably.
  2. Browse more articles
  3. How I made a 45-video course without wanting to die
  4. I released a song for the first time in 15 years
  5. I am in an abusive relationship with the technology industry
  6. How to make your first contribution to an open source project
  7. I built a website for drummers
  8. I tracked everything I wore in 2025. Was it worth it?
  9. I redesigned my website (again)
  10. This is not a 2025 wrap up post

2025 24

  1. All good things must come to an end
  2. Is the BenQ coding monitor any good?
  3. We all have a choice
  4. I am 40
  5. An Introduction to the World Wide Web for Very Senior Programmers
  6. How to delete all squash-merged local git branches with one terminal command
  7. Why is CSS ::first-letter not working?
  8. Your Twitch live stream graphics don’t really matter, but they can help
  9. How I set up my Dygma Defy keyboard layers
  10. Put your phone down
  11. Why Women in Tech isn't enough
  12. The promise that wasn’t kept
  13. The experience is enough
  14. It wasn’t the idea that failed: it was the execution
  15. Thrive
  16. Does AI really make you more productive?
  17. Is this the next step in the evolution of front end dev?
  18. You are more than the tools you use: tell your story
  19. 3 reasons you should tour a conference talk
  20. A case for getting dressed every day
  21. How I created a newsletter I actually enjoy writing
  22. How I learned to code with my voice
  23. How to build a copy code snippet button and why it matters
  24. A reluctant roundup of 2024

2024 24

  1. It’s OK to have a slow day
  2. Your live coding stream does not need a bigger audience
  3. The 4 types of DevRel content
  4. A story about a coat
  5. How I reduced an API call from >5 seconds to under 100ms
  6. Paths to business value in Developer Relations
  7. How I show Bluesky likes on my blog posts
  8. Entertainment as Code: Finale
  9. Sentry can’t fix React hydration errors, but it can really help you debug them
  10. Work is meaningless, and it almost killed my husband
  11. How to make your web page faster before it even loads
  12. I conducted a community survey and here’s what I learned
  13. Your bad LCP score might be a backend issue
  14. One does not simply delete cookies
  15. 5 easy tips to improve your personal website performance
  16. How to prevent Prettier putting a full stop on a new line after a link
  17. Why don’t we talk about minifying CSS anymore?
  18. Your background images might be causing CLS
  19. How I fixed my brutal TTFB
  20. What is INP and why you should care
  21. My blog post workflow
  22. The future of Jamstack is anti-capitalist
  23. Ramblings about JavaScript scope, weird errors and frameworks
  24. How to deal with API rate limits

2023 22

  1. Twitter ruined your link previews: here’s how Cloudinary can help
  2. How to fix error: invalid character in entity name in RSS feeds
  3. Fallbacks for HTTP 404 images in HTML and JavaScript
  4. Everything I install and set up on a new MacBook as a web developer
  5. A story about HTTP status codes and why you should read documentation
  6. Entertainment as Code: Premier
  7. Using hooks to monitor and error track with Sentry when self-hosting Directus
  8. How to use jQuery with Astro
  9. From LCP to CLS: Improve your Core Web Vitals with Image Loading Best Practices
  10. 5 reasons you should hire me as your next developer experience engineer
  11. How I deploy my website using my Apple Watch
  12. The best light/dark mode theme toggle in JavaScript
  13. A/B test CMS authored content with Netlify Edge Functions
  14. How to split traffic and A/B test different page layouts on the same URL
  15. The universal CSS * selector isn't actually universal
  16. How to hide text in CSS pseudo elements from screen readers
  17. The Acronyms of Rendering on the Web
  18. Improve E-commerce Site Performance with Rendering Strategies
  19. Make time
  20. We actually need more JavaScript frameworks
  21. How do I get started in web development?
  22. 2022: what I made, what I learned, and what I didn't do

2022 30

  1. How to get the user’s timezone in JavaScript with Edge Functions
  2. A responsive striped CSS gradient inspired by 80s VHS tapes
  3. Single-page applications, multi-page applications, the history of Twitter tech, and a failed project
  4. Personalize your static site based on a previous site referral
  5. I changed my mind about writing new JavaScript frameworks
  6. Rewrite your git history in 4 friendly commands
  7. What's the difference between : and :: in CSS?
  8. Rewrite HTML and transform page props in Next.js with Next.js Advanced Middleware
  9. Add personalization to static HTML with Netlify Edge Functions — no browser JavaScript required
  10. We're all living on it. But what exactly is The Edge?
  11. How to view Google Lighthouse scores for your site in Netlify
  12. Should I write a new JavaScript framework?
  13. How to deploy an Astro site
  14. Build a business card CLI tool
  15. Level up your link previews in Slack
  16. Light and dark mode in just 14 lines of CSS
  17. What is Jamstack?
  18. We're all living on it. But what exactly is The Edge?
  19. HTML is all you need to make a website
  20. How I massively improved my website performance by using the right tool for the job
  21. How to format dates for RSS feeds (RFC-822)
  22. How to delete all merged git branches with one terminal command
  23. Why you should ship your silly side projects
  24. A prototype is all you need to launch a site
  25. Build a CMS preview workflow for your Jamstack site
  26. How to deploy your Netlify site with an Elgato Stream Deck
  27. How I improved your Google Lighthouse SEO score
  28. How to build an HTML-only accordion — no JavaScript required!
  29. Debug your CSS layouts with this one simple trick
  30. How to use really long environment variables in Netlify functions

2021 31

  1. An introduction to GraphQL and how to use GraphQL APIs
  2. How to load responsive images in AVIF and WebP using the HTML picture element
  3. Contentful's Fast Forward 2021 Day 2 Keynote
  4. TIL: How to use GraphQL variables to give my queries type safety
  5. Next.js Dynamic Routes with Contentful's GraphQL API — with Jason Lengstorf
  6. What is a REST API?
  7. This box will change your life
  8. Ecommerce and Next.js on the Jamstack — with Colby Fayock
  9. How to build a personalized image social sharing app with Cloudinary and Next.js
  10. Why I love building with Next.js — a fireside chat with Cassidy Williams of Netlify
  11. What is an API?
  12. A Next.js complete beginner tutorial using the Spotify API
  13. How to avoid using relative path imports in Next.js
  14. How I set up my new Next.js projects with a handy bash script
  15. How to add Algolia InstantSearch to your Next.js application
  16. How to prevent the collapse of society by building an accessible web
  17. How to filter entries by linked references in GraphQL
  18. How to use GitHub actions and Contentful webhooks to show your latest blog posts on your GitHub README
  19. How to make your font sizes accessible with CSS
  20. What is BEM in CSS?
  21. When to use aria-labels in your HTML
  22. Paginating your Contentful blog posts in Next.js with the GraphQL API
  23. Exploring linked entries and assets in Contentful with JavaScript via REST and GraphQL
  24. Rendering linked assets and entries in the Contentful Rich Text field
  25. How to build, test and release a node module in ES6
  26. 3 ways to use Puppeteer to generate Open Graph images
  27. My Twitch live coding setup in OBS
  28. How to generate an RSS feed for your blog with JavaScript and Netlify functions
  29. How to make your code blocks accessible on your website
  30. How to build a lightweight microblogging site with Contentful, vanilla HTML, CSS and JavaScript
  31. My non-traditional journey into tech and DevRel

2020 2

  1. 5 tips for leading teams with an empathy-first approach
  2. 6 things I learned about streaming live coding in my first 6 weeks on Twitch

Undated 2

  1. For LLMs
  2. See more stuff