Designing Responsive Pages with CSS Grid's grid-template-areas
A practical look at using grid-template-areas to build clear, maintainable responsive layouts without nested flexbox or float hacks.
Loading…
ReadMeFeed / Community knowledge
#frontend
Real questions. Useful conversations. Find the people who know your stack.
css3Building Responsive Layouts with React‑Bootstrap’s Grid System
Learn how to use React‑Bootstrap’s Row and Col components to create responsive, breakpoint‑aware layouts with a concrete code example and common pitfalls to avoid.
reactbootstrapSass @use: Namespaces, Single-Load Semantics, and Theming a Component Library
Sass's @use module system replaces @import with namespaced, load-once modules and a with() configuration API. Here's how to structure a themeable library and what migration costs.
sassDiagnosing Bulma Modal Issues: Class Toggles, Overlay, Scroll Lock and Focus
When a Bulma modal fails to open, stays open, shows a broken overlay, lets the page scroll, or loses focus, the root cause is usually a missing or mis‑toggled .is‑active class or conflicting CSS. Follow the ordered checks to isolate and fix each symptom.
Designing Safe SVG Inlining with SVGO's prefixIds: An Architecture Note
Inlining multiple SVGs into one document makes element IDs collide globally. An architecture note on using SVGO's prefixIds plugin at build time: the requirement, minimal deterministic config, trust boundaries, and failure modes.
svgoBower's Flat Dependency Tree: Why It Worked Then, and How to Migrate Off It Now
Bower's flat dependency tree was a smart answer to the pre-module browser era. Here's how its resolution model works, why it breaks down today, and a staged path to migrate to npm without a big-bang rewrite.
Using Sass @use with Namespaces for Modular Stylesheets
Learn how the Sass @use rule loads a module once, scopes its members under a namespace, and prevents duplicate CSS output—key for scalable stylesheet architecture.
Architecture Note: Using Webflow Custom Code Embeds for Marketing/CMS Sites
Learn how to keep Webflow embeds lightweight and safe by outsourcing logic to a versioned, externally hosted script and verifying loads on staging.
Building Live Search with htmx: hx-get and hx-target in Practice
Use htmx's hx-get and hx-target to build live search with server-rendered HTML fragments—no client-side framework required. Includes a worked Flask example, trade-offs, and a verification checklist.
htmx