Here's what's new && exciting on my site.

  • React Miami 2026: Behind the Scenes of Tailwind CSS

    My talk Behind the Scenes of Tailwind CSS is now available from React Miami 2026! Dive into Tailwind's source code and see how utility classes are generated, how purging works, and how JIT compilation delivers unlimited arbitrary values.

    Watch it here: Behind the Scenes of Tailwind CSS — React Miami 2026

  • Wikipedia-Style Link Previews

    External links in blog posts now show screenshot previews on hover! Inspired by Wikipedia's link previews, this feature gives readers a glimpse of what's on the other side before they click.

    Hover over any external link to see a preview with the page screenshot, favicon, and domain. You can even move your cursor onto the popover to keep it open. If a screenshot couldn't be captured (some sites block automated browsers), the link works normally without a preview.

    Want to build this for your own site? Check out the full tutorial: Build Link Previews with Playwright and the Popover API.

  • Table of Contents with Animated Indicator

    Long-form articles now feature a floating Table of Contents on desktop! As you scroll, a glowing dot smoothly animates to show which section you're currently reading.

    Here's what makes it special:

    • Smart scroll tracking — The active section updates as you read, using a performant scroll-based approach with requestAnimationFrame throttling
    • Visual hierarchy — H2 headings appear at the top level, with H3 subsections indented beneath them
    • Springy animations — The indicator uses a custom cubic-bezier easing that overshoots slightly before settling, giving it a playful feel
    • CSS Anchor Positioning — Uses cutting-edge CSS as a progressive enhancement, falling back to JavaScript for older browsers
    • Accessibility-first — Respects prefers-reduced-motion and includes proper ARIA labels

    Want to build your own? I wrote a full tutorial: A Modern Table of Contents in Next.js with CSS Anchor Positioning.

  • New Stats Page

    Introducing a dedicated Stats page showcasing the numbers behind my website!

    Explore metrics across four categories:

    • Blog Stats — Total articles, words written, combined reading time, top viewed and most reacted articles, and a category breakdown chart
    • Engagement — Site views with an upward trend visualization, reaction breakdowns by type, community wall messages, changelog updates, and days since the site revamp
    • GitHub — Contribution graph, stars, forks, and total commits
    • Performance — Real-time Lighthouse scores for both mobile and desktop, featuring a radar visualization

    Each card features playful animations and hover interactions that bring the data to life.

  • Interactive Code Playgrounds!

    I've added interactive code playgrounds to my blog! Now you can really follow along with the code examples in the articles! Try the example below!

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JAMstack Logo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
  <div class="jam__circle">
    <div class="jam__squares">
      <div class="jam__squares-top">
        <div class="jam__squares-top-right"></div>
      </div>
      <div class="jam__squares-bottom">
        <div class="jam__squares-bottom-left"></div>
        <div class="jam__squares-bottom-right"></div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

  • Listen to Select Articles

    My blog now offers AI-powered audio narrations. Listen to selected articles in my voice, courtesy of ElevenLabs. ✨

    More articles coming soon.

  • Nominated for Site of the Day at Awwwards!

    My newly published website and blog have been nominated for Site of the Day at Awwwards! This is very exciting for me. I put a lot of tender loving care into this site, and I’m happy that others are enjoying it too!

    Check out the nominee page here!

  • Blogfolio V5 is Now Live!

    My annual "Blogfolio" refresh features a completely redesigned light-themed layout with Bento-style cards, enhanced by custom animations, improved code blocks, and interactive elements like the Community Wall and "Now Listening" Spotify integration—all rebuilt from the ground up using Next.js 15, Tailwind, Supabase, and Framer Motion!

  • New ways to connect with Article Reactions! ✨

    My blog has featured a built-in reaction system for years now. It might seem a bit unconventional for a typical blog, but I love how it adds a social dimension and showcases my personality.

    For this year's version, I've selected four distinct reactions: Like, Love, Celebrate, and Insightful. Each comes with its own custom icon and subtle micro-interaction for that extra polish.

    These small details make the reading experience more engaging while letting readers share their thoughts with just a click.

  • Article hit count is now live!

    I rebuilt the read counter from scratch for this portfolio iteration. Though simple to implement, this little feature breathes life into each page, adding that extra touch of personality.

    Behind the scenes, it runs on Supabase paired with Next.js Server Actions and React Suspense—a lightweight solution with a noticeable impact.

  • New Homepage Animations

    Finally tackling those finishing touches before launch! Added some tasteful animations to bring a bit more life to the site without going overboard.

    The profile picture now eases in smoothly, text elements fade up with a slight delay, and my favorite part - the highlighted photos now fan out in sequence when they appear. Tried to hit that sweet spot between "barely noticeable" and "unnecessarily flashy." I think it adds just the right amount of polish without distracting from the content.

  • Redesigned and Revamped Code Blocks

    The 2024 update of my website totally revamps how code blocks appear in blog posts. Now, code blocks sport a sleek, simple design with a subtle shadow. Plus, you can easily copy the code and see the filename right at the top of the code panel.

  • Visual Improvements and Interactive Bento Cards

    This update is packed with exciting visual enhancements! I've fine-tuned the maximum width for article text, ensured consistent spacing between elements and page sections, and brought interactivity to my bento cards through the amazing new Framer Component Effects!

    Additionally, I've incorporated captivating page transition effects. I'm getting ready for the official launch next month, and I can't wait to share it with you!

  • Connections Page Revamp

    My new Connections page is ready to go!

    I'm proud of the this redesigned page, which showcases the great people I've met in tech and includes a list of those I want to meet. I've implemented a nice animation that slides in the "Met on" dates when hovering over a contact card, and I think it turned out great!

  • Blogfolio V3 Released!

    My annual update released with several new features, including live link previews, a new article layout and design, and revamped open graph system for generating sharing images!

Subscribe to my newsletter

A periodic update about my life, recent blog posts, how-tos, and discoveries.

NO SPAM. I never send spam. You can unsubscribe at any time!

Sakib's Logo

I'm Sakib Reza - a senior full-stack developer, product engineer and blogger. Thanks for checking out my site!

© 2026 Sakib Reza

TwitterLinkedInGitHub