A11Y Style Guide »
The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.
From A11y Style Guide.
Collection - Useful resources
Popular topics
On development
On best practice
On content strategy
All useful resources
How I remember CSS Grid properties »
The syntax for CSS Grid is foreign and hard to remember. But if you can’t remember CSS Grid’s syntax, you won’t be confident when you use CSS Grid. To wield CSS Grid effectively, you need to remember its properties and values.
From Zell WK.
17 top CSS animation examples »
You’ve probably noticed the number of CSS animation examples featuring on websites has been on the rise lately. Animation is one of the key web design trends of 2018. All over the web, designers are getting creative and using CSS animations to bring personality to their sites, explain complex ideas quickly and easily, and guide their users’ actions.
From Creative Bloq.
10 steps to great UX testing »
Evaluating the success of user experience strategies in a project requires a deep understanding of why decisions were made and what core goals motivated the project in the first place. Purpose is what provides context to data. Without that context, the data you review is always going to be clouded with your own personal bias and assumptions.
From Creative Bloq.
Atlassian’s style guide »
An example of a great, easy to understand style guide.
From Atlassian Design.
Hot new CSS rules to try now »
CSS is changing fast. Here’s our guide to the most exciting updates.
From Creative Bloq.
Udemy – Improving Lives Through Learning »
The leading global marketplace for learning and instruction. By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams.
From Udemy.
London Press Images »
Give your London story the edge with our comprehensive database of more than 2000 London images – all free for editorial use. Register with the official London image library now for access to media images of London.
From Photos.London.
Being Shot Down Because of Accessibility Needs is Not Something Anyone Should Expect »
Being deaf/hard of hearing means there is certain information I struggle to access. At a Contributor Day in Glasgow in September 2018 (an event where you get to contribute directly to WordPress, e.g. core software, theme support, privacy, translations, etc.), I have decided to get involved with the Accessibility team.
From Ahmed Khalifa.
Gutenberg Block Library »
It can be hard to find individual blocks, as many are part of larger collections that are hard to search within. To solve that problem we have created a block library that lists each block individually. Blocks in the library are easily searchable and tagged for convienience.
From Gutenberg Block Library.
Coding for Kids – How to get started »
Knowing how to code is likely to be as fundamental a skill as reading and writing for future generations. Coding for Kids provides a list of resources that will help children start and continue their learning journey.
From Coding for Kids.
Responsive, accessible tables »
This approach is different from others you may have seen in that it uses a valid <table> (and child elements) and acknowledges that screen readers no longer consider <table>s to be tables when you start messing with their display properties.
From Adrian Roselli.
Offline POSTs with Progressive Web Apps »
PWAs are web apps that look and feel like native apps — they’re installable, they load quickly, they can deliver push notifications, and they work offline. Caching POST requests is, at the time of this writing, an open issue in the Service Worker spec.
From Web Dev @ Microsoft (via Medium).
Head »
A free guide to <head> elements. A list of everything that could go in the head of your document.
From Head by Josh Buchea.
Draggable from Shopify »
A lightweight, responsive, modern drag & drop library.
From Shopify.
Relative Requirements »
Every project is different: where one project might require the utmost focus on performance, the next might have a considerable need for visually striking designs and interactions. This awkward matrix of skills against requirements can often lead to problems.
From CSS Wizardry.
Inclusive Components: A pattern library of accessible components for the web »
A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.
From Inclusive Components .
Data Viz Project – by Ferdio »
This is a website trying to present all relevant data visualisations, so you can find the right visualisation and get inspired how to make them.
From The Data Viz Project.
flatpickr »
flatpickr is a lightweight and powerful datetime picker.
From flatpickr.
Mozilla’s guide to css grid »
CSS Grid simplifies existing layout patterns and adds new possibilities for graphic design.
From Mozilla.
How to do a basic accessibility audit »
From Get Flywheel.