Development
ChatGPT
A conversational AI system that listens, learns, and challenges
🔗 chat.openai.com
Generative AI
Tools
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.
🔗 mediacurrent.com
Color
Accessibility
Articles
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.
🔗 dev.to
Tools
Articles
Awesome vscode
By
viatsko
A curated list of delightful VS Code packages and resources.
🔗 github.com
Tools
Building a Theme
By
Gatsby
Learn how to build a theme that is extendable with Gatsby plugin Theme UI in this tutorial from GatsbyJS.
🔗 gatsbyjs.org
Gatsby
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.
🔗 medium.com
Articles
Capsize
Capsize is a utility-first CSS typography framework.
🔗 seek-oss.github.io
CSS
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.
🔗 mikemai.net
Code snippets
Accessibility
Collections
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.
🔗 tympanus.net
WebGL
Transitions
Articles
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.
🔗 developers.google.com
PWA
Tips
Best practice
Figma-export-icons
By
tsimenis
This tool allows you to export SVG icons from Figma using the Figma REST API.
🔗 github.com
SVG
Tools
Framer Motion
Framer Motion is a library of pre-built React components that make it easy to add complex animations and gestures to your web applications.
🔗 framer.com
Framer
React
Motion
freeCodeCamp Guide
An open-source guide to learning web development, covering a wide range of topics and technologies.
🔗 guide.freecodecamp.org
Education
Code
Gatsby advanced starter
By
Vagr9K
A starter kit for GatsbyJS, a modern static site generator, with a focus on performance, SEO, social features, and development environment.
🔗 github.com
Gatsby
Gatsby style guide guide
By
bradfrost
Boilerplate for building a custom style guide with Gatsby.
🔗 github.com
Gatsby
Style guide
Homepage | A11y Coffee
A11y Coffee is a website focused on accessibility topics, including tips and tutorials on how to make websites more accessible.
🔗 a11y.coffee
Accessibility
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.
🔗 w3.org
Accessibility
WCAG
Intro To React
React is a popular JavaScript library for building user interfaces. Get started with this introductory tutorial.
🔗 reactjs.org
React
Education
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.
🔗 medium.com
React
Articles
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.
🔗 css-tricks.com
Markdown
Articles
Making accessible React Native apps
Learn how to make accessible React Native apps in this tutorial from Pusher.
🔗 pusher.com
Accessibility
React Native
Nutrition Cards for Accessible Components A11Y Expectations
A collection of cards that define expectations for accessible components.
🔗 davatron5000.github.io
Accessibility
Guide
Rich docs with Storybook MDX
This article explains how to create rich documentation for components using Storybook MDX.
🔗 medium.com
Storybook
MDX
Documentation
Articles
Storybook Composition
By
Dominic Nguyen
This article is a tutorial on how to use Storybook to build UI components.
🔗 medium.com
Storybook
Articles
Learn
Storybook-test-a11y-ci
Check the accessibility of your Storybook components with Storybook-Test-a11y-CI.
🔗 github.com
Accessibility
Tools
The cost of convenience
By
Surma
This article by Surma discusses the hidden costs of convenience in software development.
🔗 surma.dev
Convenience
Learnings
Articles
The Guide to Accessible Web Components | Erik Kroes
This guide provides best practices for building accessible web components.
🔗 erikkroes.nl
Accessibility
Guide
Tota11y! instructions
Tota11y is a free accessibility testing tool that allows you to test your website's accessibility.
🔗 tota11y.babylontech.co.uk
Accessibility
Tools
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.
🔗 elegantthemes.com
3D
Articles
One Bite Dev
Developer tips & trick, one bite at a time
🔗 onebite.dev
Tips & tricks