i recently started dipping my toes into web coding and i've been collecting all the resources i've found useful, as well as some design tools from all my years in the graphic design world. i'm sharing them here in hopes more people join the indie web with me! i'll keep updating this page as i find more cool stuff.
links marked with a ★star i highly recommend you bookmark!
everything here is 100% free!
learn web dev
| w3schools ★ | THE place to learn html and css. tons of tutorials, explanations and tools |
| mozilla's resources | lots of guides for web dev |
| htmlforpeople | great starting point to learn html basics |
| codeacademy | lots of free web dev courses |
coding tools
| sadgrl's layout builder | layout builder. great starting point to poke around when learning |
| petrapixel's layout builder | another layout builder. i used this one for my page :) |
| custom scrollbar maker | customize your website's scrollbar |
| broider | make your own 9-patch borders with pixels |
| border images guide | make borders using images |
| google fonts | lots of fonts optimized for web |
misc online tools
| delphi.tools ★ | lots of really useful quick tools! no ads and extremely user friendly |
| designfreaks ★ | useful tools both for coding and design |
| notion | the best tool for note taking and organization |
| filegarden | simple file host |
| photopea | in-browser alternative for photoshop |
| coolors | generate color palettes |
| ezgif | the one and only place to edit gifs and convert images |
fun graphic tools
| blinkies.cafe | blinkie maker |
| dither me this | dithering tool |
| pixelator | pixelate images |
| wigglypaint | draw wiggly gifs |
software
| affinity | alternative for photoshop, illustrator and indesign all in one place |
| davinci resolve | video editor |
| visual studio | code editor i use - add the live server extension to preview your website as you build it |
| pixelorama | pixel art tool |
copyright free images
| pexels | free stock photos |
| unsplash | free stock photos |
| stickpng | free pngs |
| public domain image archive | extensive library of out-of-copyright artwork |
| nasa's library | nasa's multimedia library |
| typewritten software | old software screencaps |
cool folks with great coding resources!
