- **Insufficient practical examples** – several users stress that the site offers only snippets without any live demonstration.
> "The whole premise of the page is a collection of 'web tricks worth remembering' and I can't fathom what bash … is doing there." — moontear
> "without demos this is mostly useless i think" — vortegne
> "Wait... there's no demonstrations of any of these 'tricks' on the site?" — nater5000
- **Misleading “tricks” framing & need for clearer curation** – the intent as a small, opinionated collection is accepted, but the “tricks” label is seen as overstated and a live demo would clarify its purpose.
> "They're not really 'tricks' as much of mentions of assorted features of HTML and CSS." — OuterVale
> "'tricks' may be overselling it. The website is meant to be a small, opinionated collection of features I want to remember, not a replacement for an authoritative reference like MDN." — marcomezzavilla
> "Sure, they're not 'tricks', but it's also definitely not the same as what you get randomly browsing formal documentation." — happytoexplain
- **UI/UX preferences around navigation and scrollbar handling** – the conversation centers on whether to reveal content inline or via a separate page and on when hiding scrollbars is acceptable.
> "Please keep it, personal notes are worth it. Maybe less navigation or +/- voting, then ranking would help us navigate your site?" — sam_lowry_
> "Why not just render the html on the pages? e.g. the popover is something I wanted to see" — ramon156
> "Unless the native scroll bar will be _wrong_, do not under any circumstances hide it." — chrismorgan
Small, native web tricks worth remembering
📝 Discussion Summary (Click to expand)
🚀 Project Ideas
SnippetPlay
Summary
- Interactive HTML/CSS trick collection with runnable demos embedded in each note.
- Solves the frequent HN request for visible examples and eliminates the need to open separate pages.
Details
| Key | Value |
|---|---|
| Target Audience | Front‑end developers, junior web designers, hobbyists seeking quick reference. |
| Core Feature | Each tip includes a live iframe demo and a copy‑to‑clipboard code snippet. |
| Tech Stack | React + Vite, MDX markdown, Vercel deployment, iframe sandbox for demos. |
| Difficulty | Medium |
| Monetization | Revenue-ready: Sponsorship & premium “Pro” tips $4/mo |
Notes
- Directly answers users who said “the code is the example” and requested “demo” visibility, especially on mobile.
- Could integrate with existing cheat‑sheet sites and become a go‑to quick‑reference while browsing HN links.
CmdReference
Summary
- Interactive command‑line cheat‑sheet platform that pairs each command with a live output preview.
- Addresses the need for concrete, verifiable examples like
du -hd 1 . | sort -hr.
Details
| Key | Value |
|---|---|
| Target Audience | System administrators, DevOps engineers, hobbyist terminal users. |
| Core Feature | Copy‑paste ready commands displayed with an embedded terminal emulator showing real output. |
| Tech Stack | Next.js + Node.js API, Dockerized terminal emulator, Tailwind CSS, Markdown front‑end. |
| Difficulty | Medium |
| Monetization | Revenue-ready: Paid “Team” plan $8/user/mo |
Notes
- Users repeatedly asked for visible results (“please don’t hide scrollbars”, “show the demo”) which this tool fulfills instantly.
- Potential to distribute as a VS Code extension or CLI plugin, extending reach beyond the web.
WebFeature Hub
Summary
- Curated, searchable index of web platform features with built‑in compatibility and usage notes.
- Provides the missing links to MDN/caniuse that HN commenters highlighted.
Details
| Key | Value |
|---|---|
| Target Audience | Web developers, frontend architects, educators. |
| Core Feature | Feature cards showing name, description, code snippet, browser‑support matrix, and links to MDN/caniuse. |
| Tech Stack | SvelteKit static prerendering, Edge functions for feature detection API, Tailwind CSS, integrated search. |
| Difficulty | High |
| Monetization | Revenue-ready: Tiered subscription $10/mo basic, $30/mo pro with offline export. |
Notes
- Several comments (“need compatibility info”, “link to MDN would help”) point to a clear gap this product fills.
- Could evolve into a reference for “feature flag” discussions and educational material, fostering ongoing community dialogue.