Web Development tools: HTML & CSS Helpful links
Table Of Content
This is an evolving list of helpful links for HTML and CSS resources:
HTML
Can I Use - check the compatibility of features with different browsers easily.
CodePen - test out front-end code before you make any commitments.
Favicon Generator - a free favicon generator - useful for your different projects.
CSS
Adobe Color - use Adobe's color wheel to create different color palettes.
ColorHunt - a collection of user-created color palette schemes.
CSS Animate - easy to use CSS animations.
Font Awesome - a powerful library of icons for many different purposes.
UnDraw - open-source graphics and images.
Hero Patterns - a collection of repeatable SVG background patterns.
uiGradients - a collection of user-created gradient backgrounds.
LottieFiles - a library of lightweight animation files.
Unsplash - a collection of Royalty-free & Paid high-resolution images.
Pixabay - free images and videos.
Pexels - free images and videos.
mixkit - free images and videos.
Learning resources
SneakPeekIt - wireframe templates for Designers.
CSS Tricks - Flexbox - a useful guide to learning about Flexbox.
Flexbox Froggy - fun game to practice basic Flexbox skills.
Grid Malven - a useful guide to different Grid formats.
Inspirational resources
Dribbble - creative work from top-rated designers and agencies.
Behance - creative work from top-rated designers and agencies.