Here’s a super long masterpost of my favorite coding and design related resources! I’m still experimenting with making banners so I hope it’s okay haha.
coding and learning to code
codeacademy - an amazing starting point to learn just about any coding language
w3schools - this site was honestly really intimidating at first but it’s got information for just about everything web design coding related, as well as tutorials, examples, and live previews for you to experiment with.
css-tricks - as the name suggests, it has lots of neat tricks to experiment with, and it’s not limited to just css either!
codrops - one of my absolute favorite places to go for more complex tutorials and inspiration for more experimental/unique effects.
stackoverflow - this site is basically where people submit coding questions and the online community helps answer them. It’s a great resource and has the answer every single time I’m stumped on something
theme docs - seriously I can’t stress enough how useful this is. Please use this to your advantage!!
CSS viewer - an extension that allows you to see the CSS used when you hover over something
@theme-hunter - an amazing tumblr blog full of resources and inspiration. Base code tag is very useful if you’re unsure how to start making themes.
These Flexbox Guides - Flexbox was super scary to me at first but it’s so useful! Please consider learning how to use it it makes planning layouts and responsive designs so much easier!
w3 - this is the accessibility section of w3, which lists all the guidelines to being accessible and explains why it’s necessary
colorsafe - test color combinations to make sure they are accessible. This is especially helpful to make sure your text is visible to everyone if you aren’t going to do the usual black text on white background.
colourlovers - collection of beautiful user submitted color schemes
Palettab - a chrome extension to discover color schemes
dafont - huge collection of custom fonts
Google Fonts - super easy resource to put custom fonts into your themes!
whatfont - an extension that reveals what fonts are used on a page
font awesome - I think just about everyone knows this one, but there’s so many icons!!
linearicons - beautiful icons if you want to for for a more simple/minimalist route. Free version doesn’t have nearly as many icons, though.
flaticon - way more icons than font awesome and so many different styles! You can download the icons as svg, png, eps, or psd! (honestly I don’t see svg’s used enough on here they’re so great)
behance - super big collection of not only web design inspiration, but lots of custom fonts as well! I’ve gotten some of my favorite fonts from here.
dribbble - I recently started looking here for inspiration and I love it! I found this has more web design inspiration than behance does, which is more design in general. Dribbble has graphic design things too though.
awwwards - my favorite place to find web design inspiration. The designs here are actual sites you can visit which I really like.
I may add more to this at some point, but that’s all I can think of for now. I hope this was helpful! Let me know if you know some that weren’t on here too!
romaincrisis
dailybridgerton
yousharknotpass
ellievsbear
andulkaphoto
titsay
prguitarman
jacobvanloon
