A Senior Engineer's First Month With Codex
I spent a month using Codex at my job. Here's what I learned.
nray.dev blog
Web development tips
Latest posts
How DataLoader Simplifies Deep JSON Hydration
Stop N+1 queries in deep JSON. Use DataLoader to batch id lookups, even without GraphQL
How to Automatically Switch Images for Dark and Light Mode
Learn how to display the correct image for dark and light mode on your website
How to Fix package-lock.json Merge Conflicts
A guide to fixing package-lock.json merge conflicts
Astro vs. Next.js: Why I Prefer Astro For Static Sites
Why Astro is better than Next.js for static, content-heavy websites.
How To Fix "Image elements do not have explicit width and height"
The guide to fixing unsized images that cause layout shifts.
How To Use Video Formats for Animated Content [7 Steps]
The guide to replacing your animated GIFs with videos for faster load and Largest Contentful Paint times.
How To Efficiently Encode Images
The guide to compressing your website's images for faster load times.
How To Serve Images in Next-Gen Formats
The detailed guide to serving your website's images as fast as possible
How to Defer Offscreen Images In 2023
The detailed guide to lazy loading your website's images
How to Balance Text (Without JavaScript)
CSS now offers an experimental property that eliminates awkward-looking headlines.
Interaction to Next Paint (INP): Everything You Need to Know
The in-depth guide to understanding and optimizing the upcoming Core Web Vital for your website
300ms Faster: Reducing Wikipedia's Total Blocking Time
How two simple steps improved the responsiveness of Wikipedia's mobile site
How to Build Tailwind CSS Dark Mode
Learn step-by-step instructions on implementing a sleek dark mode theme for your website using Tailwind CSS.
Visual Testing: Building A More Robust Wikipedia Interface By Spotting the Differences
A look at how we leveraged visual testing to catch UI bugs when developing Wikipedia's new desktop experience.
Using Chrome Profiler to Fix Performance Issues
Chrome's DevTools performance panel can help you diagnose and fix common performance problems. Learn how in this article!
How to Create Performant Scroll Animations in React
Learn how to incorporate performant web animations into your site while avoiding common pitfalls.
Using Media Queries in JavaScript
Using media queries is very popular in CSS, but this article explores how they can also be used in JavaScript
Analyzing Wikipedia's Search Performance
Performance comparison between Wikipedia's new search component built in Vue.js and the legacy search component.