A collection of awesome things regarding the Web Design and Development-
- Complete guide to Accessible Front-end Components
- Duet Date Picker: WCAG 2.1 compliant date picker
- Vime.js - Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
- a11y-dialog
- Tabpanelwidget: vanilla, react, vue, angular versions
- accessible-autocomplete from GOV.UK: vanilla & react
- Video Player: Plyr.io Accessibility test: https://scottvinkle.me/blogs/work/how-accessible-is-the-html-video-player
- Awesome Vue
- Awesome React
- Awesome React Components
- Awesome React Testing
- Awesome Next.js
- Awesome Jest
- Awesome Three.js
- Content-based grid tracks and embracing flexibility
- Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs
- How to Make a Media Query-less responsive Card Component
- Awesome Next.js
- Bulletproof Next
- Next Plugins
- Animating Next.js page transitions with Framer Motion
- Exploring Next.js 9 Dynamic Routing & API Routes
- How to Add Interactive Animations and Page Transitions to a Next.js Web App with Framer Motion
- React Skeleton - Create Content Loader
- Gradient Collection: Lens Flare - Gradient Magic
- primitive.js – drawing images with geometric primitives
- Blush: Illustrations for everyone
- Beautiful CSS box-shadow examples - CSS Scan
- BGJar | Free svg background image generator for your websites
- Blobmaker - Make organic SVG shapes for your next design
- Clippy — CSS clip-path maker
- Shape Shifter
- SVG-edit
- Responsive Breakpoints
- Remove Background
- Squoosh
- SVGOMG
- URL-enc SVG
- Google Fonts Helper
- Grid Gen
- Compound grid gen
- Typography Editor
- Make a smooth shadow, friend
- Omatsuri