devcrea

$ grep -ril "CSS Grid" ./guides

Results for CSS Grid

# 31 guides

  1. Web & Frontend4 minCSSgrid-template-areas: Named CSS Grid LayoutsHow to use grid-template-areas to build a readable, named CSS Grid layout, plus a full responsive dashboard example and common mistakes to avoid.
  2. Web & Frontend5 minCSSCSS Grid Masonry Layout Without JavaScriptHow to build a Pinterest-style masonry grid using pure CSS, three production-ready fallback methods, and where native CSS masonry support stands today.
  3. Web & Frontend4 minCSSResponsive CSS Grid 4-Column LayoutA 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.
  4. Web & Frontend4 minCSSauto-fit vs auto-fill in CSS GridThe 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.
  5. Web & Frontend4 minCSSCSS Grid vs Flexbox: When to Use EachCSS Grid vs Flexbox explained: content-first vs layout-first paradigms, concrete UI patterns for each, and when production code should combine both tools.
  6. Web & Frontend6 minCSSCSS Subgrid Explained: Support, Syntax and Use CasesWhat CSS subgrid does, when to reach for it over nested grids, and practical patterns for aligning card footers and form fields across sibling containers.
  7. Web & Frontend7 minWordPressHow to Remove Gutenberg CSS in WordPress: Clean Unused CodeStop WordPress from loading wp-block-library.css on every page. A theme-type decision table, code snippets, and rollback steps for safe removal.
  8. Design & Motion5 minFigmaExcalidrawPenpotBest Wireframing Tools for Developers: Figma, Excalidraw, Penpot, and MoreCompare the best wireframing tools for developers: Figma, Excalidraw, Penpot, Balsamiq, and UXPin. Find the right tool based on how you actually build.
  9. Web & Frontend8 minCSSJavaScriptCustom Cursor CSS: How to Create and Customize Mouse CursorsLearn to build custom CSS and JavaScript cursors with hotspot calibration, GPU acceleration, and accessibility fallbacks. Includes working code examples.
  10. Web & Frontend6 minHTMLCSSJavaScriptHow to Build Dark Mode with HTML, CSS, and JS: The Modern WayStop using body.dark classes. Learn how to build a modern Dark Mode using the new CSS light-dark() function and simple JavaScript. LocalStorage included.
  11. Web & Frontend6 minTailwind CSSAlpine.jsHow to Build a Modern Search Bar with Tailwind CSSBuild a Tailwind CSS search bar with icon placement, dark mode, focus states, and live search via Alpine.js. Copy-paste variants included.
  12. Web & Frontend6 minCSSCSS Underline Animation: The High-Performance Guide (60 FPS)Master CSS underline animations with transform: scaleX and background-size. Includes accessibility, keyboard focus, prefers-reduced-motion, and troubleshooting.
  13. Web & Frontend8 minCSSCSS vh (dvh, lvh, svh) and vw UnitsLearn when to use dvh, svh, and lvh instead of vh. Includes the 100vh mobile address bar fix, browser support table, and practical code patterns.
  14. Web & Frontend5 minCSSWhy Your CSS Box-Shadow Isn't Working (And How to Fix It)Box-shadow not showing up? Check overflow, missing dimensions, wrong argument order, and the drop-shadow alternative for transparent PNG logos and icons.
  15. Web & Frontend6 minViteTypeScriptEmotionSetting Up Vite with Twin Macro: TypeScript, Emotion and Error FixesThe complete Vite + Twin Macro setup guide covering TypeScript declarations, vite.config.ts configuration, Emotion vs styled-components, and fixes for the most common build errors.
  16. Web & Frontend6 minHTMLNBSP Meaning: What is a Non-Breaking Space?What is NBSP? Learn what   means, when to use it in HTML or email templates, how it differs from regular spaces, and CSS alternatives.
  17. Web & Frontend6 minSingleFilewgetPlaywrightHow to Save a Complete Webpage Offline (Browser, CLI & Headless Methods)Save any webpage offline with the right tool: SingleFile, wget, or a headless browser for JavaScript-heavy sites. Includes ready-to-run code and commands.
  18. Web & Frontend1 minHow to Start Coding? A Beginner's Guide to Learn Computer ProgrammingHow to start coding with this beginner-friendly guide. Learn the basics of computer programming and create your first project today!
  19. Web & Frontend7 minSassSass @import Deprecated: How to Migrate to @use and @forwardSass @import is deprecated in Dart Sass and will eventually break your build. Learn why it happens, what breaks, and how to migrate to @use and @forward.
  20. Web & Frontend6 minHTMLHTML img Tag: Complete Guide to src, alt, srcset, and Performance AttributesEverything about the HTML img tag: alt text, width and height for CLS prevention, srcset for responsive images, lazy loading, and the picture element.
  21. Web & Frontend6 minHTMLNVDAHTML input type="number": The Gotchas Most Tutorials SkipScroll wheel bugs, NVDA failures, and rounding issues with input type=number explained. Plus when to use the safer type=text inputmode=numeric alternative.
  22. DevOps & Systems5 minWindowsWindows Window Management Shortcuts: Maximize, Snap & Multi-Monitor GuideMaster your workflow with essential Windows shortcuts. Learn how to maximize, minimize, snap windows, and move apps between monitors instantly.
  23. AI & Automation6 minClaude CodeClaude Code Commands: The Ones That Actually Matter (And When to Use Them)Confused between /compact, /clear, and /rewind in Claude Code? Learn exactly which command to use and when, plus hidden ones like /btw and ULTRATHINK.
  24. DevOps & Systems7 minGitHow to Fix CRLF vs LF Git Issues and Renormalize Your RepoStop CRLF vs LF warnings for good. Learn the .gitattributes fix, how to renormalize an already-broken repo, and why CI scripts fail on Windows-saved files.
  25. DevOps & Systems6 minWindowsHow to Fix the MSCOMCTL.OCX Error on Windows 10 and 11Learn how to fix the MSCOMCTL.OCX missing or not registered error on Windows 10 and 11. Step-by-step solutions including manual registration and VB6 download.
  26. DevOps & Systems6 minFira CodeJetBrains MonoVS CodeFira Code vs JetBrains Mono: Which Programming Font Should You Use?Fira Code or JetBrains Mono? Compare ligatures, eye strain, platform rendering, and VS Code setup to pick the right programming font.
  27. Web & Frontend7 minHTMLJavaScriptHTML Nested Forms: Why They Fail and 3 Working AlternativesDiscover why placing a form inside a form breaks your DOM and learn three W3C-compliant solutions using HTML5 attributes and JavaScript.
  28. AI & Automation5 minNotebookLMNotebookLM Limitations: What It Can't Do (And What to Use Instead)NotebookLM hits real walls: no API, no cross-notebook memory, no offline mode. Here are the hard limits, workarounds, and better alternatives.
  29. DevOps & Systems8 minKeyboard Shortcuts for Synchronizing Directories in Total CommanderEvery keyboard shortcut for Total Commander's Synchronize Directories tool, plus practical workflows for local backups and FTP deployments.
  30. Web & Frontend7 minWordPressPHPHow to Hide Menus in the WordPress Admin Panel (With Role-Based Control)Remove WordPress admin menus with functions.php, filter by user role, hide dashboard widgets, and debug broken removals step by step.
  31. Design & Motion6 minInkscapePhotoshopWhat is an EPS File? How to Open, Edit, and Convert ItCan't open an EPS file? Learn what an EPS is, how to view it for free using Inkscape or Google Drive, and how to edit it in Photoshop without losing quality.