# 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/) * --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://notebook.iuriioapps.com/frontend/resources.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.