A conversational AI system that listens, learns, and challenges
5 Tools for Establishing an Accessible Web Color Palette | Mediacurrent
Five tools that developers and designers can use to create accessible web color palettes, including tools for testing color contrast and generating accessible color combinations.
50 free tools and resources you're gonna love | DEV
50 free tools and resources for developers and designers, covering everything from code editors and design tools to stock photos and sound effects.
A curated list of delightful VS Code packages and resources.
Building a Theme
Learn how to build a theme that is extendable with Gatsby plugin Theme UI in this tutorial from GatsbyJS.
Building colorful, springy components using React Spring and Tinycolor
This tutorial demonstrates how to use React Spring and Tinycolor to create colorful, springy user interface components for web applications.
Capsize is a utility-first CSS typography framework.
Copy and Paste Accessible Code | Mike Mai
Copy and Paste Accessible Code is a collection of code snippets to help developers create more accessible websites and applications.
Creative WebGL Image Transitions | Codrops
This article provides examples and code snippets for creating unique and visually stunning image transitions on web pages using WebGL.
Desktop Progressive Web Apps | Web | Google Developers
Google's guide to building progressive web applications that can run seamlessly on desktop and mobile devices, with tips and best practices.
This tool allows you to export SVG icons from Figma using the Figma REST API.
Framer Motion is a library of pre-built React components that make it easy to add complex animations and gestures to your web applications.
An open-source guide to learning web development, covering a wide range of topics and technologies.
Gatsby advanced starter
A starter kit for GatsbyJS, a modern static site generator, with a focus on performance, SEO, social features, and development environment.
Gatsby style guide guide
Boilerplate for building a custom style guide with Gatsby.
Homepage | A11y Coffee
A11y Coffee is a website focused on accessibility topics, including tips and tutorials on how to make websites more accessible.
How to Meet WCAG (Quickref Reference)
A quick reference guide for meeting the Web Content Accessibility Guidelines (WCAG) 2.1, including guidelines for making web content perceivable, operable, understandable, and robust.
Intro To React
Intro to React.js – the codelog – Medium
This article provides an introduction to React.js, including how it works and how to get started with it.
Little Stuff about Markdown I Always Forget and have to Google
This article covers some of the lesser-known aspects of Markdown that are easy to forget.
Making accessible React Native apps
Learn how to make accessible React Native apps in this tutorial from Pusher.
Nutrition Cards for Accessible Components A11Y Expectations
A collection of cards that define expectations for accessible components.
Rich docs with Storybook MDX
This article explains how to create rich documentation for components using Storybook MDX.
This article is a tutorial on how to use Storybook to build UI components.
Check the accessibility of your Storybook components with Storybook-Test-a11y-CI.
The cost of convenience
This article by Surma discusses the hidden costs of convenience in software development.
The Guide to Accessible Web Components | Erik Kroes
This guide provides best practices for building accessible web components.
Tota11y is a free accessibility testing tool that allows you to test your website's accessibility.
Using Three.js to Add 3D Elements to your Websites | Elegant Themes Blog
This article is a tutorial on how to use Three.js to add 3D elements to your websites.
One Bite Dev
Developer tips & trick, one bite at a time
Tips & tricks