Socket·48wA Fresh Look for the Socket Dashboard
Socket has launched a redesigned dashboard featuring streamlined navigation with only 6 main links (down from 14), a grayscale color palette that reserves colors for alerts and critical issues, and improved dark mode support. The redesign focuses on highlighting software supply chain security alerts while reducing visual clutter through better organization of settings, documentation, and support features.
Hacker News·50wMaking eyesite
A developer created Eyesite, a web application that enables eye-controlled navigation as an affordable alternative to Apple Vision Pro. The project uses WebGazer.js for eye tracking, requiring calibration through 9-point mapping for accuracy. Key design decisions included hiding the eye cursor to maintain immersion, implementing visual feedback through button glows when gazed upon, and using large UI elements to compensate for tracking jitteriness. The spacebar serves as the click mechanism, mimicking Vision Pro's look-and-pinch interaction model.
CSS-Tricks·50wCreating an Auto-Closing Notification With an HTML Popover
Learn how to create auto-closing notifications using HTML popover attributes combined with CSS transitions and JavaScript ResizeObserver. The technique uses CSS height transitions with @starting-style and transition-delay to visually hide the popover, while ResizeObserver detects when the animation completes to properly close the popover element. Includes fallback strategies for when JavaScript is disabled.
Mercari Engineering·48wThe Story Behind Mercari Design System Rebuild
Mercari's engineering team rebuilt their design system from version 3.0 to 4.0 using Atomic Design methodology to solve component complexity issues. The previous system suffered from polymorphic APIs and overloaded components that became unmaintainable. The new approach decomposes components into atoms, molecules, and organisms with clear semantic boundaries, introduces blueprints and recipes for edge cases, and follows four key guidelines: semantic decomposition, visual properties only, optional elements, and no polymorphic APIs. This resulted in 150 components (50 atoms, 60 molecules, 40 organisms) and reduced complex components from 700+ lines to under 30 lines of code.
omg! ubuntu!·51welementary OS 8 Updates Deliver New Dock Features
Elementary OS 8 receives significant updates including a new Gesture Controller in the Gala window manager that improves touchscreen interactions and gesture handling. The dock regains classic Plank features like multiple dots for multi-window apps and auto-cycling windows during drag-and-drop. Additional improvements include screenshot notifications, hot-corner options for fullscreen apps, enhanced accessibility support, and various bug fixes for CalDAV accounts and Steam Flatpak integration.