all written video podcast

  • I am in an abusive relationship with the technology industry - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    I am in an abusive relationship with the technology industry - [email protected] (Salma Alam-Naylor)

    2026-03-06
    I am writing to you in a moment of intense grief-induced burnout.
  • How to make your first contribution to an open source project - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to make your first contribution to an open source project - [email protected] (Salma Alam-Naylor)

    2026-03-03
    Getting involved in open source doesn't have to be scary! Understand how to find a great project and make your first contribution in this guide.
  • I built a website for drummers - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    I built a website for drummers - [email protected] (Salma Alam-Naylor)

    2026-01-19
    How am I meant to enjoy this, without any SAUCE?
  • I tracked everything I wore in 2025. Was it worth it? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    I tracked everything I wore in 2025. Was it worth it? - [email protected] (Salma Alam-Naylor)

    2026-01-11
    Habit-tracking can feel useful and insightful. But how does it help us, really?
  • I redesigned my website (again) - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    I redesigned my website (again) - [email protected] (Salma Alam-Naylor)

    2026-01-09
    The Shirt is at the heart of what this website redesign became.
  • This is not a 2025 wrap up post - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    This is not a 2025 wrap up post - [email protected] (Salma Alam-Naylor)

    2026-01-01
    I won't be talking about anything that happened.
  • All good things must come to an end - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    All good things must come to an end - [email protected] (Salma Alam-Naylor)

    2025-12-09
    I guess this time the game really does stop, when the stream ends.
  • Is the BenQ coding monitor any good? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Is the BenQ coding monitor any good? - [email protected] (Salma Alam-Naylor)

    2025-11-25
    The BenQ coding monitor does come with one major downside, but it (surprisingly) became my primary monitor as soon as I unboxed it.
  • We all have a choice - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    We all have a choice - [email protected] (Salma Alam-Naylor)

    2025-09-29
    There is hope if we do it together.
  • I am 40 - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    I am 40 - [email protected] (Salma Alam-Naylor)

    2025-09-25
    Letters from The Internet.
  • An Introduction to the World Wide Web for Very Senior Programmers - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    An Introduction to the World Wide Web for Very Senior Programmers - [email protected] (Salma Alam-Naylor)

    2025-09-20
    As we witness the much-anticipated release of HTML 2.0, there is no better time to surf the World Wide Web.
  • How to delete all squash-merged local git branches with one terminal command - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to delete all squash-merged local git branches with one terminal command - [email protected] (Salma Alam-Naylor)

    2025-09-04
    I wrote a new bash script. And you probably shouldn't use it.
  • Why is CSS ::first-letter not working? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Why is CSS ::first-letter not working? - [email protected] (Salma Alam-Naylor)

    2025-08-20
    I had some misconceptions about this sneaky pseudo element.
  • Your Twitch live stream graphics don’t really matter, but they can help - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Your Twitch live stream graphics don’t really matter, but they can help - [email protected] (Salma Alam-Naylor)

    2025-08-19
    Create a professional-looking stream brand with just a few key graphics.
  • How I set up my Dygma Defy keyboard layers - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I set up my Dygma Defy keyboard layers - [email protected] (Salma Alam-Naylor)

    2025-07-29
    Gotta love those Superkeys.
  • Put your phone down - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Put your phone down - [email protected] (Salma Alam-Naylor)

    2025-07-17
    Is this how we're living our lives now?
  • Why Women in Tech isn't enough - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Why Women in Tech isn't enough - [email protected] (Salma Alam-Naylor)

    2025-07-15
    Real progress needs systemic change and active involvement from men in positions of power.
  • The promise that wasn’t kept - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    The promise that wasn’t kept - [email protected] (Salma Alam-Naylor)

    2025-05-28
    This isn't progress.
  • The experience is enough - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    The experience is enough - [email protected] (Salma Alam-Naylor)

    2025-05-12
    I found my tribe at a conference.
  • It wasn’t the idea that failed: it was the execution - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    It wasn’t the idea that failed: it was the execution - [email protected] (Salma Alam-Naylor)

    2025-05-08
    And we still can't get it right in 2025.
  • Thrive - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Thrive - [email protected] (Salma Alam-Naylor)

    2025-04-28
    p.s. coffee is not breakfast
  • Does AI really make you more productive? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Does AI really make you more productive? - [email protected] (Salma Alam-Naylor)

    2025-03-28
    Oh no! My metrics!
  • Is this the next step in the evolution of front end dev? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Is this the next step in the evolution of front end dev? - [email protected] (Salma Alam-Naylor)

    2025-03-03
    Tired of endless admin in web dev?
  • You are more than the tools you use: tell your story - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    You are more than the tools you use: tell your story - [email protected] (Salma Alam-Naylor)

    2025-02-12
    And your people will find you.
  • 3 reasons you should tour a conference talk - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    3 reasons you should tour a conference talk - [email protected] (Salma Alam-Naylor)

    2025-02-11
    After putting in the work, you owe it to yourself.
  • A case for getting dressed every day - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A case for getting dressed every day - [email protected] (Salma Alam-Naylor)

    2025-02-07
    On rediscovering the importance of getting dressed daily after finding the perfect pair of jeans.
  • How I created a newsletter I actually enjoy writing - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I created a newsletter I actually enjoy writing - [email protected] (Salma Alam-Naylor)

    2025-02-06
    Send what you like to receive, make it easy for yourself, and do it for the love.
  • How I learned to code with my voice - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I learned to code with my voice - [email protected] (Salma Alam-Naylor)

    2025-02-04
    Struggling with severe hand pain, I learned to code by voice.
  • How to build a copy code snippet button and why it matters - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to build a copy code snippet button and why it matters - [email protected] (Salma Alam-Naylor)

    2025-01-24
    It is impossible to highlight and copy code blocks when you are unable to use your hands.
  • A reluctant roundup of 2024 - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A reluctant roundup of 2024 - [email protected] (Salma Alam-Naylor)

    2025-01-03
    In the spirit of self-love and positivity, I will now force myself to list all of the things I did on the internet (and beyond) in 2024.
  • It’s OK to have a slow day - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    It’s OK to have a slow day - [email protected] (Salma Alam-Naylor)

    2024-12-17
    Sometimes, our bodies speak louder than our minds.
  • Your live coding stream does not need a bigger audience - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Your live coding stream does not need a bigger audience - [email protected] (Salma Alam-Naylor)

    2024-12-11
    Less is more.
  • The 4 types of DevRel content - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    The 4 types of DevRel content - [email protected] (Salma Alam-Naylor)

    2024-12-11
    Discover how to classify DevRel content to understand what works for your team. Learn about 4 content types, their goals, and leading themes.
  • A story about a coat - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A story about a coat - [email protected] (Salma Alam-Naylor)

    2024-12-08
    A coat cannot make you truly happy.
  • How I reduced an API call from >5 seconds to under 100ms - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I reduced an API call from >5 seconds to under 100ms - [email protected] (Salma Alam-Naylor)

    2024-12-05
    I wrote more terrible code. Here's how I fixed it.
  • Paths to business value in Developer Relations - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Paths to business value in Developer Relations - [email protected] (Salma Alam-Naylor)

    2024-11-26
    This post is not about measuring success in DevRel, but about making an impact in a way *only* DevRel can do, and *should* be doing.
  • How I show Bluesky likes on my blog posts - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I show Bluesky likes on my blog posts - [email protected] (Salma Alam-Naylor)

    2024-11-22
    Learn how to use the Bluesky API to show likes and Bluesky user avatars on your blog posts when you share them on Bluesky.
  • Entertainment as Code: Finale - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Entertainment as Code: Finale - [email protected] (Salma Alam-Naylor)

    2024-10-11
    Imagine if we could blur the lines between a streamer being live and offline on Twitch.
  • Sentry can’t fix React hydration errors, but it can really help you debug them - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Sentry can’t fix React hydration errors, but it can really help you debug them - [email protected] (Salma Alam-Naylor)

    2024-09-24
    Hydration failed because the initial ui does not match what was rendered on the server. Great.
  • Work is meaningless, and it almost killed my husband - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Work is meaningless, and it almost killed my husband - [email protected] (Salma Alam-Naylor)

    2024-09-22
    Work is an exchange of time for money.
  • How to make your web page faster before it even loads - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to make your web page faster before it even loads - [email protected] (Salma Alam-Naylor)

    2024-08-19
    Perhaps you could use your new-found knowledge on DNS to wow people at all the cool parties you probably attend.
  • I conducted a community survey and here’s what I learned - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    I conducted a community survey and here’s what I learned - [email protected] (Salma Alam-Naylor)

    2024-07-22
    Oh sweet, delicious, data. Get in my mouth.
  • Your bad LCP score might be a backend issue - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Your bad LCP score might be a backend issue - [email protected] (Salma Alam-Naylor)

    2024-07-02
    This is the best way to debug slow web pages.
  • How To Hack Your Google Lighthouse Scores In 2024 - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How To Hack Your Google Lighthouse Scores In 2024 - [email protected] (Salma Alam-Naylor)

    2024-06-11
    I put on my lab coat and science googles to investigate.
  • One does not simply delete cookies - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    One does not simply delete cookies - [email protected] (Salma Alam-Naylor)

    2024-06-09
    Sometimes, even the most "intuitive" framework APIs can create misunderstandings in the minds of seasoned web developers (ahem, me).
  • 5 easy tips to improve your personal website performance - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    5 easy tips to improve your personal website performance - [email protected] (Salma Alam-Naylor)

    2024-05-15
    TL;DR: Add less.
  • How to prevent Prettier putting a full stop on a new line after a link - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to prevent Prettier putting a full stop on a new line after a link - [email protected] (Salma Alam-Naylor)

    2024-05-12
    Ugh, what a minefield.
  • Why don’t we talk about minifying CSS anymore? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Why don’t we talk about minifying CSS anymore? - [email protected] (Salma Alam-Naylor)

    2024-04-24
    Remember Grunt files?
  • Your background images might be causing CLS - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Your background images might be causing CLS - [email protected] (Salma Alam-Naylor)

    2024-04-11
    I broke the first rule of preventing CLS. Shame on me.
  • How I fixed my brutal TTFB - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I fixed my brutal TTFB - [email protected] (Salma Alam-Naylor)

    2024-03-27
    I was EMBARRASSED.
  • What is INP and why you should care - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    What is INP and why you should care - [email protected] (Salma Alam-Naylor)

    2024-03-11
    Your website performance is now trash until you optimize for INP.
  • My blog post workflow - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    My blog post workflow - [email protected] (Salma Alam-Naylor)

    2024-03-11
    Tools, apps, workflow, brain stuff.
  • The future of Jamstack is anti-capitalist - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    The future of Jamstack is anti-capitalist - [email protected] (Salma Alam-Naylor)

    2024-02-21
    Down with capitalism. - Mike Neumegen
  • Ramblings about JavaScript scope, weird errors and frameworks - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Ramblings about JavaScript scope, weird errors and frameworks - [email protected] (Salma Alam-Naylor)

    2024-02-20
    I did learn the thing. But I forgot to remember the thing.
  • How to deal with API rate limits - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to deal with API rate limits - [email protected] (Salma Alam-Naylor)

    2024-01-25
    API rate-limiting is a minefield. Why are there no standards?
  • Twitter ruined your link previews: here’s how Cloudinary can help - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Twitter ruined your link previews: here’s how Cloudinary can help - [email protected] (Salma Alam-Naylor)

    2023-12-20
    Learn how to overlay text on your Open Graph images using the Cloudinary API and SDKs.
  • How to fix error: invalid character in entity name in RSS feeds - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to fix error: invalid character in entity name in RSS feeds - [email protected] (Salma Alam-Naylor)

    2023-12-18
    My RSS feed was broken for OVER A WEEK because I used an invalid character in the XML.
  • Fallbacks for HTTP 404 images in HTML and JavaScript - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Fallbacks for HTTP 404 images in HTML and JavaScript - [email protected] (Salma Alam-Naylor)

    2023-12-14
    What if an image doesn’t exist anymore? What if someone accidentally deleted an image in your CMS? How do you detect and deal with this?
  • Everything I install and set up on a new MacBook as a web developer - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Everything I install and set up on a new MacBook as a web developer - [email protected] (Salma Alam-Naylor)

    2023-12-05
    Here are the developer tools, browsers, utility apps and other useful things I install on a new dev machine to help productivity.
  • A story about HTTP status codes and why you should read documentation - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A story about HTTP status codes and why you should read documentation - [email protected] (Salma Alam-Naylor)

    2023-11-10
    Recently, I wrote some bad code. But this highlighted the importance of correct HTTP status codes, and how I should really read documentation.
  • Entertainment as Code: Premier - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Entertainment as Code: Premier - [email protected] (Salma Alam-Naylor)

    2023-11-10
    Learn about streaming live coding, and how writing silly code in front of a live audience is a powerful (and hilarious) way to build community.
  • Using hooks to monitor and error track with Sentry when self-hosting Directus - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Using hooks to monitor and error track with Sentry when self-hosting Directus - [email protected] (Salma Alam-Naylor)

    2023-10-11
    Learn how to set up Sentry monitoring and error tracking for your self-hosted Directus project by building custom hooks.
  • How to use jQuery with Astro - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to use jQuery with Astro - [email protected] (Salma Alam-Naylor)

    2023-09-28
    Understanding how to use jQuery in an Astro project was hard to Google. So I wrote my own guide for you and my future self.
  • From LCP to CLS: Improve your Core Web Vitals with Image Loading Best Practices - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    From LCP to CLS: Improve your Core Web Vitals with Image Loading Best Practices - [email protected] (Salma Alam-Naylor)

    2023-09-21
    Learn all about image lazy loading and how it can help improve performance, UX and core web vitals.
  • 5 reasons you should hire me as your next developer experience engineer - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    5 reasons you should hire me as your next developer experience engineer - [email protected] (Salma Alam-Naylor)

    2023-07-16
    I’m excited to be looking for my next role as a Developer Experience Engineer. Here are five reasons why you should hire me.
  • How I deploy my website using my Apple Watch - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I deploy my website using my Apple Watch - [email protected] (Salma Alam-Naylor)

    2023-06-25
    TL:DR; a serverless function and build hook on Netlify, and an Apple Shortcut.
  • The best light/dark mode theme toggle in JavaScript - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    The best light/dark mode theme toggle in JavaScript - [email protected] (Salma Alam-Naylor)

    2023-06-19
    Learn how to build The Ultimate Theme Toggle™️ for your website using JavaScript, CSS custom properties, local storage and system settings.
  • A/B test CMS authored content with Netlify Edge Functions - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A/B test CMS authored content with Netlify Edge Functions - [email protected] (Salma Alam-Naylor)

    2023-05-18
    Learn how to run an A/B test using content from your CMS and Netlify Edge Functions.
  • How to split traffic and A/B test different page layouts on the same URL - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to split traffic and A/B test different page layouts on the same URL - [email protected] (Salma Alam-Naylor)

    2023-05-14
    Learn how to split traffic for A/B testing between different page layouts without changing the URL using Netlify Edge Functions.
  • The universal CSS * selector isn't actually universal - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    The universal CSS * selector isn't actually universal - [email protected] (Salma Alam-Naylor)

    2023-05-03
    For my ENTIRE career I have been living with an enormous misconception: the universal CSS selector doesn't *actually* select EVERYTHING.
  • How to hide text in CSS pseudo elements from screen readers - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to hide text in CSS pseudo elements from screen readers - [email protected] (Salma Alam-Naylor)

    2023-04-23
    Learn how to hide decorative text generated by CSS from screen readers, so that your weird designs don't interrupt the flow of the text.
  • The Acronyms of Rendering on the Web - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    The Acronyms of Rendering on the Web - [email protected] (Salma Alam-Naylor)

    2023-04-16
    Learn about different types of rendering on the web, and how it impacts user experience, site performance, and SEO.
  • Improve E-commerce Site Performance with Rendering Strategies - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Improve E-commerce Site Performance with Rendering Strategies - [email protected] (Salma Alam-Naylor)

    2023-04-12
    Learn how to optimize UX, site performance and SEO by taking a strategic approach to how you render different pages of your e-commerce store.
  • Make time - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Make time - [email protected] (Salma Alam-Naylor)

    2023-03-17
    I used use a week of PTO to see what tips and tricks I could experiment with to try and fix my life. Here’s how it went.
  • We actually need more JavaScript frameworks - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    We actually need more JavaScript frameworks - [email protected] (Salma Alam-Naylor)

    2023-01-26
    Join me as I share my weird and winding journey through the JavaScript framework landscape.
  • How do I get started in web development? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How do I get started in web development? - [email protected] (Salma Alam-Naylor)

    2023-01-06
    Asking “How do I get started with web dev?” is like asking “How do I get started with cooking?”
  • 2022: what I made, what I learned, and what I didn't do - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    2022: what I made, what I learned, and what I didn't do - [email protected] (Salma Alam-Naylor)

    2023-01-03
    Let's take a look back at 2022: what I made, what I learned — both professionally and personally — and what I didn't get around to.
  • How to get the user’s timezone in JavaScript with Edge Functions - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to get the user’s timezone in JavaScript with Edge Functions - [email protected] (Salma Alam-Naylor)

    2022-12-12
    You don‘t need client-side JavaScript to localize dates and times according to timezone — use timezone data in Netlify Edge Functions.
  • A responsive striped CSS gradient inspired by 80s VHS tapes - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A responsive striped CSS gradient inspired by 80s VHS tapes - [email protected] (Salma Alam-Naylor)

    2022-11-22
    Create a responsive, horizontal-striped CSS gradient inspired by 80s VHS tapes using CSS custom properties and a linear gradient.
  • Single-page applications, multi-page applications, the history of Twitter tech, and a failed project - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Single-page applications, multi-page applications, the history of Twitter tech, and a failed project - [email protected] (Salma Alam-Naylor)

    2022-11-15
    After I changed my mind about writing new JavaScript frameworks, I paused development on a new project, What the Framework (WTF). Here's why.
  • Personalize your static site based on a previous site referral - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Personalize your static site based on a previous site referral - [email protected] (Salma Alam-Naylor)

    2022-10-25
    Learn how to use Netlify Edge Functions to personalize static HTML pages based on the HTTP referer header.
  • I changed my mind about writing new JavaScript frameworks - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    I changed my mind about writing new JavaScript frameworks - [email protected] (Salma Alam-Naylor)

    2022-10-03
    Maybe you *should* write a new JavaScript framework. And here’s why.
  • Rewrite your git history in 4 friendly commands - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Rewrite your git history in 4 friendly commands - [email protected] (Salma Alam-Naylor)

    2022-09-05
    Did you make a series of unfortunate commits? Learn how to clean up your nonsense.
  • What's the difference between : and :: in CSS? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    What's the difference between : and :: in CSS? - [email protected] (Salma Alam-Naylor)

    2022-08-31
    I spent years Googling this question before the information stayed in my brain. Sound familiar? Then this post is for you.
  • Rewrite HTML and transform page props in Next.js with Next.js Advanced Middleware - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Rewrite HTML and transform page props in Next.js with Next.js Advanced Middleware - [email protected] (Salma Alam-Naylor)

    2022-08-24
    Learn how to use Next.js Advanced Middleware from Netlify.
  • Add personalization to static HTML with Netlify Edge Functions — no browser JavaScript required - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Add personalization to static HTML with Netlify Edge Functions — no browser JavaScript required - [email protected] (Salma Alam-Naylor)

    2022-08-11
    Check out the video tutorial and accompanying walk-through.
  • We're all living on it. But what exactly is The Edge? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    We're all living on it. But what exactly is The Edge? - [email protected] (Salma Alam-Naylor)

    2022-08-10
    What is The Edge? What are Edge Functions? And what impact does this new technology have on the Jamstack and the web?
  • How to view Google Lighthouse scores for your site in Netlify - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to view Google Lighthouse scores for your site in Netlify - [email protected] (Salma Alam-Naylor)

    2022-07-24
    Install the integration. Check your scores. Profit.
  • Should I write a new JavaScript framework? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Should I write a new JavaScript framework? - [email protected] (Salma Alam-Naylor)

    2022-06-22
    Do you often ask yourself, should I write a new JavaScript framework? Here's some things you should consider, and some tips to get you started.
  • How to deploy an Astro site - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to deploy an Astro site - [email protected] (Salma Alam-Naylor)

    2022-06-12
    Deploy an Astro project as a static, server-rendered, or edge-rendered site, try out some Netlify templates, and learn how to deploy to Netlify.
  • Build a business card CLI tool - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Build a business card CLI tool - [email protected] (Salma Alam-Naylor)

    2022-06-08
    Learn how to use Node.js, npm and npx to build a CLI tool to output a business card to the terminal. Bonus demo repository included!
  • Level up your link previews in Slack - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Level up your link previews in Slack - [email protected] (Salma Alam-Naylor)

    2022-05-29
    Add extra metadata to the head tag in your web pages to show richer previews in Slack when your link is unfurled.
  • Light and dark mode in just 14 lines of CSS - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Light and dark mode in just 14 lines of CSS - [email protected] (Salma Alam-Naylor)

    2022-05-11
    Combine two CSS custom properties with a media query to get set up with light and dark mode in seconds.
  • What is Jamstack? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    What is Jamstack? - [email protected] (Salma Alam-Naylor)

    2022-05-10
    Let's explore Jamstack, “Jamstack-adjacent” technologies, and how you can get started building on the Jamstack.
  • We're all living on it. But what exactly is The Edge? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    We're all living on it. But what exactly is The Edge? - [email protected] (Salma Alam-Naylor)

    2022-04-26
    But what is The Edge? What are Edge Functions? And why does it matter?
  • HTML is all you need to make a website - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    HTML is all you need to make a website - [email protected] (Salma Alam-Naylor)

    2022-04-04
    HTML-only websites are a controversial and divisive topic. But why?
  • How I massively improved my website performance by using the right tool for the job - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I massively improved my website performance by using the right tool for the job - [email protected] (Salma Alam-Naylor)

    2022-03-29
    I rebuilt my website AGAIN with the aim of using as little JavaScript as possible to improve performance. Did I succeed? And what did I learn?
  • How to format dates for RSS feeds (RFC-822) - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to format dates for RSS feeds (RFC-822) - [email protected] (Salma Alam-Naylor)

    2022-03-21
    Here's a selection of links, guidance and code snippets to help you format dates for RSS feeds (RFC-822).
  • How to delete all merged git branches with one terminal command - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to delete all merged git branches with one terminal command - [email protected] (Salma Alam-Naylor)

    2022-03-07
    Automate your git cleanup! Here's a shell function to add to your bashrc/zshrc file to delete all merged git branches in one command.
  • Why you should ship your silly side projects - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Why you should ship your silly side projects - [email protected] (Salma Alam-Naylor)

    2022-03-04
    Let's take a look at what we learned building a very silly site for the Netlify Dusty Domains project in December 2021.
  • A prototype is all you need to launch a site - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A prototype is all you need to launch a site - [email protected] (Salma Alam-Naylor)

    2022-03-01
    Catch up on a Twitch live stream where I prototyped Women of Jamstack with 11ty and YOLO deployed it to Netlify on a custom domain.
  • Build a CMS preview workflow for your Jamstack site - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Build a CMS preview workflow for your Jamstack site - [email protected] (Salma Alam-Naylor)

    2022-02-22
    Learn how to preview your draft content stored in Contentful by building a custom app that builds a preview branch of your static site.
  • How to deploy your Netlify site with an Elgato Stream Deck - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to deploy your Netlify site with an Elgato Stream Deck - [email protected] (Salma Alam-Naylor)

    2022-02-15
    Use a little serverless function to kick off a site build with a button.
  • How I improved your Google Lighthouse SEO score - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I improved your Google Lighthouse SEO score - [email protected] (Salma Alam-Naylor)

    2022-02-13
    Why has Google Lighthouse been penalising us for canonical links on different domains? I set out to solve this conundrum once and for all.
  • How to build an HTML-only accordion — no JavaScript required! - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to build an HTML-only accordion — no JavaScript required! - [email protected] (Salma Alam-Naylor)

    2022-02-11
    You don't need JavaScript to build accordions! Use HTML only and just four lines of code.
  • Debug your CSS layouts with this one simple trick - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Debug your CSS layouts with this one simple trick - [email protected] (Salma Alam-Naylor)

    2022-02-06
    Are you battling with layouts in CSS? Use this one line of CSS to help you debug what's up and get you back on the road to success.
  • How to use really long environment variables in Netlify functions - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to use really long environment variables in Netlify functions - [email protected] (Salma Alam-Naylor)

    2022-01-18
    Here’s how you can use a Netlify build plugin to use longer environment variables in your functions.
  • An introduction to GraphQL and how to use GraphQL APIs - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    An introduction to GraphQL and how to use GraphQL APIs - [email protected] (Salma Alam-Naylor)

    2021-12-13
    Here's everything I learned this year about GraphQL for anyone getting started.
  • How to load responsive images in AVIF and WebP using the HTML picture element - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to load responsive images in AVIF and WebP using the HTML picture element - [email protected] (Salma Alam-Naylor)

    2021-11-29
    A complete guide on how to serve responsive images in WebP and the new AVIF format where supported, using the HTML picture element.
  • Contentful's Fast Forward 2021 Day 2 Keynote - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Contentful's Fast Forward 2021 Day 2 Keynote - [email protected] (Salma Alam-Naylor)

    2021-11-04
    Join Salma and Stefan Judis on a journey through time where they explore how content management and software development has evolved.
  • TIL: How to use GraphQL variables to give my queries type safety - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    TIL: How to use GraphQL variables to give my queries type safety - [email protected] (Salma Alam-Naylor)

    2021-10-21
    How can you make sure your GraphQL queries are safe from nasties? Let’s find out.
  • Next.js Dynamic Routes with Contentful's GraphQL API — with Jason Lengstorf - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Next.js Dynamic Routes with Contentful's GraphQL API — with Jason Lengstorf - [email protected] (Salma Alam-Naylor)

    2021-10-10
    In this episode of Learn with Jason, I teach Jason how to use Contentful’s GraphQL API to power Next.js dynamic routes.
  • What is a REST API? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    What is a REST API? - [email protected] (Salma Alam-Naylor)

    2021-10-04
    REST? API? What does it all mean? Let’s break it down.
  • This box will change your life - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    This box will change your life - [email protected] (Salma Alam-Naylor)

    2021-09-23
    Are you struggling with margins, paddings and layout in web development? Understanding the CSS box model will change your life.
  • Ecommerce and Next.js on the Jamstack — with Colby Fayock - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Ecommerce and Next.js on the Jamstack — with Colby Fayock - [email protected] (Salma Alam-Naylor)

    2021-09-16
    I sat down with Colby Fayock to chat about Next.js and how all of its features help enable developers to build great experiences on the web.
  • How to build a personalized image social sharing app with Cloudinary and Next.js - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to build a personalized image social sharing app with Cloudinary and Next.js - [email protected] (Salma Alam-Naylor)

    2021-09-07
    Encourage your event attendees to share their tickets for your next virtual event!
  • Why I love building with Next.js — a fireside chat with Cassidy Williams of Netlify - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Why I love building with Next.js — a fireside chat with Cassidy Williams of Netlify - [email protected] (Salma Alam-Naylor)

    2021-09-01
    I joined Cassidy Williams to talk about the performance benefits of Next.js, and how developers can make the most of the JavaScript framework.
  • What is an API? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    What is an API? - [email protected] (Salma Alam-Naylor)

    2021-08-11
    Let's learn about application programming interfaces.
  • A Next.js complete beginner tutorial using the Spotify API - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    A Next.js complete beginner tutorial using the Spotify API - [email protected] (Salma Alam-Naylor)

    2021-08-04
    I'm joined by Ebonie (metalandcoffee_) where we set up a new Next.js and Spotify API project to curate music recommendations.
  • How to avoid using relative path imports in Next.js - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to avoid using relative path imports in Next.js - [email protected] (Salma Alam-Naylor)

    2021-07-11
    Say goodbye to ../really/long/and/silly/paths/to/components in your Next.js application and define absolute imports with a jsconfig.json file.
  • How I set up my new Next.js projects with a handy bash script - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How I set up my new Next.js projects with a handy bash script - [email protected] (Salma Alam-Naylor)

    2021-07-08
    After I create a new Next.js application I run this bash script to prepare my app for development — just the way I like it. Give it a try!
  • How to add Algolia InstantSearch to your Next.js application - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to add Algolia InstantSearch to your Next.js application - [email protected] (Salma Alam-Naylor)

    2021-07-01
    Every content website needs a search box.
  • How to prevent the collapse of society by building an accessible web - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to prevent the collapse of society by building an accessible web - [email protected] (Salma Alam-Naylor)

    2021-06-22
    It’s 2031. Society, as we knew it in 2021, has officially collapsed. How do you ensure your website is accessible amidst a raging apocalypse?
  • How to filter entries by linked references in GraphQL - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to filter entries by linked references in GraphQL - [email protected] (Salma Alam-Naylor)

    2021-06-14
    Check out this quick guide that shows you how to get the data you need using the linkedFrom field in your query.
  • How to use GitHub actions and Contentful webhooks to show your latest blog posts on your GitHub README - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to use GitHub actions and Contentful webhooks to show your latest blog posts on your GitHub README - [email protected] (Salma Alam-Naylor)

    2021-05-27
    Want to show your latest blog posts on your GitHub README? Here's how I do it using the power of GitHub actions and webhooks in Contentful.
  • How to make your font sizes accessible with CSS - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to make your font sizes accessible with CSS - [email protected] (Salma Alam-Naylor)

    2021-05-16
    Here's how to make sure your website respects font size preferences specified in browser settings using two important CSS concepts.
  • What is BEM in CSS? - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    What is BEM in CSS? - [email protected] (Salma Alam-Naylor)

    2021-05-10
    Did you change CSS somewhere and something unexpected happened somewhere else? I have the solution for you.
  • When to use aria-labels in your HTML - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    When to use aria-labels in your HTML - [email protected] (Salma Alam-Naylor)

    2021-05-03
    This is one of the most important ways to use aria-labels so your code provides contextual information to screen-readers and assistive tech.
  • Paginating your Contentful blog posts in Next.js with the GraphQL API - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Paginating your Contentful blog posts in Next.js with the GraphQL API - [email protected] (Salma Alam-Naylor)

    2021-04-22
    In this post, we’re going to build a set of article list pages that display a number of blog post summaries per page.
  • Exploring linked entries and assets in Contentful with JavaScript via REST and GraphQL - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Exploring linked entries and assets in Contentful with JavaScript via REST and GraphQL - [email protected] (Salma Alam-Naylor)

    2021-04-13
    An investigation into the inner workings of the Contentful REST API and GraphQL API.
  • Rendering linked assets and entries in the Contentful Rich Text field - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    Rendering linked assets and entries in the Contentful Rich Text field - [email protected] (Salma Alam-Naylor)

    2021-04-13
    Take a deep dive into rendering linked assets and entries in the Contentful Rich Text field using both the REST and GraphQL APIs.
  • How to build, test and release a node module in ES6 - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to build, test and release a node module in ES6 - [email protected] (Salma Alam-Naylor)

    2021-04-10
    If you Google "build test release npm module" this is the top result. Cool, huh?
  • 3 ways to use Puppeteer to generate Open Graph images - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    3 ways to use Puppeteer to generate Open Graph images - [email protected] (Salma Alam-Naylor)

    2021-03-17
    Take screenshots of browser pages and generate dynamic images to share on your social media accounts.
  • My Twitch live coding setup in OBS - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    My Twitch live coding setup in OBS - [email protected] (Salma Alam-Naylor)

    2021-03-13
    I often receive questions about how I set up OBS to stream live coding on Twitch — so let’s take a look!
  • How to generate an RSS feed for your blog with JavaScript and Netlify functions - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to generate an RSS feed for your blog with JavaScript and Netlify functions - [email protected] (Salma Alam-Naylor)

    2021-03-08
    On demand RSS feeds — a neat use for serverless functions.
  • How to make your code blocks accessible on your website - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to make your code blocks accessible on your website - [email protected] (Salma Alam-Naylor)

    2021-02-26
    How do you ensure your code blocks adhere to Web Content Accessibility Guidelines (WCAG) standards?
  • How to build a lightweight microblogging site with Contentful, vanilla HTML, CSS and JavaScript - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    How to build a lightweight microblogging site with Contentful, vanilla HTML, CSS and JavaScript - [email protected] (Salma Alam-Naylor)

    2021-02-05
    Learn how to build a lightweight microblog with Contentful and vanilla HTML, CSS and JavaScript.
  • My non-traditional journey into tech and DevRel - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    My non-traditional journey into tech and DevRel - [email protected] (Salma Alam-Naylor)

    2021-02-03
    Learn about what led Salma to DevRel and how she accidentally increased engagement in the Contentful Community by 200% on her first day.
  • 5 tips for leading teams with an empathy-first approach - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    5 tips for leading teams with an empathy-first approach - [email protected] (Salma Alam-Naylor)

    2020-11-23
    Here's me trying to sum up my time as an engineering team lead as I move into DevRel in 2021.
  • 6 things I learned about streaming live coding in my first 6 weeks on Twitch - whitep4nth3r@gmail.com (Salma Alam-Naylor)

    6 things I learned about streaming live coding in my first 6 weeks on Twitch - [email protected] (Salma Alam-Naylor)

    2020-08-16
    The most important part of your stream is YOU.