Web Resources

List of Web Development Resources

Actually this post was made like a reminder but if it helps, enjoy

🌎 Plataform learnings

• Codecademy
• JavascriptInfo
• MDN Web Docs
• Codecademy

Free Hosting Websites

- Front End

• Netlify
• Github
• Vercel
• Oracle Apex

- Back End

• Heroku
• Netlify
• Google Cloud
• Oracle Apex

Database

• Mongo Atlas
• Firebase
• FaunaDb
• Oracle OCI

- Others

• AwardSpace
• ByetHost

Freelancing Sites

• Fiverr
• Upwork
• Freelancer
• Guru
• People per Hour
• Flexible

🧩 Chrome Extensions

• Dimensions: this tool measures the dimensions from your mouse pointer up/down and left/right until it hits a border.
• CheckMyLinks: a link checker that crawls through your webpage and looks for broken links.
• LoremIpsumGenerator: provides an elegant and quick way to create default text or generate Lorem Ipsum
• WindowsResizer: Resize the browser window to emulate various screen resolutions.
• React Developer Tools: Adds React debugging tools to the Chrome Developer Tools

---

Design Tools

🎨Color Palletes

• ColorHunt
• ColorSpace
• Colors
• Adobe Color
• Canva Color

📷 Pictures

• Unplash
• StockSnap
• Pexels
• FreeImages
• Pixabay

🖌 Illustrations

• unDraw
• iconScout
• manyPixel
• absurdDesign
• Ilustrations
• Icons8

CSS ONLINE RESOURCES 😋

• PixelArt to CSS: inlcudes animation, awesome tool!
• ClipArt: Turns different shapes into css code

🖼 For backgrounds

• Paaatterns
• Cool backgrounds. io
• Hero Patterns
• SVG backgrounds
• Trianglify
• BGjar
  • The Pattern Library
  • Patternico
• BG Pattern
• BG Generator

... will keep updating this post as I progress in my dev-ux journey...