devcrea

$ grep -ril "Alpine.js" ./guides

Results for Alpine.js

# 39 guides

  1. Web & Frontend10 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. Step-by-step.
  2. 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.
  3. 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.
  4. Web & Frontend8 minNetlifyJavaScriptNetlify Serverless Functions: A Beginner's Guide to the Modern APIBuild Netlify serverless functions with the modern Request/Response API. Setup, custom routes, API key proxying, CORS fixes, and the production 404 fix.
  5. Web & Frontend7 minJavaScriptjavascript:void(0): What It Actually Does and When to Remove ItLearn 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.
  6. Web & Frontend7 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.
  7. AI & Automation9 minn8nfal.aiAutomated AI Image Generation with n8n and Fal.ai (Step-by-Step)Stop struggling with Midjourney. Build your own scalable AI image generation pipeline using n8n and Fal.ai API with our step-by-step polling guide.
  8. Web & Frontend9 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. Step-by-step.
  9. DevOps & Systems6 minCondaHow to List Conda Environments EasilyLearn how to list all Conda environments using conda env list and conda info --envs. Includes flags for JSON output, disk usage, and package listing.
  10. Web & Frontend9 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.
  11. Web & Frontend9 minJavaScriptIntl APIDay.jsJavaScript Date Format: Native Methods, Intl API, and Library ComparisonFormat JavaScript dates without a library using native Intl.DateTimeFormat. Compare Day.js, date-fns, and Temporal API to find the right fit for your project.
  12. Design & Motion8 minAfter EffectsCreating a Digital Clock in After Effects: Timer and Counter AnimationBuild a digital clock in After Effects with a working count-up expression. Includes the AE 2022+ JS engine fix and full layer setup for an LED display look.
  13. Web & Frontend9 minTypeScriptJestESLintStatic Classes in TypeScript: Use Cases, Patterns and Anti-PatternsLearn when static classes hurt your TypeScript codebase. Private constructor, abstract class, Jest mocking pitfalls, and the no-extraneous-class ESLint rule.
  14. Web & Frontend7 minReactWhy State Updates with Objects Don't Re-render in React?Your React component ignores state changes because you're mutating objects. Here's why referential equality works this way and three ways to fix it.
  15. Web & Frontend11 minREST APIHTTPREST API Design Best Practices for Production ReliabilityREST API design best practices for production: cursor pagination, idempotency keys, RFC 9457 errors, and versioning. Build APIs that hold up under load.
  16. DevOps & Systems7 minFira CodeJetBrains MonoCascadia CodeBest Fonts for VS Code: Setup, Ligatures, and Theme PairingsCompare the best VS Code fonts, including Fira Code, JetBrains Mono, and Cascadia Code. Includes settings.json snippets and theme pairing tips. Step-by-step.
  17. DevOps & Systems6 minVS CodePythonHow to Hide the pycache Folder in VSCode for a Cleaner WorkspaceHide __pycache__ in VSCode using files.exclude, prevent generation with PYTHONDONTWRITEBYTECODE, and clean up all Python clutter with one settings template.
  18. DevOps & Systems6 minvcpkgCMakeVisual Studiovcpkg: Install and Manage C++ Libraries with CMake and Visual StudioInstall and manage C++ dependencies with vcpkg: manifest mode vs classic, CMake integration, triplets explained, and troubleshooting build failures.
  19. DevOps & Systems8 minNode.jsNode.js Project Structure: MVC, Layered, and Feature-Based ArchitecturesPick the right Node.js folder structure for your team, avoid cyclic dependency crashes, and migrate from MVC to feature-based architecture without a rewrite.
  20. DevOps & Systems7 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. Step-by-step.
  21. AI & Automation6 minCursorHow to Fix: Cursor "This Model Provider Doesn't Serve Your Region" (VPN & Model Change)Hit the region block in Cursor? Switch to Auto mode, change the model, or use a BYO API key. 5 fixes ranked fastest to most permanent. Step-by-step.
  22. 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.
  23. 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.
  24. DevOps & Systems11 minNginxDockerKubernetesHTTP 502, 503, and 504 Errors: A Developer's Diagnostic GuideLearn what causes HTTP 502, 503, and 504 errors, how to read nginx logs, and how to fix gateway timeouts in nginx, Docker, Kubernetes, and AWS. Step-by-step.
  25. DevOps & Systems8 minVimripgrepVim Search and Replace: From Single File to Project-Wide with ripgrepMaster Vim search and replace: substitute flags, vimgrep vs ripgrep, cfdo vs argdo vs bufdo, cfilter plugin, very magic mode, and custom project commands.
  26. DevOps & Systems12 minWindows Command PromptPowerShellWindows CMD Commands for Developers: Essential Coding WorkflowsMaster the Windows CMD commands developers actually use: kill stuck localhost ports, fix broken PATH variables, chain build commands, and search log files.
  27. DevOps & Systems8 minTotal Commander Keyboard Shortcuts: The Complete ReferenceEvery essential Total Commander keyboard shortcut organized by workflow: navigation, file ops, tabs, archives, selection, and the shortcuts most users never.
  28. Web & Frontend6 minDjangoPythonWhen to Use Django (and When You Shouldn't)Django fits some projects perfectly and tanks others. Here is the real performance data, hiring cost, and a framework decision matrix before you commit.
  29. DevOps & Systems7 minRustrustupCargoInstall Rust on Windows: rustup, Cargo, VS Code, and Common FixesInstall Rust on Windows with rustup, set up VS Code with rust-analyzer, choose MSVC vs GNU toolchain, and fix the most common Windows-specific errors.
  30. DevOps & Systems6 minVS CodeOpenSSHVS Code Remote Development via SSH: Full Setup and TroubleshootingConnect VS Code to any remote server over SSH: key-based auth, ssh config mastery, port forwarding, and fixes for the most common connection errors.
  31. DevOps & Systems7 minPythonVS CodePython Virtual Environments in VS Code: The Complete Setup GuideSet up Python virtual environments in VS Code the right way: interpreter selection, auto-activate, requirements.txt workflow, and common errors fixed.
  32. Web & Frontend9 minReactViteNext.jsCreate React App Alternatives: The Best Options for Your React ProjectCRA was officially deprecated in 2025. Here are the best alternatives, Vite, Next.js, Rsbuild, and more, with a migration guide and decision matrix.
  33. DevOps & Systems5 minChromeCypressDockerHow to Fix chrome-error://chromewebdata/ in Chrome & CypressFix chrome-error://chromewebdata/ in regular Chrome and Cypress tests. Covers server timing, cy.origin(), Docker CI flags, and browser cache fixes.
  34. Web & Frontend7 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.
  35. DevOps & Systems9 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. Step-by-step.
  36. DevOps & Systems7 minPythonPython List Sorting: list.sort() vs sorted(), key=, and Multi-Criteria Sortinglist.sort() returns None and that surprises everyone the first time. Here's how both sort functions work, with key=, reverse=, dicts, and multi-criteria.
  37. Web & Frontend8 minReactReact QueryHow to Make an Async useEffect Function in React: Handling Async FunctionsThree patterns for async useEffect, race condition fixes with AbortController, TypeScript state typing, and when to use React Query. Step-by-step.
  38. Web & Frontend10 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.
  39. DevOps & Systems8 minPythonHow to Set and Use Environment Variables in PythonHow to set, read, and manage environment variables in Python. Covers os.environ, python-dotenv, type conversion, Pydantic BaseSettings, and production secrets.