(Web)Design

• archives.design A digital archive of graphic design related items that are available on the Internet Archives
• Custom-color elements ready to paste into your project A library of over 70 custom-color elements ready to paste into your project.
• Watch Out for Layout Shifts with ‘ch’ Units – Cloud Four Our Real User Metrics showed that desktop users were often experiencing unacceptable levels of layout shifts.
• Atlas Icons Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages
• The age of average — Alex Murrell Interesting essay on how all things look very similar these days - celebrities, buildings, cars, company logos. This will get worse with AI generated content.
• Styling the Native File Upload Input Field | Viget Often I just hide it convert it to an overlay, but this is great.
• Modern Font Stacks System font stack CSS organized by typeface classification for every modern OS The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.
• Some simple ways to make content look good
• Pure CSS Loader Generator Generate those spinners
• Theme toggles A collection of toggle icons for your themes.
• Iconhunt A search engine with 150k+ free, open sources icons to use in Notion, Figma or to download.
• 6 Common SVG Fails (and How to Fix Them)
• App gallery The infinite canvas is the foundation of a new class of apps from design tools, to code editors, and workspaces.
• Async Event Methods and preventDefault() in JavaScript
• Browserslist Visualized
• Building conscious design systems
• Formulas for optical adjustments A long-standing trope of the design world is that computers are bad at aligning and balancing the relative scales of elements. This is incorrect.
• How to Build Great HTML Form Controls
• How to create dynamic OG images with serverless function using Sharp library
• Images on the web tutorial
• Improved font fallbacks
• Interpolation and Animation
• Last baseline alignment
• Open-Source UI elements for any project
• Visual design rules you can safely follow every time
• Web Products Everywhere
• Make “Guest Checkout” the Most Prominent Option (47% Don’t)