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!
2087
dededos
annaxmalina
baratheonpilled
turnnoffyourmind
ellievsbear
