Organized resources about front end development. 🎛 Other Boards Design Resources Front End Resources Startup Resources Web Development & Marketing 📰 News Sites / Aggregators HeyDesigner Hacker News The News 2 Pineapple Add more items 🏗 CSS Guidelines & Architecture Architecture Object-oriented CSS SMACSS DoCSSa 2.0 {dok~sa} Attribute Modules for CSS BEM. Block, Element, Modifier. Guidelines CSS Guidelines Code Guide by @mdo SUIT CSS Principles of writing consistent, idiomatic CSS GitHub's CSS Trello CSS Guide CSS Architecture Reasonable System for CSS Stylesheet Structure Enduring CSS A Good Front-End Architecture Add more items 📗 General Libraries jQuery YUI Zepto Dojo MooTools Minified.js Prototype Snap.svg Utilities Underscore.js Lo-Dash Mout Mobile jQuery Mobile thumb.js Must Have Penis.js Add more items 🥅 CSS Frameworks Bootstrap Foundation Jeet Pure Skeleton Bourbon Neat Semantic UI Unsemantic MaterializeCSS UIkit Gumby Ink Interface Kit Susy Kube Blueprint GroundworkCSS 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 Add more items 🚗 Templating Engines Mustache Handlebars EJS Underscore templates Nunjucks Embedded JavaScript Jade ICanHaz Hogan Transparency doT T.js Dust Pug Add more items 🔌 Extensions for Firefox Firebug Empty Cache Button Add more items 🔤 Web Fonts Free Google Fonts Brick Adobe Edge Web Fonts Font Squirrel Paid Typekit Add more items 📒 Articles Patrick Hamann on Making the Guardian Load Under 1000ms Efficiently Rendering CSS 7 Easy Wins to Make Your Site Load Faster Today Fonts Faster Font Loading with Font Events Font Loading Revisited with Font Events Add more items 📚 Learning General Team Treehouse Google Web Design Fundamentals SitePoint Dash Learn The Web Khan Academy Lynda Learn Street Tuts+ Code Tutorial Zine Build Something Random SEO The 3-Minute Guide to SEO Add more items 🔐 Linting & Processing Dirty Markup The Prettifier HTML The W3C Markup Validator HTML Tidy Another HTML Lint CSS CSS Lint ProCSSor CSSComb JavaScript JSHint The Online Lint Add more items 👾 Various Resources ProductHunt Perf.Rocks Unheap HEAD DevDocs yourbrowser.is JavaScript Functions and Helpers Front-End Technologies JavaScriptOO CSS Puns Web Platform jQuery Plugins CDN Cheetyr Web Components Lightbox Clones Matrix Frontend Job Interview Questions Link Repositories Awesome Awesomeness Awesome Frontend Bookmarks WebdesignRepo Web Design Field Manual Oozled DevLinks Designers List Add more items ♻️ CSS Resets Sanitize.css Normalize.css Eric Meyer's Reset CSS HTML5 Doctor Reset CSS YUI CSS Reset Add more items 🗜 Responsiveness Am I Responsive? Responsinator Screenfly Add more items 💾 Version Control Git Mercurial GitHub BitBucket GitLab Add more items 📭 Preprocessors HTML Markdown Typeset CSS SASS LESS Stylus Myth JavaScript CoffeScript LiveScript Typescript Add more items 🔌 Extensions for Google Chrome Perfmap Dimensions WhatFont Ghostery MeasureIt Add more items 👾 Accessibility WebAIM Accessibility Checker Contrast Checker Add more items 🪣 Placeholders Unsplash Source Unsplash It Placehold It UI Names UI Faces Add more items 🔣 Icon Fonts Finders & Generators Fontastic GlyphSearch IcoMoon FlatIcon Fontello Packs Font Awesome Typicons LivIcons IconMelon Iconic Octicons DevIcons NounProject Add more items 🎡 Playgrounds JSFiddle CodePen JS Bin Dabblet GitHub Gists Mozilla Thimble Add more items ✂️ Snippets CSS-Tricks Code Snippets Gulp Recipes Snipplr Snipplicious Responsive Patterns CSSMatic Animate.css CSS3 Animation Cheat Sheet Add more items 📕 Blogs CSS-Tricks CSS Wizardry Scotch Web Development A List Apart: Code Blog TeamTreehouse DajlyJS Echo JS HTML5 Rocks JS GooDies JS Central Add more items 🥅 JS MV* Frameworks Vue.js React AngularJS Backbone.js Ext JS Ember.js Knockout Ractive.js Durandal Mithril Add more items 📘 Animation Libraries Velocity.js GSAP Tween Dynamics.js Canvas Pixi.js Three.js KineticJS Paper.js Add more items 🛠 Workflow Tools Gulp Grunt Bower Component Duo Software Freeter CodeKit Prepros LiveReload Add more items ✅ Compatibility Can I use... Autoprefixer -prefix-free Modernizr HTML5 Please Testing Browser Stack Browserbite Browser Shots Add more items 📌 Modules webpack module bundler Browserify RequireJS Add more items 🏁 Starting New Project Yeoman Initializr HTML5 Boilerplate Responsive Boilerplate Blank WordPress Theme Add more items ✍️ IDEs Sublime Text Brackets Atom WebStorm Aptana Studio 3 Light Table Add more items 🖥 Browsers Google Chrome Mozilla Firefox Opera Internet Explorer Safari Vivaldi Add more items 💽 Media Image Compression Tiny PNG Tiny JPG Kraken Compressor.io Favicon Real Favicon Generator Generators Trianglify Add more items ⚙️ Performance PageSpeed Insights PageSpeed Insights Rules Add more items 🔍 SEO Google Webmasters Woo Rank SEO Site Checkup Net Marketing Ninjas Tools Add more items 📚 Learning Programming Bento Stack Overflow Codecademy Code Avengers Code School HTML5 HTML5 Doctor Dive Into HTML5 JavaScript Untrusted Git Git - The Simple Guide - No Deep Shit CSS Learn CSS Layout CSS Diner The Expressive Web Add more items 🧪 Experiments WebGL Fluid Experiment Silon Blackout Add more items ⏳ Project Stages Use this section to track your work. Update progress as you work on each stage.