Web Resources

List of Web Development Resources

🌎 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...