JavaScript Minifier: Minify your JavaScript

FF Subsetter: Reduce the font file size to optimize bandwidth usage

Compressor.io: Reduce the size of your images while maintaining a high quality

Prefix free: add the current browser’s prefix to any CSS code only when it’s needed

Sprite Cow: Generate CSS for sprite sheets

TinyPNG: Advanced lossy compression for PNG images

Adaptive Images: Detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of images

Feedback

Bounce: Add feedback on a design and share it with other people

Design Drop: A tool for collecting design feedback

Peek: See and hear a 5-minute video of a real person using your site

Inspiration

CoDrops: CoDrops have an extremely popular weekly (or so) collective, which is essentially a roundup of great resources and inspirational items for web designers and other creatives. Very popular and extremely useful.

Designrfix — Graphic Design Inspiration — Tutorials & Web Design Resources: Another essential graphic and web design blog.

OneXtraPixel — Web Design and Development Online Magazine

An online magazine for designers and developers, OXP shares tips, tutorials, tools, resources and other articles on design and development.

MonsterPost: TemplateMonster are mostly a templates company, but they also have a great blog going on. It’s not just about their own stuff too — they make sure they provide plenty of great web design stuff.

FromUpNorth — High Quality Design inspiration

DesignShack: Once again a wealth of resources is shared with the design community.

Vandelay Design: Lots and lots of excellent resources, freebies, articles, deals, WordPress stuff and lots more.

DesignM.ag: DesignM.ag is a community for designers, web designers and developers.

Reddit Web_design

Not really a blog, it’s a subreddit.

However, the upvoting reddit mechanics ensure that anything which rises to the top is essential reading for web designers. It’s very popular, one of the largest subreddits.

Abduzeedo — Design Inspiration and Tutorials: Abduzeedo is another of those, where you’ll find design inspiration roundups which are a must see for the designer who wants to stay on top of trends and know what’s the latest and greatest stuff around.

tutorialZine — The one place for high quality web development tutorials: It is a tutorial magazine mostly for web development tutorials. The tutorials are well written and easy to follow.

eWebDesign: eWebDesign is another source of the latest and greatest articles from web design experts. Features stories about web design, web development and tutorials. It’s actually a newsletter, so you get stuff directly into your inbox!

WebAppers: Lots of open source and free web resources.

WebNeel — Design Inspiration, Art, Photography and Animation

CSS Mania — CSS Galleries: This one is the most popular CSS showcase site. Again, a very good site to watch out for innovative web designs.

The 9 Most Essential Web Design Blogs You Need To Follow

MOOC

Intro to the Design of Everyday Things: Informative for anyone curious about design: everyday people, technical people, designers, and non-designers alike

Prototyping Interaction: Learn the different methods of prototyping by sketching, building and testing

Introduction to Graphic Design: Learn foundational graphic design principles (fonts, colors, images, backgrounds, and layouts) and how to apply them.

Intro to HTML and CSS: Learn how to convert digital design mockups into static web pages

Web Development: Learn core web development concepts from Reddit & Hipmunk co-founder Steve Huffman.

Responsive Web Design Fundamentals: Learn the fundamentals of responsive web design with Google’s Pete LePage

Responsive Images: Learn how to work with images on the modern web, so that your images look great and load quickly on any device

HTML5 Canvas: Learn how to use the canvas; how to make compositions using shapes, images, and text; how to create effects and filters on images and how to create animations.

Developing Android Apps: Learn how to build an Android app

JavaScript Basics: Learn the JavaScript programming fundamentals

Object-Oriented JavaScript: Learn how to utilize the various object-oriented programming features within JavaScript, and more importantly, how to write reusable and maintainable libraries.

JavaScript Design Patterns: Learn the importance of separating concerns when writing JavaScript, gaining hands-on experience along the way

JavaScript Testing: Learn how to write JavaScript applications with confidence, using the red-green-refactor workflow

Building Mobile Web Experiences: Learn how to create great cross-device mobile web experiences.

UX Design for Mobile Developers: Dive into the techniques that great designers use to plan and prototype amazing apps before any code is written

UIKit Fundamentals: Build a series of simple apps to become more comfortable with the UIKit framework and master its most widely used components

Intro to jQuery: Learn how to read and make sense of jQuery’s documentation.

Intro to AJAX: Learn how to make asynchronous requests with JavaScript (using jQuery’s AJAX functionality), and gain a better understanding of what’s actually happening when you do so

Website Performance Optimization: Learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages.

Gamification Design: Learn the basics of Gamification with a highly practical approach

Wireframes, Mockups & Prototypes

Origami: Free tool for designing modern user interfaces created by Facebook

Cacoo: Create a diagrams, site map, flowchart, mind map, wire frame, UML diagram and network diagram

Marvel: Turn your Dropbox or desktop images into web and mobile app prototypes for any device and get feedback

Placeit: Create iPhone mockups and iPad mockups

MockFlow: Online services to Plan, Build and Share work for designers

Justinmind: Interactive wireframes for web and mobile

Wireframe.cc: Free minimal wireframing tool

Design News & Community

/r/web_design: Web design subreddit

/r/design: Design subreddit

/r/usability: User experience, Interface design, or Human Factors subreddit

/r/userexperience: User experience design subreddit

Stack Exchange: Graphic Design: Q&A for Graphic Design professionals, students, and enthusiasts

Stack Exchange: User Experience: Q&A for user experience researchers and experts

Front-end Front: A place where front-end developers can ask questions, share interesting links, and show their work to the rest of the community

Pineapple: Hub of Tutorials, Tools and Assets for developers and designers

Lockerdome: An interest-based social network

Designer News: A community of people in design and technology

DesignFloat: Web design news & tips

The Web Blend: A community for designers, developers and tech junkies

Design News: A site that features news articles, resources and tutorials written by designers and developers

Portfolio

Behance: The leading online platform to showcase & discover creative work

Dribbble: A place to show and tell, promote, discover, and explore design

Cargo: Personal publishing platform aimed at creating accessible tools and a networked context to enhance the exposure of talented individuals on the Internet

DeviantArt: An online community, showcasing various forms of user-made artwork

Resources

Vector Open Stock: Free vector graphics

Buttons: A CSS button library built with Sass & Compass

Bootflat: Open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework

Animate.css: A cross-browser library of CSS animations

CSS Shake: CSS shake graphics and icons for your page or app

Subtle Patterns: Free tilable textured patterns

Placehold.it: image placeholders

Holder.js: Client side image placeholders

Hammer.js: Add multi-touch gestures to your webpage

Textillate: A simple plugin for CSS3 text animations

Timeline JS: Beautifully crafted timelines that are easy and intuitive to use

Modernizr: JavaScript library that detects HTML5 and CSS3 features in the user’s browser

Isotope: Create a filterable portfolio for your website

Polymer: Makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond

CodyHouse: A free library of HTML, CSS, JS nuggets

Cheetyr: Collection of cheat sheets and shortcuts for designers and developers

Leaflet: An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps

Modest Maps: Free library for interactive maps

Templated: A collection of 846 free CSS and HTML5 site templates, designed & built by Cherry + AJ

GraphicBurger: Design resources offered for free to the community