freeCodeCamp·10wBuild 19 Web Dev Projects using HTML, CSS, & JavaScript
A 12-hour freeCodeCamp YouTube course covering 19 hands-on web development projects built with HTML, CSS, and JavaScript. Projects range from interactive quiz games, Kanban boards, and expense trackers to API integrations (MealDB, GitHub, currency converter), UI components, and utility tools like a password generator and scroll progress indicator.
Smashing Magazine·12wGetting Started With The Popover API — Smashing Magazine
A developer shares their experience migrating tooltip implementations from JavaScript libraries to the browser-native Popover API. The Popover API handles keyboard interactions (including Escape key), ARIA state synchronization, and focus management automatically through HTML attributes like `popover`, `popovertarget`, and `popovertargetaction`. The author details accessibility improvements gained for free, remaining gaps (hover timing delays, manual focus restoration for `popover="manual"`), and when tooltip libraries like Floating UI still make sense — complex positioning, large design systems, or teams lacking accessibility expertise. CSS anchor positioning is also highlighted as an emerging complement to the API.
Fireship·10wThe rise and fall of famo.us...
A retrospective on famo.us, a 2012-era JavaScript rendering engine that raised $30 million by using GPU-accelerated CSS 3D matrix transforms to bypass the browser's layout engine. The framework promised native-like performance across all devices but ultimately failed due to browsers catching up with GPU compositing improvements, the rise of React and Three.js, a complex API requiring deep math knowledge, and unsustainable business economics. Despite its failure, famo.us is credited with pushing the industry's expectations for web performance and UI ambition forward.
Joy of Code·11w20 Modern CSS Features You Should Know About
A walkthrough of 20 modern CSS features introduced in 2025, covering invoker commands, dialogue light dismiss, popover hints, customizable select elements, CSS carousels with scroll buttons and markers, scroll spy via scroll-target-group, anchored container queries, interest invokers, scroll state queries, sibling index/count functions, scroll-into-view container option, nested view transition groups, DOM state-preserving moveBefore API, advanced attr() function, event source on toggle events, textbox trimming, the shape() function, CSS if statements, custom CSS functions, expanded range syntax for style queries, the stretch sizing keyword, and corner-shape property.
Chrome Developers·11wMake custom elements behave with scoped registries
Scoped custom element registries are now available by default in Chrome 146 and Edge, solving the long-standing problem of name collisions in the global `window.customElements` registry. Developers can now create independent registries and scope them to a shadow root, a disconnected document, or an individual element. This enables multiple teams or libraries to define custom elements with the same tag name without conflicts, making micro-frontend and component library composition much more manageable. The feature requires no flags or origin trial opt-in in Chromium-based browsers.
TkDodo·9wTest IDs are an a11y smell
Using data-testid attributes in tests is an accessibility smell because users can't see or interact with test IDs. Role-based selectors (via Testing Library or Playwright) are superior because they mirror how real users interact with apps, catch inaccessible markup like clickable divs lacking semantic roles, and provide implicit a11y testing. If a role-based selector can't find an element, that's a signal the UI itself is inaccessible. Practical tips include using semantic HTML for implicit ARIA roles, associating form labels, using headings and landmarks, leveraging Testing Playground, and navigating with the keyboard to catch issues.
Kevin Powell·8wGet people to see your resume
A developer shares a job search strategy of creating a short 'sizzle reel' video to replace or supplement a traditional resume. The video showcases skills in an engaging, shareable format that decision-makers can evaluate in seconds without downloading anything. Syndicating it across LinkedIn, Twitter, Bluesky, and Mastodon helped build social proof through comments and interactions, ultimately getting the creator in front of senior hiring decision-makers.