Tutorial

All tutorials

Every tutorial is written to be finished in one sitting. Short, tested, no filler.

01Deploy a static Next.js site to Netlify in 10 minutesThree files, one build command, zero servers to babysit. The gacor way to publish Next.js as plain HTML.TutorialOctober 25, 20265 min read 02Get your new website into Google (without tricks)What actually makes Googlebot find and index a brand new site in days, and why ranking on day 1 is a promise nobody honest can make.TutorialOctober 25, 20266 min read 03Add hreflang to a website with more than one languageOne Portuguese page competing against its own English twin is a gacor way to lose traffic. Fix it with three lines of metadata.TutorialOctober 25, 20265 min read 047 gacor CSS recipes with :has() that replace JavaScriptThe relational selector turned 95 percent of visitors into people who do not need your DOM script anymore.TutorialOctober 24, 20266 min read 05Zero-JavaScript accordions with <details name>Exclusive accordions are one HTML attribute now. Keyboard, search and print all work with no handler and no bundle.TutorialOctober 24, 20264 min read 06Container queries vs media queries: when to use whichMedia queries watch the screen. Container queries watch the box. Knowing which one to reach for is the whole trick.TutorialOctober 23, 20265 min read 07Fix slow LCP and INP without installing a single libraryMost slow pages you meet are waiting on three known things. You can fix all three in an afternoon, for free.TutorialOctober 22, 20267 min read 08Add real search to a static site with PagefindA search index that ships as static files, weighs less than one logo, and needs no server at all. Very gacor.TutorialOctober 21, 20265 min read 09Style form validity without a line of JavaScriptThe browser already validates; CSS can paint that machinery. Four states, one form, zero handlers.TutorialOctober 21, 20265 min read 10gacor page transitions with the View Transitions API in 20 linesSome browsers will give you cross-page animation classes for a single attribute line. Available in 92.9 percent of browsing.TutorialOctober 20, 20264 min read 11The theming system nobody needs a design tool for: color-mix()Derive hover, muted and dimmed surfaces from two custom properties. Dark mode becomes one block, not one redesign.TutorialOctober 19, 20265 min read 12Modals and toasts from the platform: <dialog> and popoverFocus trapping, the top layer and Escape handling are built in. A hand-rolled modal usually forgets two of the three.TutorialOctober 17, 20266 min read 13A reading progress bar in pure CSSanimation-timeline: scroll() ties one element to the document scroll. No rAF loop, no listener, nothing to throttle.TutorialOctober 15, 20264 min read 14text-wrap: balance and pretty, two values that fix ragged textOne declaration each for headlines and paragraphs. No breakpoints, no JavaScript, no orphan polish shifts.TutorialOctober 12, 20264 min read 15A 10-minute structured data audit you can run by handSchema.org markup earns its bytes only if it parses, matches the page and validates. Three tools, one checklist.TutorialOctober 10, 20266 min read 16robots.txt vs noindex: the decision tableBlocking a crawler and refusing an index are different questions. Getting them swapped hides pages forever.TutorialOctober 8, 20265 min read 17srcset and sizes, the one-page guideTwo attributes decide how many pixels the browser downloads. The sizes half is the one most sites skip.TutorialOctober 6, 20265 min read 18Format prices and dates with the browser, not a libraryIntl.NumberFormat and Intl.DateTimeFormat deliver locale-correct Rupiah, dates and relative times with zero dependencies.TutorialOctober 3, 20265 min read