When you're building a website or app, things can get complex quickly. You're in the trenches, thinking about every element, interaction and journey. Keeping all of this information in your head is a problem. You…
A11Y Project’s Checklist – Check your WCAG compliance
Excerpt
Accessibility is incredibly important, yet often overlooked in traditional digital design and development education. Because of this, The A11Y Project strives to be a living example of how to create beautiful, accessible, and inclusive digital…
Designing accessible services (UK Home Office)
Excerpt
General guidance on how to design more accessible services. The guidance covers best design practices for users from these areas: low vision, D/deaf and hard of hearing, dyslexia, motor disabilities, users on the autistic spectrum…
Floating UI, Powerful positioning primitives
Excerpt
Floating UI is a low-level library for positioning "floating" elements like tooltips, popovers, dropdowns, menus and more while intelligently keeping them in view. Challenges arise when positioning floating elements as they get taken out of…
Access Guide, an introduction to digital accessibility
Excerpt
Access Guide is a friendly introduction to digital accessibility - specifically to help understand WCAG 2.1 (Web Content Accessibility Guidelines), the official resource for legal compliance. This website is for product designers who want to…
Font Brief: a new way to look at type
Excerpt
Finding a quality font that has the right personality and that will connect solidly with the actual text that it embodies actually requires a professional input. Font Brief can help you with that. Font Brief…
Cumulative Layout Shift Debugger (CLS)
Excerpt
The purpose of the Cumulative Layout Shift Debugger is to visualize the cumulative layout shifts of any webpage so it becomes easier to identify what needs improving on mobile and/or desktop in the initial load…
Charts.css: a CSS data visualization framework
Excerpt
Charts.css is a new open source framework for data visualization. It replaces traditional JS charting libraries with a CSS framework. Data visualization can improve user experience as graphical representation of data is usually easier to…
Generate unique SVG design assets
Excerpt
Haikei is a web app to generate unique SVG shapes, backgrounds, and patterns – ready to use with your design tools and workflow. Get started with one of the flexible SVG generators that will help…
transition.css: 46 pre-built transitions
Excerpt
Go off the rails and build your own transitions with these variables. You can reach a huge set of transitions by using the custom properties and you can even compose a brand new transition from…