The latest articles on DEV Community by tati (@tati). https://dev.to/tati https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F654201%2F35ff628f-b864-4c64-969d-a83d8621252a.jpeg https://dev.to/tati en tati Tue, 29 Jun 2021 22:54:51 +0000 https://dev.to/tati/web-resources-2fph https://dev.to/tati/web-resources-2fph <h1> List of Web Development Resources </h1> <p><em>Actually this post was made like a reminder but if it helps, enjoy</em></p> <h2> 🌎 Plataform learnings </h2> <ul> <li><a href="https://codecademy.com/learn">Codecademy</a></li> <li><a href="https://javascript.info">JavascriptInfo</a></li> <li><a href="https://developer.mozilla.org/en-US/">MDN Web Docs</a></li> <li><a href="https://codecademy.com/learn">Codecademy</a></li> </ul> <h2> Free Hosting Websites </h2> <h3> - Front End </h3> <ul> <li><a href="https://netlify.com">Netlify</a></li> <li><a href="https://pages.github.com">Github</a></li> <li><a href="https://vercel.com/">Vercel</a></li> <li><a href="https://apex.oracle.com/es/">Oracle Apex</a></li> </ul> <h3> - Back End </h3> <ul> <li><a href="https://heroku.com">Heroku</a></li> <li><a href="https://netlify.com">Netlify</a></li> <li><a href="https://cloud.google.com/">Google Cloud</a></li> <li><a href="https://apex.oracle.com/es/">Oracle Apex</a></li> </ul> <h3> Database </h3> <ul> <li><a href="https://www.mongodb.com/cloud/atlas">Mongo Atlas</a></li> <li><a href="https://firebase.google.com/">Firebase</a></li> <li><a href="https://fauna.com/">FaunaDb</a></li> <li><a href="https://www.oracle.com/ar/cloud/">Oracle OCI</a></li> </ul> <h3> - Others </h3> <ul> <li> <a href="https://t.co/NRCaJJpUNa?amp=1">AwardSpace</a> </li> <li> <a href="https://t.co/tbEurHFsj8?amp=1">ByetHost</a> </li> </ul> <h2> Freelancing Sites </h2> <ul> <li><a href="https://fiverr.com">Fiverr</a></li> <li><a href="https://upwork.com">Upwork</a></li> <li><a href="https://freelancer.in">Freelancer</a></li> <li><a href="https://guru.com">Guru</a></li> <li><a href="https://peopleperhour.com">People per Hour</a></li> <li><a href="https://flexiple.com/?&amp;url=136">Flexible</a></li> </ul> <h2> 🧩 Chrome Extensions </h2> <ul> <li> <a href="https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj">Dimensions</a>: this tool measures the dimensions from your mouse pointer up/down and left/right until it hits a border.</li> <li> <a href="https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf">CheckMyLinks</a>: a link checker that crawls through your webpage and looks for broken links.</li> <li> <a href="https://chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb">LoremIpsumGenerator</a>: provides an elegant and quick way to create default text or generate Lorem Ipsum</li> <li> <a href="https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/">WindowsResizer</a>: Resize the browser window to emulate various screen resolutions.</li> <li> <a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi">React Developer Tools</a>: Adds React debugging tools to the Chrome Developer Tools</li> </ul> <h1> Design Tools </h1> <h3> 🎨Color Palletes </h3> <ul> <li><a href="https://colorhunt.co">ColorHunt</a></li> <li><a href="//mycolor.space">ColorSpace</a></li> <li> <a href="https://coolors.co">Colors</a> </li> <li><a href="https://color.adobe.com/create/color-wheel">Adobe Color</a></li> <li><a href="https://www.canva.com/colors/color-palettes/">Canva Color</a></li> </ul> <h3> 📷 Pictures </h3> <ul> <li><a href="https://unsplash.com/">Unplash</a></li> <li><a href="https://stocksnap.io/">StockSnap</a></li> <li><a href="https://www.pexels.com/es-es/">Pexels</a></li> <li><a href="https://www.freeimages.com/es">FreeImages</a></li> <li><a href="https://pixabay.com/">Pixabay</a></li> </ul> <h3> 🖌 Illustrations </h3> <ul> <li><a href="https://undraw.co">unDraw</a></li> <li><a href="https://iconscout.com/">iconScout</a></li> <li><a href="https://www.manypixels.co/gallery">manyPixel</a></li> <li><a href="https://absurd.design/">absurdDesign</a></li> <li><a href="https://illlustrations.co/">Ilustrations</a></li> <li><a href="https://icons8.com/illustrations">Icons8</a></li> </ul> <h3> CSS ONLINE RESOURCES 😋 </h3> <ul> <li> <a href="https://www.pixelartcss.com/">PixelArt to CSS</a>: inlcudes animation, awesome tool!</li> <li> <a href="https://bennettfeely.com/clippy/">ClipArt</a>: Turns different shapes into css code</li> </ul> <h3> 🖼 For backgrounds </h3> <ul> <li><a href="https://products.ls.graphics/paaatterns/">Paaatterns</a></li> <li><a href="https://coolbackgrounds.io/">Cool backgrounds. io</a></li> <li><a href="https://www.heropatterns.com/">Hero Patterns</a></li> <li> <a href="https://www.svgbackgrounds.com/">SVG backgrounds</a> </li> <li><a href="https://trianglify.io/">Trianglify</a></li> <li> <a href="https://bgjar.com/">BGjar</a> <ul> <li> <a href="http://thepatternlibrary.com/">The Pattern Library</a> </li> <li> <a href="https://patternico.com/">Patternico</a> </li> </ul> </li> <li> <a href="https://bgpattern.com/">BG Pattern</a> </li> <li><a href="https://bggenerator.com/">BG Generator</a></li> </ul> <p>... will keep updating this post as I progress in my dev-ux journey...</p>