Hacker News·36wThis website has no class
A developer experiments with removing all CSS classes from their personal website, instead relying on semantic HTML elements, custom tags, and custom attributes for styling. The approach reduces CSS bundle size to ~5KB and improves accessibility, but requires more careful planning and deeper HTML/CSS knowledge. While successful for a personal project, the author acknowledges it may not scale well for larger teams with varied frontend expertise.
unixsheikh.com·36wHow I manage my bookmarks
A developer shares their custom bookmark management system using local HTML files stored in a Git repository. The approach involves creating categorized HTML files in a hidden folder, adding them to browser toolbars via file URLs, and syncing across devices using Git. This method intentionally adds friction to prevent casual bookmarking while maintaining simplicity and avoiding cloud dependencies or browser extensions.
Kevin Powell·38wHTML & CSS form tutorial / Frontend Mentor
A comprehensive tutorial covering HTML form structure and CSS styling techniques. Demonstrates building a contact form with proper semantic markup, grid layouts, form validation states, accessibility considerations, and responsive design. Covers advanced CSS concepts like custom properties, nesting, pseudo-elements, and the has() selector for dynamic styling based on form states.
skarab42·37whtms-js: Stream Async HTML, Stay SEO-Friendly
htms-js is an experimental Node.js toolkit that streams HTML content asynchronously while maintaining SEO-friendliness. It processes HTML through tokenization, annotation, and serialization stages, allowing dynamic content enrichment without sacrificing initial server response completeness. The toolkit includes packages for core functionality, Fastify integration, and a CLI server, with examples for Express, Fastify, and Hono frameworks.
CodePen·34wChris’ Corner: Word Search
A showcase of creative word search game implementations using web technologies. Features examples including a canvas-based version with interactive line drawing, a pure CSS approach using checkbox selectors, a responsive design that adapts grid size, and colorful aesthetic variations. Demonstrates how simple games can inspire front-end developer experimentation and creativity.
CodePen·37wChris’ Corner: Simple, Accessible Multi-Select UI – CodePen
Demonstrates how to create an accessible multi-select checkbox interface using vanilla HTML and CSS instead of React Native. Shows proper semantic markup with label elements, screen reader accessibility, focus management, and smooth animations using CSS transitions and the :has() selector. Emphasizes that complex UI interactions don't always require JavaScript frameworks.
Dennis Deacon·34wARIA and Real World Dangers
ARIA should be used as a precise surgical tool to fill HTML's semantic gaps, not as a blanket solution. Common mistakes include overusing aria-label on non-interactive elements and creating mismatches between visible text and screen reader announcements. HTML should always be the first choice, with ARIA applied only when necessary and with deep understanding to avoid breaking accessibility.