# Resources

### Inspiration

* [Dribble](https://dribbble.com/)
* [Behance](https://www.behance.net/)
* [UpLabs](https://www.uplabs.com/)
* [CollectUI](https://collectui.com/)
* [Canva](https://www.canva.com/)
* [Land-Book](https://land-book.com/)
* [One Page](https://onepagelove.com/)
* [Call to Idea](https://www.calltoidea.com/)
* [Site Inspite](https://www.siteinspire.com/)

### Illustrations, icons

* [Material design icons](https://materialdesignicons.com/)
* [Unsplash](https://unsplash.com/) - images
* [UnDraw](https://undraw.co/) - open-source illustrations
* [Get Emoji](https://getemoji.com/) - all emojis to copy & paste
* [Iconify](https://iconify.design/) - unified icons framework
* [Vecteezy](https://www.vecteezy.com/) - vector art, stock photos, videos
* [Icons8](https://icons8.com/) - icons, illustrations, photos, music and design tools
* [Ionicons](https://ionicons.com/)
* [Flaticon](https://www.flaticon.com/) - free vector icons
* [iconmonstr](https://iconmonstr.com/)
* [IcoMoon](https://icomoon.io/)
* [Fontastic](http://fontastic.me/)
* [Coverr](https://coverr.co/) - free stock footage
* [ISOfactory](https://isorepublic.com/) - free high-res photos
* [pixabay](https://pixabay.com/) - royalty-free stock
* [Startup Stock Photos](https://startupstockphotos.com/)
* [Background patterns](https://www.toptal.com/designers/subtlepatterns/)
*

### Fonts

* [FontSquirrel](https://www.fontsquirrel.com/)
* [Google Fonts](https://fonts.google.com/)
* [Free fonts for designers](https://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380) 

### Design guidelines

* [Material Design guidelines](https://material.io/design/)

### Tools

* [Can I use...](https://caniuse.com/) - check feature (HTML, CSS, JS...) support in the browsers.
* [Do I use...](http://doiuse.herokuapp.com/) - check CSS against "Can I use"
* [HTML5test](https://html5test.com/) - test HTML5 support 
* [mydevice](https://www.mydevice.io/) - device screen metrics
* [StatCounter](https://gs.statcounter.com/) - browser stats
* [Make some waves](https://getwaves.io/)
* [Blob maker](https://www.blobmaker.app/)
* [Clippy](https://bennettfeely.com/clippy/) - CSS clip-path maker
* [Glyphter](https://glyphter.com/) - SVG font generator
* [Smooth box shadows](https://brumm.af/shadows)
* [SVGOMG](https://jakearchibald.github.io/svgomg/) - SVG optimizer
* [Coolors](https://coolors.co/) - color scheme generator
* [Flat UI colors](https://flatuicolors.com/)
* [Material UI Palette](https://www.materialpalette.com/)
* [ColorHunt](https://colorhunt.co/)
* [Paletton](http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF)
* [uigradients](https://uigradients.com/)
* [Random user generator](https://randomuser.me/) - Lorem ipsum for people
* [Fav icon generator](https://realfavicongenerator.net/)

### Dev

* [W3C Markup Validator](https://validator.w3.org/)
* [W3C CSS Validator](https://jigsaw.w3.org/css-validator/)
* [HERE XYZ](http://geojson.tools/) - GeoJSON visualizer
* [JSON ABC](https://novicelab.org/jsonabc/) - sort JSON
* [Regex101](https://regex101.com/) - Regular expressions tester
* [Security Headers](https://securityheaders.com/) - scan website security headers
* [CSP evaluator](https://csp-evaluator.withgoogle.com/) - Validate CSP policy
* [URL decoder](https://www.urldecoder.org/)
* [Base64 decoder](https://www.base64decode.org/)
* [SVG URL encoder](https://yoksel.github.io/url-encoder/)
* [HTML entity lookup](http://entity-lookup.leftlogic.com/)
* [Google PageSpeed](https://developers.google.com/speed/pagespeed/insights/)
* [Nibbler](https://nibbler.silktide.com/en_US) - website tester
* [Think with Google - Test my site](https://www.thinkwithgoogle.com/feature/testmysite/)

### Animation

* [Animate.css](https://animate.style/)
* [Easing functions](https://easings.net/en)
* [Cubic bezier](https://cubic-bezier.com/)
* [Move.js](https://github.com/visionmedia/move.js) - CSS JavaScript animation framework
* [Velocity.js](http://velocityjs.org/) - animation engine

### References

* [CSS reference](http://tympanus.net/codrops/css_reference/)
*