Practical frontend systems, UI engineering, and production web workflows.
Picked from rated guides, easiest first. Each step is a full guide that links to the next.
1StartWhitespace SemanticsWhat is NBSP? Learn what means, when to use it in HTML or email templates, how it differs from regular spaces, and CSS alternatives.
2JS-Rendered CaptureSave any webpage offline with the right tool: SingleFile, wget, or a headless browser for JavaScript-heavy sites. Includes ready-to-run code and commands.
3Masonry FallbacksHow to build a Pinterest-style masonry grid using pure CSS, three production-ready fallback methods, and where native CSS masonry support stands today.
4Cursor PaginationREST API design best practices for production: cursor pagination, idempotency keys, RFC 9457 errors, and versioning. Build APIs that hold up under load.
Everything about the HTML img tag: alt text, width and height for CLS prevention, srcset for responsive images, lazy loading, and the picture element.
Learn what javascript:void(0) actually does, why it still appears in modern codebases, and when you should replace it with event.preventDefault() or a button.
CRA was officially deprecated in 2025. Here are the best alternatives, Vite, Next.js, Rsbuild, and more, with a migration guide and decision matrix.
CSS Grid vs Flexbox explained: content-first vs layout-first paradigms, concrete UI patterns for each, and when production code should combine both tools.
A step-by-step guide to a responsive CSS Grid layout that collapses from four columns down to one, using auto-fit and minmax with zero media queries.
What CSS subgrid does, when to reach for it over nested grids, and practical patterns for aligning card footers and form fields across sibling containers.
Watch & build
Walkthroughs from Web & Frontend. Pick one and it plays right here.
WordPressAdvanced7 min guide
Remove WordPress admin menus with functions.php, filter by user role, hide dashboard widgets, and debug broken removals step by step.
Read the guidePlaylist · 2
The real difference between auto-fit and auto-fill in CSS Grid, with concrete UI use cases for each and how minmax() controls the responsive behavior.
How to use grid-template-areas to build a readable, named CSS Grid layout, plus a full responsive dashboard example and common mistakes to avoid.
How to build a Pinterest-style masonry grid using pure CSS, three production-ready fallback methods, and where native CSS masonry support stands today.