[Mittens]

I recently stumbled upon a very useful list on /r/web_design by /u/epaGamer and noticed that the navigation was not the easiest, nor was it recognized enough by the subscribers of the sub-reddit. I've decided to create this thread to easily view the pages of this list by using the quick-links in the Table of Contents. This thread will provide useful resources for both web design and development.

• Useful Sites
• Tools
• Software
• Inspiration
• Hosting
• Frameworks
• Design
• Other Resources
• Credits

[Mittens]

Social Sites




Blogs

Web Design
• Smashing Magazine
• CSS-Tricks
• Designmodo
• Hongkiat
• Webdesigner Depot
• Codrops
• Awwwards blog
• Speckyboy
• OneExtraPixel
• Web Design Ledger
• Design Shack
• David Walsh Blog
• Vandelay Design
• Noupe
• 1stwebdesigner
• UX Movement
• Usabilla Blog
• A List Apart
• Web Appers
• Happy Cog Cognition
• Six Revisions
• Webdesigner Wall
• Instant Shift
• Blog TeamTreehouse
• 99U

Design
• The Design Blog Top 50
• Abduzeedo
• Stack Exchange: Graphic Design
• Creative Bloq
• COLOURlovers blog
• Design Taxi
• Spoon Graphics

Learning
• Lynda
• Udemy (warez disallowed)

Design
• Web Style Guide
• Color Template
• Hack Design
• GoodUI
• Tuts+ Webdesign
• Tuts+ Design
• Stack Exchange: User Experience
• Photoshop Lady

Code
• Bento
• DevDocs
• The Expressive Web
• Codecademy
• Team Treehouse
• Dash
• Learn CSS Layout
• Code Avengers
• Khan Academy
• Code School
• Tuts+ Code
• Tutorial Zine
• CSS Diner
• Build Something Random

[Mittens]

Websites

Web Development
• Can I use...
• HTML5 Please
• Browser Stack
• Browser Shots
• Modernizr
• Koding
• Normalize.css
• CSSMatic
• ProCSSor
• Tiny PNG
• Real Favicon Generator
• Masonry
• Grunt
• Yeoman
• HTML5 Boilerplate
• Initializr
• Templated
• Snap.svg
• Animate.css
• CSS3 Animation Cheat Sheet
• Blank WordPress Theme

Other
• Cloud Convert
• Avocode
• Cold Turkey
• Trianglify
• Project Naptha
• Paper Kit
• LayerVault
• Fontstruct

Code

Preprocessors
• CoffeeScript
• LiveScript
• SASS
• LESS
• Stylus

Playgrounds
• JSFiddle
• CodePen
• JS Bin
• Dabblet
• GitHub Gists
• Mozilla Thimble

Snippets
• CSS-Tricks Code Snippets
• Snipplr

[Mittens]

Programs
• Sublime Text
• Brackets
• Photoshop
• Fireworks
• Sketch 3
• FileZilla
• Prepros
• LiveReload
• Meteor
• Atom
• Gimp
• Pixelmator

Browsers
• Google Chrome
• Mozilla Firefox
• Opera
• Internet Explorer
• Safari

[Mittens]

Web Design
• Awwwards
• Favourite Website Awards
• CSSDeck
• CodyHouse
• UI Parade
• Pattern Tap
• Call To Idea
• TabPatterns
• UI Cloud
• Pttrns
• Line25 Inspiration
• Use Your Interface
• Dribbbleboard
• The Best Designs
• CSSDSGN
• HTTPster

Design
• Trend List
• The Design Inspiration
• The Inspiration Grid
• Designspiration
• Baubauhaus
• FFFFound!
• But Does It Float
• Logopond
• From up North
• Cargo Collective
• Reelizer
• Niice
• BrandColors
• Boooooom

Typography
• Typo/Graphic Posters
• Posterama
• Fonts In Use
• Typography Served
• Wrdbnr

Photography
• National Geographic POTD
• Boston Big Picture
• OneBigPhoto
• 500px

[Mittens]

• Amazon Web Services
• GitHub Pages
• StaticGen
• DreamHost
• Bluehost
• HostGator
• Nearly Free Speech
• A Small Orange
• Media Temple
• Digital Ocean
• Heroku
• OpenShift
• Rackspace
• Linode
• iPage
• SPAM

[Mittens]

Front-End Frameworks
• Foundation
• Bootstrap
• Backbone.js
• Angular.js
• Ember.js
• Mithril
• Knockout
• Semantic UI
• Unsemantic
• Bourbon Neat
• Jeet
• Pure
• Gumby
• Ink Interface Kit
• Susy
• Kube
• Blueprint
• GroundworkCSS
• Skeleton
• YAML
• Responsive Grid Sys. #1
• Responsive Grid Sys. #2
• Base
• Ingrid
• Toast
• Less Framework
• Mueller Grid System
• Golden Grid System
• 960 Grid System
• Tuktuk
• Responsive Aeon

Content Management Systems
• WordPress
• Drupal
• Joomla!
• SilverStripe
• Anchor
• Frog
• Cushy
• Concrete5
• Statamic
• Craft
• The Secretary
• MODX
• Dotcms
• Contao
• Expression Engine
• Radiant

[Mittens]

Colors & Patterns

Colors
• Paletton
• Adobe Kuler
• Color by hailpixel
• Design Seeds
• Color Hexa
• Pictaculous
• ColourCode
• CSS Colours
• Flat UI Colors

Patterns
• Subtle Patterns
• The Pattern Library

Icons
• IconFinder
• GlyphSearch
• IconMonstr
• FlatIcon
• LivIcons
• Fontello
• IconMelon
• IKONS
• Iconic
• NounProject
• Octicons

Fonts

Free
• Font Squirrel
• Dafont
• 1001 Fonts
• Adobe Edge Web Fonts
• Font Space
• Google Fonts
• 1001 Free Fonts
• Typecast

Paid
• Typekit
• Lost Type
• Font Spring
• Ten Dollar Fonts
• MyFonts
• Adobe Type
• Font Haus
• Fonts.com
• Linotype
• Font Shop

Stock Images

Free
• The Stocks
• Unsplash
• Gratisography
• Pexels
• Pixabay
• Jay Mantri
• Superfamous
• Refe (Free)
• HiResStock
• Magdeleine
• Pic Jumbo
• Jéshoots
• Little Visuals
• IM Free
• Raumrot
• Startup Stock Photos
• Travel Coffee Book
• New Old Stock
• MorgueFile
• Albumarium
• SplitShare
• Death to the Stock Photo
• Free Images (old SXC.HU)

Paid
• Creative Market Photos
• Stocksy
• Snapwire
• Refe
• Filter and Format
• Place It

[Mittens]

Jobs
• StackOverflow Careers 2.0
• Smashing Magazine Jobs
• We Work Remotely
• Authentic Jobs
• GitHub Jobs

Analytics & Marketing
• Google Analytics
• Google Trends
• Shared Count
• Mention
• Alexa
• Quantcast
• Niche Keyword Finder
• Google Alerts

SEO
• SEO Site Checkup
• Net Marketing Ninjas Tools
• Google Webmasters

Ads
• Google AdSense
• Google AdWords
• BuySellAds
• The DECK
• Yoggrt
• Carbon Ads
• Ad Packs
• InfluAds

[Mittens]

Saturday - Allowing me to use his thread layout.
/u/epaGamer - The original content creator for the list.
Mittens - Creating the graphics for the thread.
Source

[Tonight]

Dang big index you got here, bud. Nice work.

[Bag]

Thanks for posting this!
Bumping and 5 starred!

Great collection of resources here!

[Mittens]

Thanks for posting this!
Bumping and 5 starred!

Great collection of resources here!

I appreciate the kind words! I spent quite a few hours posting links... 🤮

[JumpWar]

Good selection.

Especially like the "Inspiration" part, some sites there I didn't know about.

[Sam_]

This is some pretty nifty stuff you've got there, Mittens. I'll be using it some in the future when I begin working on my website.