Resources

UX resources on the Web

Inspiration

• Dribble

• Behance

• UpLabs

• CollectUI

• Canva

• Land-Book

• One Page

• Call to Idea

• Site Inspite

Illustrations, icons

• Material design icons

• Unsplash - images

• UnDraw - open-source illustrations

• Get Emoji - all emojis to copy & paste

• Iconify - unified icons framework

• Vecteezy - vector art, stock photos, videos

• Icons8 - icons, illustrations, photos, music and design tools

• Ionicons

• Flaticon - free vector icons

• iconmonstr

• IcoMoon

• Fontastic

• Coverr - free stock footage

• ISOfactory - free high-res photos

• pixabay - royalty-free stock

• Startup Stock Photos

• Background patterns

Fonts

• FontSquirrel

• Google Fonts

• Free fonts for designers

Design guidelines

• Material Design guidelines

Tools

• Can I use... - check feature (HTML, CSS, JS...) support in the browsers.

• Do I use... - check CSS against "Can I use"

• HTML5test - test HTML5 support

• mydevice - device screen metrics

• StatCounter - browser stats

• Make some waves

• Blob maker

• Clippy - CSS clip-path maker

• Glyphter - SVG font generator

• Smooth box shadows

• SVGOMG - SVG optimizer

• Coolors - color scheme generator

• Flat UI colors

• Material UI Palette

• ColorHunt

• Paletton

• uigradients

• Random user generator - Lorem ipsum for people

• Fav icon generator

Dev

• W3C Markup Validator

• W3C CSS Validator

• HERE XYZ - GeoJSON visualizer

• JSON ABC - sort JSON

• Regex101 - Regular expressions tester

• Security Headers - scan website security headers

• CSP evaluator - Validate CSP policy

• URL decoder

• Base64 decoder

• SVG URL encoder

• HTML entity lookup

• Google PageSpeed

• Nibbler - website tester

• Think with Google - Test my site

Animation

• Animate.css

• Easing functions

• Cubic bezier

• Move.js - CSS JavaScript animation framework

• Velocity.js - animation engine

References

• CSS reference