UPDATE: Discontinued. Please refer to Resources instead.

Free/Share: Free Web Resources (HTML/CSS/JS/PHP) and Inspiration – February 2012 (Part 1)

Every once in a while I stumble across an amazing tutorial, web resource or even a collection of inspirational web designs. Most of the time this would occur on Twitter and I would eventually lose the link to it after the “re-tweet” gets buried by my tweets. I could bookmark it but I don’t like keeping a heck load of bookmarks for things that I might not even visit in the future. Thus, I have decided to make a blog post dedicated to all the things I love or find interesting. Most of the time I won’t get around to using whatever is in the link but hey… I might need it in the future and you might find it useful too. Not everything below is for the “web,” but the majority is:

HTML / CSS / JS

• How to Create CSS3 Paper Curls Without Images
• Different CSS3 Box Shadows Effects
• Orman Clark’s Chunky 3D Web Buttons: The CSS3 Version
• Learn jQuery In 30 Days
• HTML5 Canvas Tutorials
• HTML5 Please – Use the new and shiny responsibly
• Flared Borders With CSS
• How to Build a Stylish CSS3 Search Box
• CSS Reference
• Interactive Typography Effects With HTML5
• Creative CSS3 Animation Menus
• CSS3 Ribbon Builder
• Bear CSS – Generate CSS Based On Your HTML
• Fun With HTML5 Forms
• Video Re-Captcha
• MotionCAPTCHA – Stop Spam, Draw Shapes

Frameworks / Libraries

• Discover Facebook’s developer tools
• PHP Fat Free Framework (F3)
• Bootstrap – HTML/CSS Framework (by Twitter)
• Hojan.js – 2.5k  JS Templating Engine (by Twitter)
• Microjs: Fantastic Micro-Frameworks andMicro-Libraries for Fun and Profit!
• HTML5 Boilerplate
• Initializr – Start A HTML5 Project In 15 Seconds
• Modernizr – Feature Detection
• YepNope.JS – ASYNC Conditional Resource Loader
• CDN.JS – CDN For Popular JS Libraries
• Sharrre – A plugin for sharing buttons
• jQuip – “jQuery In Parts”

Inspiration

• 16 Best Web Design Galleries for Inspiration
• 33 Kick-Ass Websites for Your Inspiration
• 20 Magazine Layout Designs for Inspiration
• 32 Inspiring Examples of Amazing Layout and Typography

Free Resources

• 50 Stunning Pixel Perfect PSD Freebies
• 50+ PSD UI Web design elements
• 35+ Icon Packs For Web Designers (That Don’t Suck!)
• 20 More Fresh & Free Fonts for Beautiful Headlines
• FAMFAMFAM Icons
• Entypo – 100+ carefully crafted pictograms
• Heydings Icon – A Free @font-face Icon Set

Others

• Tips for Creating a Magazine Layout in InDesign
• Your Brain On CSS – CSS 3D Demo
• The Reality of HTML5 Game Development and making money from it
• Useful PHP Snippets & More
• About normalize.css
• Taking Advantage of HTML5 and CSS3 with Modernizr

I hope you find something above useful! If you would like to contribute to my list, just leave a comment below or tweet me (@MrSaints). I will continue updating this list until the end of March… if there’s a lot I might just consider writing a separate blog post. Let me know what you think.

EDIT (24/02 02/03): Added more links and rearranged a few stuff. Since it’s March, I will stop updating it now and begin working on a new and separate blog post! Fixed title.