Below is a masterlist of free resources that I find really helpful for theme making and photoshopping. I’ll try and keep this updated so you can check back for more links. Please like/reblog if you found this helpful. Thanks!

— html & css

• w3schools has everything you’d ever need for the basics of html, css and javascript. This is the place to go before you ask that theme maker how to change the size of a font or add a border to a box.
  
• codepen is excellent if you want to learn different coding tricks. Searching for anything on the site can potentially get you thousands of results. A warning though: professionals and beginners can publicly post on the site so every result may not golden.
  
• stack overflow described as “A language-independent collaboratively edited question and answer site for programmers” this site is excellent for troubleshooting answers you can’t get on w3schools. Can’t get a hover effect to work? Need to know how to change the color of something on click? This is the place to go. Like codepen, this site is used by beginners and professionals but the most helpful solutions to people’s questions have the ability to be upvoted, ensuring the best help.
  
• codrops is a great place to find in depth coding tutorials. Preloading effects, parallax effects, dynamic slideshows, you name it. This site has ideas that are creative and beautiful in addition to this awesome css reference page
  
• html color codes features color pickers, charts, names and tutorials for hex, rgb and hsl colors! They also have helpful html/css tutorials and this neverending list of stock photo sites.
  
• one extra pixel offers css/html tutorials and free vectors and icons. 
• font awesome is another favorite. Fast loading, easy to use icons that can be scaled infinitely and edited with css. At the moment they have almost 600 icons and they’re always taking suggestions. If you’ve never heard of font awesome, do yourself a favor and check them out.
• elusive icons is like font awesome but with half the icons
• ionicons is similar to both font awesome and elusive icons but is definitely the sleeker, more minimalistic option.
• patternify is a simple online pattern generator that makes css patterns. No image files necessary just copy and paste the code straight into your css. You can change colors, size and opacity to fit whatever you need.
  

— graphics

• pixeden has 100% free high quality mockups, vectors, css resources, and icons. One of my favorites.
  
• deal jumbo gives out free fonts, mockups, textures and bundles right on their site, but you should also consider signing up for their newsletter. They give out exclusive freebies via email.
  
• media militia  has free textures, brushes and vectors. They also have a handful of very loud, colorful tutorials.
  
• creative market is similar to dealjumbo with the content they offer (fonts, graphics and other freebies) but their freebies are only around for a week. It’s a get em while they’re hot type deal, so signing up for their newsletter would also be a good idea.
  
• subtle patterns is…subtle…patterns…pretty self explanatory

— developer tools

• selector gadget is a chrome extension that helps generate css selectors for selector novices like me.
  
• font ninja is a bookmarklet and an extension for safari and chrome that lets you identify any font on the web with a click. 
• screenfly is a tool that lets you view webpages on a variety of different screen resolutions.