Bookmarks

Bookmarks Bar

Bookmarks

▼

Creative

Hover Effects

Caption Hover Effects - Demo 6

Creative Link Effects

Simple Icon Hover Effects with CSS Transitions and Animations

Hover Effect Ideas | Set 1

Grid Items Loading Effects

Loading Effects for Grid Items with CSS Animations | Codrops

Susy

-To Organize

CSS3 Animation Cheat Sheet - Justin Aguilar

Countdown Clock · CodePen

iPhone 4 in pure CSS3!

HTML5 Canvas | Luke Freeman

Creating Single Element iPhone using CSS3 | CSSDeck

Ken's Street Fighter II with animated sprites - CodePen

Fancy Input - CSS3 text typing effects for input fields

Enigma64 – the fastest way to get images from Photoshop

Particle Text Per pixel collision with angle detection | CSSDeck

Canvas Cycle: True 8-bit Color Cycling with HTML5

Make a 3D iPhone with CSS - hop.ie

Fuck your code

Natural Language Form

City Icons for Offscreen Magazine by Adam Whitcroft

Ladda

City Icons for Offscreen Magazine by Adam Whitcroft

Creating a Collection of CSS3 Animated Pre-loaders - Tuts+ Web Design Tutorial

Neural-Network

t4t5/sweetalert · GitHub

zzmp/juliusjs · GitHub

Wobbly Slideshow Effect

Twitter Button Concept by Erik Deiner - CodePen

Toggle Switches - CodePen

Apple Keyboard in HTML/CSS - CodePen

Single Element Pure CSS MacBook Pro · CodePen

3D Book Showcase | Codrops

CodePen - A Pen by Kushagra Gour

Squishy Toggle Buttons - CodePen

Baraja: A Plugin for Spreading Items in a Card-Like Fashion

CSS3 animated flag wave gradient ribbon - jsFiddle

Web Standards Sherpa

Pure CSS Peeling Sticky - CodePen

Tinké | Take The Tour

Satorisan - Live By The Walk

SVG Climacons Animated with CSS - CodePen

Climacons ≡ Climatically Categorised Pictographs

Pure CSS3 breadcrumb navigation - the pixel perfect way

BookBlock: A Content Flip Plugin

Simple Icon Hover Effects with CSS Transitions and Animations

Logos In Pure CSS

Ladda

Pure CSS3 Classic Train

Pure CSS3 Classic Train

Pure HTML CSS 3D Animation - CodePen

Animated Books with CSS 3D Transforms - Demo 1

The Tour de France - 100 Years of Tour

Creative Button Styles

Flat Surface Shader

An Illustrated Poster Series of the Most Iconic Cars from TV and Movies

SpinKit | Simple CSS Spinners

Tilted Content Slideshow

Animated Background Headers | Demo 1

Inspiration

Give ’n’ Go

Collective | Codrops

Chrome Experiments - Home

CodePen

Sites

dochub | Instant Documentation Search

gotAPI/HTML - Instant search in HTML and other developer documentation

15 Blogs Web Developers Should Check on a Daily Basis

HTML and CSS Tutorials, References, and Articles | HTML Dog

Tools

Font Face Generator

CodeAndMore @font-face made simple tool

Font Squirrel | Create Your Own @font-face Kits

Free Online Font Converter

Font2Web - Your Online Font Converter Converting .ttf and .otf to .woff, .eot and.svg

font-face generator

font-face generator | Convert Fonts | The ultimate font converter

Online Editor

Tinkerbin

Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Cloud9 - Your code anywhere, anytime

Vim on Cloud9 - Cloud9 IDE Blog

Sublime Text 2

Plugins

sergeche/emmet-sublime · GitHub

kemayo/sublime-text-2-git · GitHub

Soda Theme - Dark and light custom UI themes for Sublime Text 2

facelessuser/BracketHighlighter · GitHub

titoBouzout/SideBarEnhancements · GitHub

My Top 10 Sublime Text Plugins | Henrique Barroso

daylerees/colour-schemes

Sublime Alignment – a Sublime Text 2 Package by wbond

kuroir/SCSS.tmbundle at SublimeText2 · GitHub

Sublime Package Control – a Sublime Text 2 Package Manager by wbond

Sublime Packages by wbond

gcollazo/BrowserRefresh-Sublime

Sublime Text Packages by the Community – wbond

jprichardson/sublime-js-snippets · GitHub

jisaacks/GitGutter · GitHub

CSS Format - Packages - Package Control

Inc-Dec-Value - Packages - Package Control

Andrey Tarantsov: Sublime Text Workflow That Beats Coda and Espresso

Tuts+ Premium Course: Perfect Workflow in Sublime Text 2

Matt : Sublime Text: Wrapping content with tag

Gotchacode: Configure Sublime Text2 for JavaScript Development.

Ilya Grigorik - Google+ - Perfect workflow in Sublime Text 2... Two hour tour de…

Sublimewebinspector

thinkpixellab/flatland · GitHub

When can I use... Support tables for HTML5, CSS3, etc

cdn js - the missing cdn

jQuery google api and other google hosted javascript libraries. - ScriptSrc.net

W3Clove :: site-wide markup validation tool

minify - Combines, minifies, and caches JavaScript and CSS files on demand to speed up page loads. - Google Project Hosting

Alessandro Cocco: jCodeCollector

50 free web design tools that rock! | Feature | .net magazine

Jetstrap - The Bootstrap Interface Builder

Interface Builder for Web Apps - Divshot

Cropp.me | The easiest and smartest online crop tool

pixelplant.com - convert Flash to HTML5

Stylify Me - Online Style Guide Generator

Todo

_Priority ✪

csswizardry/CSS-Guidelines · GitHub

Animated Books with CSS 3D Transforms | Codrops

CSS Balls - hop.ie

Creating interactive graphs with SVG, Part 1 - Roemer's blog

Learn SVG

Using SVG For Flexible, Scalable, and Fun Backgrounds, Part I · An A List Apart Article

CSS 3 (and HTML) for Publishers

Animated line drawing in SVG - JakeArchibald.com

HTML5 Hub | How developers can contribute to the HTML5 specification

GitHub does dotfiles - dotfiles.github.io

paulirish/dotfiles · GitHub

Snap.svg - Home

slick - the last carousel you'll ever need

API reference - Polymer

Build Web Layouts Easily with Susy | CSS-Tricks

AllThingsSmitty/must-watch-css · GitHub

Design Patterns on CodePen

HTML5

_Base ✪

[Git]

Tutorials

How to delete a 'git commit' - Stack Overflow

workflow - Git how to create remote branch - Stack Overflow

Git... setting up a remote origin - Stack Overflow

git svn - How to remove origin from git repository - Stack Overflow

Git - Tagging

Starting with Git: Cheat Sheet | Think Vitamin

Top 10 Git Tutorials for Beginners

Help.GitHub - Set Up Git

HUBOT

Help.GitHub - SSH issues

git - the simple guide - no deep shit!

GitX - Home

GithubNotifier: Growl notifications for GitHub updates - The Changelog - Open Source moves fast. Keep up.

Git Cheatsheet

defunkt's Following - GitHub

Instantly Beautiful Project Pages

Git Delete Last Commit (by Nurullah Akkaya)

Easily keep gh-pages in sync with master | Lea Verou

Git Immersion - Brought to you by EdgeCase

Git - Videos

Git

Markdown Editor - Keshiki

under construction man in pure CSS · Issue #99 · h5bp/lazyweb-requests

Zennaware » Home of Cornerstone Subversion Client for Mac OS X

Daring Fireball: Markdown Syntax Documentation

Versions - Mac Subversion Client (SVN)

Releases | GitHub API

Creating Releases - User Documentation

[Mobile Development]

Swipe Slider

swipejs.com

Skinkers Labs : TouchSwipe

Rectina Display

Retina.js | Retina graphics for your website

PhoneGap

Apache Cordova

My Workflow for Developing PhoneGap Applications | ANDREW TRICE

Debugger

About MIHTool | i,unbug

weinre - Home

Mulberry

PhoneGap

PADILICIOUS: How to Add Finger-Swipe Support to Your Webpage

How to Add Finger-Swipe Support to Webpages | Web Resources | WebAppers

Brad Birdsall • Swipe 1.0 - a lightweight mobile slider

Creating a Mobile Touch Slide Panel with JQuery

Mobile Boilerplate

Electric Plum - Power for the Mobile Web

iPhone Style Radio and Checkbox Switches using JQuery & CSS | DevGrow

Introducing iPhone-style Checkboxes « Thomas Reynolds

Luca Ongaro's Notes

natrixnatrix89/promptumenu @ GitHub

How I built the Hacker News mobile web app - cheeaunblog

Codiqa - the jQuery Mobile Prototype Builder

Hammer.js — A javascript library for multi touch gestures

Top 10 Mobile Web Development JavaScript Frameworks

Mobile Emulation - Chrome Developer Tools — Google Developers

[iOS]

iOS Frameworks

Fix iOS Orientation Change Zoom Bug — Gist

The Sea of Ideas » MIHTool, the iOS web debugger

PaintCode

Grouper/FlatUIKit · GitHub

■ Tutorials, Articles

Menu

Mega Drop-Down Navigation Menus Work Well (Jakob Nielsen's Alertbox)

Designing Drop-Down Menus: Examples and Best Practices - Smashing Magazine

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu | Nettuts+

Mega Drop Down Menu

Mega Drop Down Menu w/ CSS & jQuery | Dropdown Menu | drop down menus | CSS Menu Tutorial | Drop Down Menu Tutorial | jQuery Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

Mega Dropdown Menu by Soh Tanaka

38 Great Examples Mega Drop Down Menus in Web Design

How to Create Mega Drop Down Menus with jQuery | Web Resources | WebAppers

Terminology, Syntax, & Introduction - A Beginners Guide to HTML & CSS

How to Inject Custom HTML and CSS into an iFrame - YouTube

All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery

■ Concepts

10 Things Beginner Developers Should Know

12 resolutions for programmers

Stop reading this blog and learn something | Virtuous Code

Waking Up at 5am to Code

■ Web Standards / Documentation

Google HTML/CSS Style Guide

CSS · Styleguide

Mozilla Developer Network

necolas/idiomatic-css

My HTML/CSS coding style — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts

Improving Code Readability With CSS Styleguides | Smashing Coding

Code Style Guide: CSS · ginatrapani/ThinkUp Wiki

CSS Coding Standards | Core Contributor Handbook

■ Programming

IRCCloud

freenode Web IRC

Lambda the Ultimate | Programming Languages Weblog

Programming Puzzles & Code Golf - Stack Exchange

AntoArts

The 4 Characteristics of Highly Effective Developers

thestartuptoolkit.com/blog/Hard_work_and_high_skills/

So you want to learn to code? - A question from michaelw90 - Forrst

Ask HN: What's the best technical talk you've heard? | Hacker News

Code Review

■ Snippets

11 Websites for Code Snippets | Vandelay Design Blog

API

Hacker News

Forge: Firebase Graphical Debugger

Hacker News

Android

Test your app on the most popular Android devices - Test your app on the most popular Android devices

Android Design - Welcome

Unofficial Ports - CyanogenMod Wiki

Animated Websites

Lost World's Fairs

Volkswagen Beetle

New Zealand 100% Pure | Official Travel information from Tourism New Zealand

Nizo for iPhone

BeerCamp at SXSW 2011

RapidBoot - Lenovo

Ben the Bodyguard. Protecting your data on iPhone® and iPod touch®

Nike Better World

About / UserLook/About

WebKit Clock

Santas Google+ List

HTML5 and CSS3 Advent 2011

Lipton

Pure CSS3 Bitmap Graphics

Range Rover Evoque Special Edition With Victoria Beckham

Browser

Browser stats for December, Q4, and 2011 - QuirksBlog

Bootstrap

Font Awesome, the iconic font designed for use with Twitter Bootstrap

bootstrap-wysihtml5

Bootswatch: Free themes for Twitter Bootstrap

Code Blogs

the_coding_love();

DevOps Reactions

When in git

Command Line

All commands sorted by votes | commandlinefu.com

Clojure

eddology • by edd dumbill, A busy person's introduction to Clojure

Closure Compiler Service

Dart

Dart : Structured web programming

Flat UI

Almost Flat UI

Hacks

How to View Passwords Hidden Under Asterisks [Video]

Heroku

Heroku Toolbelt

Htaccess

.htaccess/.htaccess at master · sergeychernyshev/.htaccess · GitHub

How do I redirect my site using a .htaccess file?

5 useful url rewriting examples using .htaccess

Introduction to .htaccess - Codular

Icon Fonts

Icon Fonts are Awesome

Delicious.com - [Icon Fonts]

Iconic Icon Set – 177 icons in raster, vector and font formats — Some Random Dude

Pictos

24 ways: Displaying Icons with Fonts and Data- Attributes

Polyfills

Schepp/CSS-Filters-Polyfill

Parallax

Parallaxin' - HTML5 Rocks

Sass, Compass

35 Great Resources for Compass and Sass | Fuel Your Coding

Secure Coding

WebAppSec/Secure Coding Guidelines - MozillaWiki

OWASP Guide Project - OWASP

SVG (Scalable Vector Graphics)

Playing with SVG Design

A good beginner's tutorial on SVG - Stack Overflow

An SVG Primer for Today's Browsers

An Introduction to APIs - Zapier

The Grid

SSH

SSH tricks

Tech Talks

2011 in review: 15 web conference talks you need to watch | Feature | .net magazine

confreaks.com

10 Conference Videos for Front-End Developers | Impressive Webs

Vim

carlhuda/janus - GitHub

Vim Cheat Sheat for Programmers by Michael Pohoreski

Learn Vim Progressively

Vim (Vi IMproved) for Mac OS X

productivity - What is your most productive shortcut with Vim? - Stack Overflow

Vim: revisited

Bytefluent | Vivify

Vi Cheat Sheet

VIM Adventures

The file explorer

Vim as your IDE

10 vim color schemes you need to own - Vim plugins, tips, tricks and tutorials

dotvim/bundle at master · samvit/dotvim

Vim (Vi IMproved) for Mac OS X

Vim (Vi IMproved) for Mac OS X

airblade/vim-gitgutter · GitHub

Vimeo

Vimeo Player API Playground

javascript at master from vimeo/player-api - GitHub

Vimeo Player Documentation

Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Player JavaScript API on Vimeo Developer API

Edit this Fiddle - jsFiddle

WebGL

WebGL Water

HelloRacer™ WebGL

WebGL Globe

An introduction to WebGL - Dev.Opera

30 Inspiring WebGL (Chrome) Experiments

WebGL Filter

+360º - Car Visualizer - Three.js

Web Performance

Tools

Pingdom Tools

WebPagetest - Website Performance and Optimization Test

https://github.com/davidsonfellipe/awesome-wpo

21 Great Tools To Optimize Website's Loading Time

10 Tips for Decreasing Web Page Load Times

Testing

Simply Testable professional automated front-end web testing

XML

Introduction to XPath

XPath Expression Syntax

Zen Coding

zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting

Zen Coding: A Speedy Way To Write HTML/CSS Code - Smashing Coding

ZenHTMLSelectorsEn - zen-coding - Selectors and aliases for Zen HTML plugins - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting

Software - John D Wells

Scripting Languages: PHP, Perl, Python, Ruby - Hyperpolyglot

Fontdeck Blog

Coding Horror: How To Become a Better Programmer by Not Programming

21 of Best jQuery And CSS3 Tutorials

Cross-Browser Testing Tool - BrowserStack

Console API - FirebugWiki

Explore GitHub - GitHub

google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting

Stasis - Static Sites Made Powerful

Cities (World) - AdWords API - Google Code

Useful Node.js Tools, Tutorials And Resources - Smashing Coding

DoAT Labs - Touchy Boilerplate

Front End Design Conf 2011

10K Apart - An Event Apart + Mix Online

Beanstalk — Secure, Private Subversion and Git Hosting

Bogan Ipsum

cdn js - the missing cdn

Home / QuirkTools / Online Tools for Creative People

logeshpaul / home — Bitbucket

User Nick Craver - Stack Overflow

User CMS - Stack Overflow

html - Parent li in dropdown not changing color off hover - Stack Overflow

Chrome Gets Text-to-Speech APIs

speak.js: Text-to-Speech on the Web ✩ Mozilla Hacks – the Web developer blog

Graded Browser Support

Droppr, a JS & CSS minifier | Niels Dequeker

Coordino - Home - A FREE PHP StackOverflow Clone

Foundation: Rapid Prototyping and Building Framework from ZURB

search[code]

Voxel

LESS | Stuff & Nonsense

WebP Home

How To: Display WebP Images On Your Mac Browser

Google Swiffy

Shapecatcher.com: Unicode Character Recognition

Built With Bootstrap

HNInstant | Hacker News Instant

Free Online Surveys, Customer Feedback & Survey Software Tool | KISSinsights

Related Posts Content Panel – Scroll Checkpoint WordPress Plugin

h5ai · larsjung.de

HTML and CSS Online Tutorials

Seven advent calendars for web designers and developers | Feature | .net magazine

Hacker Typer

Clojure - home

{"apis":"the joy"}

Front-End

[HTML]

_API's

Local Storage

Quick Tip: Learning About HTML5 Local Storage | Nettuts+

plutov.by :: HTML5 Local Storage

Local Storage - Dive Into HTML5

There is no simple solution for local storage ✩ Mozilla Hacks – the Web developer blog

In defense of localStorage | NCZOnline

Storage.js, Simple HTML5 Page Edits

Geolocation

Finding your position with Geolocation | HTML5 Doctor

Using geolocation - Web API Interfaces | MDN

A Simple Trip Meter using the Geolocation API - HTML5 Rocks

JavaScript API Documentation

Audio

10 Best HTML5 Audio Players

Canvas

jlongster.com/2011/11/21/canvas.html

Canvas Query

Native Fullscreen JavaScript API (plus jQuery plugin) | John Dyer's Code

KineticJS – HTML5 canvas JavaScript library framework - CodeVisually

Geo Location

Gazpo.com » Using HTML5 Geolocation API with Google, Bing and Nokia Maps

Custom Checkboxes, Radio

Wufoo Blog · How to Customize Checkbox and Radio Inputs with Custom CSS

Favicon

Create the perfect favicon | Feature | .net magazine

Making a Good Favicon - Snook.ca

Jonathan T. Neal | Understand the Favicon

Video

HTML5 Video Player | Video.js

CoverVid: HTML5 background videos - CodeVisually.com

The contenteditable attribute | HTML5 Doctor

The scoped attribute | HTML5 Doctor

The developer’s guide to the HTML5 APIs | Feature | .net magazine

Saving images and files in localStorage ✩ Mozilla Hacks – the Web developer blog

Tools

Stitches - An HTML5 sprite generator

Pears

Tutorials, Articles

25 Amazing HTML5 Tricks and How to Make Them

Top 10 Reasons to Use HTML5 Right Now | Codrops

HTML5 Semantics and Good Coding Practices — Aniket Pant :: Born CSSed

HTML Advanced Tutorial | HTML Dog

Auto-Save User's Input In Your Forms With HTML5 and Sisyphus.js - Smashing Coding

23 Useful Online HTML5 Tools - DesignModo

Interactive Typography Effects with HTML5 | Codrops

20 Useful CSS Graph and Chart Tutorials and Techniques - DesignModo

jQuery HTML5 Fullscreen Slideshow / Gallery

Sites

HTML5 Please - Use the new and shiny responsibly

HTML5 Awesome | A HTML5 Gallery of Awesomeness!

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

HTML5 Rocks - A resource for open web HTML5 developers

HTML5 Doctor, helping you implement HTML5 today

HTML5 Showcase for Web Developers: The Wow and the How

Dive Into HTML5

HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library

HTML-Ipsum

2011 in review: 20 HTML5 sites that changed the game | Feature | .net magazine

The first commented line is your dabblet’s title ✿ dabblet.com

XHTML-Lab

HTML5 Readiness

HTML5 Gallery | A showcase of sites using HTML5 markup

HTML and CSS Tutorials, References, and Articles | HTML Dog

dochub | Instant Documentation Search

Docs Reference

HTML: The Markup Language

HTML5 — Edition for Web Developers

Palermo4.com | HTML5

HTML5 | MDN

Adobe & HTML

Frameworks

10 Essential HTML5 Frameworks

Chico UI, MercadoLibre's Open Source Web Tools.

Snippets

HTML5 Snippets

Gallery of free HTML snippets for Twitter Bootstrap. | Bootsnipp.com

Microformats

Microformat - Wikipedia, the free encyclopedia

hCard - Wikipedia, the free encyclopedia

Welcome to the microformats wiki! · Microformats Wiki

Microformats: What They Are and How To Use Them - Smashing Coding

Extending HTML5 — Microformats | HTML5 Doctor

hCard Creator

RDF Vocabulary Description Language 1.0: RDF Schema

Microdata - Dive Into HTML5

Data-Vocabulary.org | Official Website

Official Google Webmaster Central Blog: Introducing schema.org: Search engines come together for a richer web

Full Hierarchy - schema.org

Webmaster Tools - Rich Snippets Testing Tool

Authorship - Webmaster Tools Help

About microdata - Webmaster Tools Help

Reviews - Webmaster Tools Help

Multimedia and Accessibility

An In Depth Analysis of HTML5 Multimedia and Accessibility | Nettuts+

Placeholder

jQuery HTML5 Placeholder Plugin | webcloud

danielstocks/jQuery-Placeholder - GitHub

Cross-Browser HTML5 Placeholder Text

In-Field Labels jQuery Plugin

Demo: HTML5 Placeholder Text

mathiasbynens/jquery-placeholder - GitHub

HTML5 Placeholder Fallback using jQuery | Web Development Blog

Semantics

HTML5 Semantics - Smashing Coding

Games

The top 20 HTML5 games | Feature | .net magazine

HTML Newsletter

24 incredible HTML email newsletters | Feature | .net magazine

Others

10 Cool and Useful HTML 5 Tutorials | UnderWorld Magazines

Top 5 Developer Questions About HTML5, Answered

10 Best HTML5 Video Player | denbagus blog

HTML5 Tutorials and Techniques That Will Keep You Busy - Noupe Design Blog

Review of HTML5 Canvas Libraries | www.suburban-glory.com | Readability

HTML5 Snake

10 Common Validation Errors and How To Fix Them

Showcase Of Websites Using HTML5 Markup - Web Design Blog – DesignM.ag

Create a page flip effect with HTML5 canvas | Tutorial | .net magazine

10 Excellent HTML5 coding Tools Many Users Don’t Know About

HTML5 Reset :: A simple set of templates for any project

28 HTML5 Features, Tips, and Techniques you Must Know | Nettuts+

Mobile HTML5 - compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices

HTML 4 Block-level Elements

People of HTML5 – Divya Manian ✩ Mozilla Hacks – the Web developer blog

Slim

A List Apart: Articles: Taking Advantage of HTML5 and CSS3 with Modernizr

Hyphenation arrives in Firefox and Safari | Fontdeck Blog

sarfraznawaz2005/HTML5Sticky - GitHub

HTML5 Weekly: A Free, Weekly HTML5 and Browser Tech Email Newsletter

Storagify, Simple HTML5 Page Edits

currency.io

ASCII Chart

HTML5 compatibility

How to Create an HTML5 Microdata Powered Resume | Nettuts+

HTML5 Raycaster Demo

Beginner’s Guide To: Building HTML5/CSS3 Webpages

40 of the Best Horizontal Scrolling Websites | Inspiration

27 Inspirational Horizontal Scrolling Websites at DzineBlog.com - Design Blog & Inspiration

kanaka/noVNC - GitHub

liftoff/GateOne - GitHub

HTML Component Model & the Shadow DOM - Cream of tag soup

What's the difference between display: none and visibility: hidden? - CSS FAQ

css - What is the difference between visibility:hidden and display:none - Stack Overflow

4.6 Text-level semantics — HTML Standard

HTML5 Security Cheatsheet

Jilion Blog - SublimeVideo Unleashed!

HTML5 Game Arcade - Scirra.com

HTML5 Bookmarks - daily news articles and bookmarks

W3CLove :: Top 100 markup validation errors

Facebook HTML5 Resource Center - Facebook Developers

ALLTHEFAVICONS!!!!

[CSS]

_API

Pseudo Elements

Learning To Use The :before And :after Pseudo-Elements In CSS - Smashing Magazine

NWMatcher - CSS3 Selector and Matcher

Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

Use Pseudo Elements to Create an Image Stack Illusion | Design Shack

Box Shadow : box-shadow

Box-shadow, one of CSS3′s best new features - CSS3 . Info

Text Shadow : text-shadow

CSS: text shadows

Font face : @font-face

How to Bulletproof @font-face Web Fonts

Fonts on the web and a list of web safe fonts | Dustin Brewer Web Design

The Essential Guide to @font-face

The @Font-Face Rule And Useful Web Font Tricks - Smashing Magazine

Nice Web Type – How to use CSS @font-face

Becoming a Font Embedding Master - Snook.ca

Opacity : opacity

Cross-Browser Compatible CSS Opacity

Cross Browser Opacity | CSS-Tricks

CSS Opacity That Doesn’t Affect Child Elements | Impressive Webs

Vertical Align : vertical-align

Understanding CSS’s vertical-align Property | Impressive Webs

Z-index : z-index

A Detailed Look at the z-index CSS Property

Web Design and Development Tutorials - TheDevWeb.com

Squish the Internet Explorer Z-Index Bug | Brenelz Web Design Solutions

Quotes

CSS Curly Quotes | Design Meme

24 ways: Swooshy Curly Quotes Without Images

Quotations in CSS | Shape Shed

Resize

The CSS3 Resize Property | Impressive Webs

Selectbox

Daniel Neumann | How to css form drop down style no javascript

Text-Overflow

CSS - text-overflow

text-overflow - MDN

Custom Browse button

Styling File Inputs with CSS and the DOM // ShaunInman.com

Word-Wrap

Word-Wrap: A CSS3 Property That Works in Every Browser | Impressive Webs

Position

CSS Positioning: A Comprehensive Look - Treehouse Blog

Weird CSS Color Names | Impressive Webs

Sites

InstaCSS | Instant CSS Documentation Search

CSS3 PIE: CSS3 decorations for IE

CSS Lint

Mozilla Developer Network

Formalize CSS - Teach your forms some manners!

Sprite Cow - Generate CSS for sprite sheets

CSS-Tricks

Stitch - A CSS Pattern Framework for Compass

deCSS3 - a bookmarklet for graceful degradation.

CSS1K

Bricss

Web Design & CSS Inspiration for the Mobile Web — CSS iPhone

Tutorials, Articles

How to Create a Time Based CSS Style Sheet Switcher | Nettuts+

CSS3 pricing table - RedTeamDesign

CSS Advanced Tutorial | HTML Dog

How To Set Up A Print Style Sheet - Smashing Coding

CSS Almanac | CSS-Tricks

An Introduction To Object Oriented CSS (OOCSS) - Smashing Coding

Path menu in pure CSS3

10 LESS CSS Examples You Should Steal for Your Projects | Design Shack

Scheme/Host/Port: Timing Attacks on CSS Shaders

Truncating text using only CSS - amix.dk

Item Blur Effect with CSS3 and jQuery | Codrops

How to Properly Design a Print CSS Stylesheet - DesignM.ag

Six CSS Layout Features To Look Forward To - Smashing Coding

Seven things still missing from CSS | Feature | .net magazine

Filter Functionality with CSS3 | Codrops

(Better) Tabs with Round Out Borders | CSS-Tricks

PrefixFree: Break Free From CSS Prefix Hell - Smashing Coding

CSS Buttons with Pseudo-elements | Codrops

Box model

Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

How to create animated tooltips with CSS3 | Codrops

CSS3 Image Styles – Part 2

How To Build a Handwritten Letter Style Contact Form

CSS Compatibility and Internet Explorer

Append Site Overlay DIV | CSS-Tricks

Absolute Center (Vertical & Horizontal) an Image | CSS-Tricks

Equal Height Columns with Cross-Browser CSS and No Hacks

CSS-Guidelines/CSS Guidelines.md at master · csswizardry/CSS-Guidelines

25 Awesome CSS3 Menu Tutorials

CSS Hexagon Tutorial

CSS Triangle | CSS-Tricks

24 ways: An Introduction to CSS 3-D Transforms

Fighting the Space Between Inline Block Elements | CSS-Tricks

Experimental Page Layout Inspired by Flipboard | Codrops

Rotating Words with CSS Animations | Codrops

Annotation Overlay Effect with CSS3 | Codrops

Making Awesome, Animated CSS3 Loading Bars with SVG Backgrounds | InsertHTML

Text-Shadow Exposed: Make cool and clever text effects with css text-shadow › Kremalicious

CSS Refreshers: Borders | Nettuts+

CSS shaders: Cinematic effects for the web | Adobe Developer Connection

Understanding CSS 3D-Transforms | Pencil Scoop | Web Design & Development

Tools

CSS3 Please! The Cross-Browser CSS3 Rule Generator

CSS3 Generator

ProCSSor - Advanced CSS Prettifier

Styleneat - CSS Organizer

CSS Browser Selector

CSS Frame Generator

CSS Border Radius Generator

Layer Styles

Ceaser - CSS Easing Animation Tool - Matthew Lein

CSS3 Click Chart | CSS3 Browser Support and Information

Button Maker

Layer Styles

SpriteMe

The CSS3 Test

Colllor - Turn one color into many alternative ones

CSS - Contents and compatibility

cssarrowplease

CSS Hat turns Photoshop layer styles to CSS3 with a click - PSD CSS - Convert PSD to CSS3

CSSPrefixer

CSS Values | CSS Reference, Properties and Values, CSS3

SimpLESS - Your LESS CSS Compiler

The Greatest tool for sorting CSS properties in specific order

piCSSel-art - Draw pixel art using CSS only!

Any Image To CSS · CodePen

CSS Layout Generator | PageBlox

Gallery

Showcasing the best in grid based design, grid systems & WordPress themes

Snippets

CSS | CSS-Tricks

nudgenudge jQuery plugin to nudge your users towards goals with annoying arrows

HTML5 & CSS3 Snippets | WebInterfaceLab

Creative Submission

CSSDeck

CSSFlow · CSS Code Snippets & UI Kits for Web Developers

CSS Specification

CSS current work & how to participate

Demos

Paperfold CSS | Demo Studio | Mozilla Developer Network

Multi-direction hover - jsFiddle demo by kizu

Input/Output - Google I/O 2012 - Android by hecabe by rummy4u by logeshpaul

Carta - concept | CSSDeck

Soleil Noir 2012 | We believe in...

Snippet, Guidelines

Master your CSS3! Ultimate CSS code snippets | djavupixel.com

Stronger, Better, Faster Design with CSS3 - Smashing Magazine

70 Must See CSS3 Tips, Tricks And Tutorials

Fluid Width Equal Height Columns | CSS-Tricks

In the Woods – 15 CSS Tricks That Must be Learned

Sass

File: SASS_REFERENCE — Sass Documentation

Less

Get Into LESS: the Programmable Stylesheet Language | Webdesigntuts+

Animations

A masterclass in CSS animations | Tutorial | .net magazine

The Guide To CSS Animation: Principles and Examples - Smashing Coding

CSS3 Animations: Transitions : ryannystrom:\blog

kirupa.com - CSS3: Animations vs. Transitions

47 Amazing CSS3 Animation Demos

10 Pure CSS3 Image Galleries and Sliders

50 Awesome CSS3 Animations

Creative CSS3 Animation Menus

Animated Buttons with CSS3 | Codrops

Original Hover Effects with CSS3

Amazing Image Hover Effects with Webkit and CSS

An explanation of the CSS animation on Apple's iPhone 4S webpage -- John B. Hall

CSS Dock (V2)

CSS3 Transitions Without Using :hover | Impressive Webs

Animated Buttons with CSS3

Interactive CSS3 Lighting Effects

Get Value of CSS Rotation through JavaScript | CSS-Tricks

Adventures In The Third Dimension: CSS 3-D Transforms - Smashing Coding

Making Love to WebKit — Acko.net

Inspiring CSS3 Animation Demos

HTML5: Top 10 CSS3 Animations

Creative CSS Loading Animations | Codrops

Breadcrumb Menu

Coding a Graceful Breadcrumb Navigation Menu in CSS3

Buttons

Reusable Imageless Google Custom Buttons | Web Resources | WebAppers

Recreating the button | stopdesign

CSS3 Social Sign-in Buttons

A Bunch of Soft, Customizable Pressure Buttons in CSS | InsertHTML

Button Essentials - Button Pack - Live Preview - WrapBootstrap

CSS4

The Brand New CSS4 Selectors Specification | InsertHTML

CSS Framework

The Square Grid - A simple CSS framework for designers and developers

Introducing the LESS CSS Grid | Design Shack

Golden Grid System

css3-action-framework - CSS3 action library - Google Project Hosting

Checkbox

Stuff you can do with the "Checkbox Hack" | CSS-Tricks

Clearfix

Clearing a float container without source markup

A new micro clearfix hack – Nicolas Gallagher

Form Elements

Flexible and Efficient HTML/CSS Form Layout | 2 tablespoons

Formalize – A CSS Framework For Consistent Form Elements

A Fancy AJAX Contact Form | Tutorialzine

Icons

iOS Icons in Pure CSS | Graphicpeel

Pure CSS Icons - A resource for pure css site elements, icons, and inspiration.

CSS3 Monochrome Icon Set | CSSDeck

Fontello - easy icon font composer

Menu

Slide Down Box Menu with jQuery and CSS3 | Codrops

Procedures/New Approaches

Knyle Style Sheets — Warpspire

Prefix free: Break free from CSS vendor prefix hell!

Presentation

impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz

Progress Bar

Stylish CSS3 progress bars - RedTeamDesign

Pure CSS Progress bar demo

Pattern

24 ways: CSS3 Patterns, Explained

CSS3 Patterns Gallery

Selectors

CSS Selectors Level 3 - A Quick Reference

Specificity

CSS Specificity: Things You Should Know - Smashing Coding

CSS Advanced Tutorial | HTML Dog

Specificity

Slideshow

Fluid CSS3 Slideshow with Parallax Effect | Codrops

Sprites

CSS Sprite Sheets: Best Practices, Tools and Helpful Applications | Webdesigntuts+

Shapes

Shapes with CSS

Slopping Elements

Slopy Elements with CSS3 | Codrops

Rounded Corners

4 Ways to Get Rounded Corners Using CSS

Rounded Corners in Internet Explorer: Staying Ahead of the Curve

border-radius and -moz-border-radius < CSS | The Art of Web

Simple CSS3 rounded corners with support for IE — BestInClass.com Blog

CSS Rounded Corners 'Roundup' | Smiley Cat Web Design

Curved corner (border-radius) cross browser | HTML Remix

curved-corner - CSS curved corner - Google Project Hosting

25 Rounded Corners Techniques with CSS - CSSJuice

CurvyCorners - Beautiful rounded corners for your HTML boxes

Tables Skins

Data Tables and Cascading Style Sheets Gallery

Tooltips

Bubble Point Tooltips with CSS3 & jQuery | CSS-Tricks

Sweet Tooltip a jQuery & CSS3 Tooltips – Webstuffshare – Learn and share. The simplest harmony.

Preprocessor

Stylus

Others

CSS Summit - July 26-27, 2011

About Conditional Comments

Conditional classnames

PHP CSS Browser Selector

Personal CSS Hacks for IE6, IE7, IE8 » Dimox.net - CSS, XHTML, jQuery and WordPress from Web Developer

For the SELECT few... - IEBlog - Site Home - MSDN Blogs

Mega Web Buttons Pack #1

ie6fixer - onderhond.com

CSS3 Solutions for Internet Explorer - Smashing Magazine

Stubbornella » Blog Archive » Object Oriented CSS video on YDN

CSS3-D Clock

Google: HTML, CSS, and Javascript from the Ground Up - Google Code University - Google Code

Object-Oriented CSS: What, How, and Why | Nettuts+

Full Browser Width Bars

Convert a Menu to a Dropdown for Small Screens | CSS-Tricks

Mastering CSS Reflections in Webkit | Design Shack

6 Methods For Vertical Centering With CSS | Van SEO Design

50 Useful CSS Tools And Generators for Developers - Noupe Design Blog

Centering Block Element - CSS Discuss

The future of CSS layouts | Feature | .net magazine

What Makes For a Semantic Class Name? | CSS-Tricks

holmes.css - CSS Markup Detective

Markdown CSS Stylsheet

Catapulty - Cross Browser checker

Ken Burns effect with CSS

Rethinking CSS Grids| Mark Boulton

Speed Up with CSS3 Gradients | CSS-Tricks

Persistent Headers | CSS-Tricks

CSS Sprites: What They Are, Why They're Cool, and How To Use Them | CSS-Tricks

Master CSS gradients | Tutorial | .net magazine

Pure CSS3 accordion – Red Team Design

100 Great CSS Menu Tutorials

Build a rotating 3D carousel with CSS | Tutorial | .net magazine

Just some other awesome CSS3 buttons – Red Team Design

Multiple Backgrounds and CSS Gradients - Snook.ca

Inner text shadow with CSS - Stack Overflow

labcss - create & experiment

CSS3 Facebook Buttons

Wrapping Long URLs and Text Content with CSS • Perishable Press

How to avoid common CSS3 mistakes | Feature | .net magazine

Flexible height vertical centering with CSS, beyond IE7 | 456 Berea Street

Beveled corners & negative border-radius with CSS3 gradients | Lea Verou

Incrementable length values in text fields | Lea Verou

Hover on "Everything But" | CSS-Tricks

CSS Sprite Generator | Project Fondue

Adapt.js - Adaptive CSS

CSS Tools: Reset CSS

The 1140px CSS Grid System · Fluid down to mobile

Sass - Syntactically Awesome Stylesheets

LESS « The Dynamic Stylesheet language

codler/jQuery-Css3-Finalize - GitHub

CSS3 Flexible Box Layout Explained - Smashing Coding

Exclusive preview of the hottest CSS specs | Feature | .net magazine

Code smarter CSS with Sass | Tutorial | .net magazine

Blend Menu - a css3 experiment

Susy Documentation - GitHub

Compass Home | Compass Documentation

Using Compass and Sass for CSS in your Next Project | Nettuts+

Generate CSS Sprites on the Fly with Lemonade

CSS Three — Connecting The Dots - Smashing Coding

css - less.js not working in chrome - Stack Overflow

A List Apart: Articles: Taking Advantage of HTML5 and CSS3 with Modernizr

Twitter Bootstrap

LESS.app For Mac OS X

LESS « The Dynamic Stylesheet language

Bootstrap.less by Mark Otto

Janko At Warp Speed | Reinventing a Drop Down with CSS and jQuery

The 1KB CSS Grid by Tyler Tate :: A simple, lightweight approach

Toast – A super-simple (and tasty) CSS framework - CodeVisually

Toast - a simple and tasty CSS framework by Dan Eden

Google+ UI Buttons - Shrapp.nl

CSS3 Tilt-Shift Text experiment - Where are the trees

Sickdesigner.com | Understanding the CSS display property

Sickdesigner.com | The definitive guide to formatting CSS

Building a Starburst with CSS | CSS-Tricks

What’s slated for CSS4 Selectors? - destroy/dstorey

CSS Reference - MDN

Formalize CSS - Teach your forms some manners!

Stronger, Better, Faster Design with CSS3 - Smashing Magazine

Master your CSS3! Ultimate CSS code snippets | djavupixel.com

A Detailed Look at the z-index CSS Property

Web Design and Development Tutorials - TheDevWeb.com

Squish the Internet Explorer Z-Index Bug | Brenelz Web Design Solutions

Reusable Imageless Google Custom Buttons | Web Resources | WebAppers

Fluid Width Equal Height Columns | CSS-Tricks

Recreating the button | stopdesign

70 Must See CSS3 Tips, Tricks And Tutorials

Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together.

In the Woods – 15 CSS Tricks That Must be Learned

kirupa.com - CSS3: Animations vs. Transitions

CSS3 Animations: Transitions : ryannystrom:\blog

The Guide To CSS Animation: Principles and Examples - Smashing Coding

A masterclass in CSS animations | Tutorial | .net magazine

Animate.css - a bunch of plug-and-play CSS animations

What’s slated for CSS4 Selectors? - destroy/dstorey

Jquery IE6 png transperency fix - Emposha

Superfish jQuery Menu IE z-index Bug | webdemar.com

Curing CSS3 Headaches in Older Browsers | Webdesigntuts+

Practical CSS3 tables with rounded corners – Red Team Design

CoderDeck Sample

Loading CSS spinners and bars generator for AJAX & JQuery

Tab Completion

text-rendering - MDN

Guide to CSS support in email - Articles & Tips - Campaign Monitor

Andrew Hoyer | Walking With CSS

HTML5 Placeholder Styling with CSS

Fixing IE overflow problem

CSS2/DOM - Styling an input type="file"

WebWorld project development: Small and quick Tri-state checkbox jquery plugin.

prettyCheckboxes | Stéphane Caron – No Margin For Errors

ezMark jQuery Plugin - Stylize Checkbox and Radio Button Easily

ezMark: jQuery Checkbox & Radiobutton Plugin | Abdullah Rubiyath :: Alif's Web

handling cross-browser min-width/max-width/And Height Issues

CSS3 Secrets 10 things you might not know about CSS3

NealGrosskopf.com l Demystifing Nth-Child in CSS

The Pure CSS3 Content Slider

Redesigning the Country Selector - Baymard Institute

20 stunning examples of CSS 3D transforms | Feature | .net magazine

Scalable and Modular Architecture for CSS

ColRD: Gradient Creator

Arctext.js - Curving Text with CSS3 and jQuery | Codrops

New CSS3 Properties to Handle Text and Word Wrapping | Impressive Webs

Eric's Archived Thoughts: Reset Reloaded

Techniques

CSS Sprites with Inline Images | CSS-Tricks

Sticky Footer

How to Use the Sticky Footer HTML & CSS Code

A CSS Sticky Footer

Scroll Effects

CSS Scroll Effects

Multiple Backgrounds

Get to grips with CSS3 multiple background images | Tutorial | .net magazine

Layout Techniques

CSS: Techniques, Tutorials, Layouts - Smashing Coding

CSS layouts | Max Design

CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices - Noupe

43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation

22 CSS Layout Tutorials and Tricks | Church Website Ideas

10 Amazing CSS Layout Tutorial & Techniques You Should Know | denbagus blog

Image transitions

Experimental CSS3 Animations for Image Transitions

Experimental CSS3 Animations for Image Transitions | Codrops

Hover Effects

Original Hover Effects with CSS3

Facebook Widget

How to Customize the Facebook Like Box Layout with CSS

CSS Reference - MDN

CSS3 Photo Stack

CSS CURSOR

Opera Dragonfly - Style profiler preview

CSS - Contents and compatibility

LESS Elements: a collection of useful LESS mixins

CSS Reference | Codrops

[Javascript]

Angular Js

jmcunningham/AngularJS-Learning · GitHub

Egghead IO

AngularUI for AngularJS

How to master AngularJS? - Stack Overflow

AngularJS App From Scratch: Getting Started - Video Tutorial Series @eggheadio

_Plugins

Accordian

Animated Content Tabs with CSS3 | Codrops

Countdown Timer

Making a jQuery Countdown Timer | Tutorialzine

Content Scroller

Collective: jQuery Custom Content Scroller | Codrops

jquery custom content scroller

9 Best jQuery Custom Content Scroller Plugins | Web Resource, Tech Tips and Softwares - Enfew

10 jQuery Custom Scrollbar Plugins

jScrollPane - cross browser styleable scrollbars with jQuery and CSS

Surfin' Safari - Blog Archive » Styling Scrollbars

15 Best jQuery Scrollbar Plugins

Draggable

How to Mimic the iGoogle Interface | Nettuts+

Draggable Image Boxes Grid

Date Picker

glDatePicker - A simple, customizable, lightweight date picker calendar plugin for jQuery

date

File Upload

jQuery File Upload Demo

jQuery Multiple File Upload Plugin v1.47 (2010-03-26)

Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus

JQuery File Upload Plugin Script - Uploadify

Use jQuery to get the file input's selected filename without the path - Stack Overflow

Lightbox

Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com

Fancybox - Fancy lightbox alternative

jQuery lightBox plugin

ThickBox 3.1

30 Efficient jQuery Lightbox Plugins

jQuery lightbox for images, videos, YouTube, iframes, ajax | Stéphane Caron – No Margin For Errors

Veneer

OuiBounce: A small modal library - CodeVisually.com

News Ticker

jQuery News Ticker

Image Load

Lazy Load Plugin for jQuery -

Lazy Load Enabled With FadeIn Effect

BARREL | Taking Control of Image Loading

Preloader

PxLoader | A Simple JavasScript Preloader

Presentation

scrollorama

jmpress.js | a jQuery plugin to build a website on the infinite canvas

jQuery Scroll Path

turn.js - The page flip effect for HTML5

hakimel/reveal.js

Selectbox

harvesthq/chosen - GitHub

DropKick - a jQuery plugin for beautiful dropdowns

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

revsystems/jQuery-SelectBox - GitHub

jQuery custom selectboxes

SelectBox Plug-in

Styling Checkboxes and Radio Buttons With CSS and JavaScript

Custom radio and checkbox inputs using CSS | The CSS Ninja - All things CSS, JavaScript & HTML

Custom Checkboxes

Fancy checkboxes and radio buttons with CSS | maratz.com

Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery) | Filament Group, Inc., Boston, MA

jQuery UI Multiple Select Widget | Eric Hynds

jQuery selectBox (select replacement plugin)

jQuery SelectBox Plugin | A Beautiful Blog

Select2 2.0

Slider

30 Awesome jQuery Slider and Gallery Plugins and Tutorials | CreativeFan

Lof JSliderNews 1.0 - Jquery 1.3

15 jQuery Space-Saving Content Sliders and Carousels

Portfolio Image Navigation with jQuery | Codrops

Basic jQuery Slider - Simple slideshows for featured content

Slider.js: Slideshow with jQuery, CSS Transitions and Canvas - example with Flickr

The 12 best jQuery image sliders of the 2011 » Blog of Francesco Mugnai

jQuery content slider carousel image slideshow | bxSlider

3D Gallery with CSS3 and jQuery | Codrops

Parallax Content Slider with CSS3 and jQuery

Keyboard

madrobby/keymaster - GitHub

Mousetrap - Keyboard shortcuts in Javascript

Sorting

List.js - Add search, sort and flexibility to plain HTML lists or tables with cross-browser native JavaScript by @javve

Comments

SideComments.js: Easy per-paragraph commenting - CodeVisually.com

jQuery Bootstrap-style Dropdowns

filamentgroup/Responsive-Images - GitHub

addyosmani/todomvc - GitHub

balupton/docpad - GitHub

balupton/buildr.npm - GitHub

jQuery plugin: Tablesorter 2.0

FitText - A plugin for inflating web type

batman.js — overview

Kern.js - Make web kerning suck less.

ImageMapster

Countdown.js

filter.js – Client side search filtering using JSON and jQuery | Josh Software – Where Programming is an Art!

Sensible DateTime | jQuery Plugin

Create an interactive street view with jQuery | Tutorial | .net magazine

5 Sliding Content Techniques, Examples & jQuery How to’s - Noupe

dotjs — hack the web

AliceJS

Lettering.js - A jQuery plugin for radical web typography.

Moment.js - A lightweight javascript date library

MotionCAPTCHA – Stop Spam, Draw Shapes - Joss Crowcroft

OS.js (JavaScript Operating System) « Anders Evenrud Weblog

Algy Taylor's Blog: TGV.js: JavaScript to reduce page loading times

Greyscale Hover Effect w/ CSS & jQuery | Grayscale Effect | jQuery Hover Tutorial | Easy jQuery Tutorial | jQuery Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

GRAYSCALE.js

KeyboardJS Demo

Humane JS

Breakpoints.js - XOXCO - Web and Community Development

andreasgal/dom.js - GitHub

A clean calendar in CSS3 & jQuery : Finishing Touch

jQuery.twinkle · larsjung.de

The 50 Most Useful jQuery Plugins from 2011

Hogan.js

Color Thief

Stellar.js

DataTables (table plug-in for jQuery)

35 Really Useful jQuery Plugins for Web Designers and Developers | Web Design Habits

Rainbow - Javascript Code Syntax Highlighting

impressionist - v 0.0.1.0

Cutter.js Truncate HTML

CreateJS | A suite of Javascript libraries and tools designed for working with HTML5

Laconic DOM Library

justGage.com

Tempo :: The tiny JSON rendering engine by TwigKit

NProgress: slim progress bars in JavaScript

Marionette.js

_jQuery

jQuery Plugins

jQuery Credit Card Validator — Pawel Decowski

jQuery File Upload Demo

ddSlick - a jQuery plugin for custom drop down with images

Percentage Loader

Dan Palmer

JQuery UI

jQuery UI Bootstrap

jQuery 1.7 Cheatsheet by Future Colors

Fixing These jQuery | adam j. sontag

Sites

The Hand-picked jQuery Plugins Repo. Some of the best jQuery plugins of all time curated and immortalized!

JavaScript - MDN Docs

JavaScript Manual

Crockford on JavaScript: A Public Lecture Series at Yahoo!

How To Node - NodeJS

node.js

DailyJS: A JavaScript Blog

heatmap.js | HTML5 Canvas Heatmap Library

Ben Alman » Run jQuery Code Bookmarklet » Generate

Distributed Digital Music Archives & Libraries Lab | McGill University

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

ligature-js - JavaScript to convert text patterns into common typographic ligatures. - Google Project Hosting

yepnope.js | A Conditional Loader For Your Polyfills!

Modernizr

respond.min.js at master from scottjehl/Respond - GitHub

kangax/kratko.js - GitHub

andreasgal/pdf.js - GitHub

mockJSON - a jQuery plugin for mocking JSON and JSONP requests

Fathom.js

JavaScript Garden

Introduction -- Eloquent JavaScript

Mozilla Developer Network

JavaScript from Null: Video Series | Nettuts+

appendTo Developer Learning Center | Map your Learning

DataTables (table plug-in for jQuery)

Sugar: A simple Javascript library for working with native objects.

JS Bin - Collaborative JavaScript Debugging

JSHint, A JavaScript Code Quality Tool

jsPerf: JavaScript performance playground

jsdo.it - Share JavaScript, HTML5 and CSS

CreativeJS | The very best of creative JavaScript and HTML5

JS GooDies

The Javascript Show

jQAPI - Alternative jQuery Documentation

Tutorials, Articles

13 jQuery Visual Effects Tutorials That Can Help You More Effectively

Top 8 JavaScript Projects You May Not Know - Developer.com

24 JavaScript Best Practices for Beginners | Nettuts+

Useful JavaScript and jQuery Tools, Libraries, Plugins - Smashing Magazine

45 New jQuery Techniques For Good User Experience - Smashing Magazine

Spicing Up Your Website With jQuery Goodness - Smashing Magazine

Efficient JavaScript - Dev.Opera

Variable Scope In JavaScript :: WatchMeCode (ScreenCasts)

Lateral On-Scroll Sliding with jQuery | Codrops

Quick Tip: Get Gravatar Images from Emails with JavaScript

CSS3 iPhone Toggle Buttons « Martin Ivanov | CSS3, HTML5, JavaScript, AJAX and More

{errorception} blog: Writing Quality Third-Party JS - Part 1: The First Rule

A Beginner’s Guide To jQuery-Based JSON API Clients - Smashing Coding | Smashing Coding

File Formats - GitHub

Douglas Crockford's Javascript

learnJS

7 Resources Every JavaScript Developer Should Know | Accidental Technologist

Essential JavaScript And jQuery Design Patterns – A Free New Book

mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » 5 things they told you not to use in JavaScript

jQuery RegEx Examples to use with .match() | jQuery4u

JavaScript | Tagline election in progress…

Learning Advanced JavaScript

JavaScript & AJAX | Nettuts+

The Beginner's Guide to JavaScript Date and Time

Demos

Sinuous - An HTML5 canvas game. Avoid the red dots!

Up and Down the Ladder of Abstraction

Tools

SlowmoJS

Libraries

Underscore.js

XRegExp: JavaScript regex library

npm

Build Incredible Mobile Web Apps - Spine Mobile

Zepto.js: the aerogel-weight jQuery-compatible JavaScript library

3D

evanw.github.com/csg.js/

Backbone.js

addyosmani/backbone-fundamentals - GitHub

Backbone.js

Backbone patterns

DailyJS: Backbone.js Tutorial: Spies, Stubs, and Mocks

Books

JSbooks - free javascript books

Extjs

style - GWT Themes and Component Libraries - Stack Overflow

Extjs Themes Download

ExtJS 3.0 Themes | aKa Web Design

ExtJS 3.0 Theme Changer, by: SysCobra

extjs/extjs-theme - GitHub

Forms

50 Useful jQuery Plugins to Enhance your Forms - Noupe Design Blog

Local Storage

simsalabim.github.com/sisyphus/

Node JS

Node Tuts - Node.js Video Tutorials

Node.js Best Practices | Just Build Something

Performance

Introduction to JavaScript Source Maps - HTML5 Rocks

Snippets

JavaScript Form Validation : quick and easy!

jquery - Super simple email validation with javascript - Stack Overflow

regex - Validate email address in Javascript? - Stack Overflow

Tooltips

25 Cool jQuery Tooltip Plugins for Interactive Designs - tripwire magazine

Others

jQuery Menus with Stunning Animations - Noupe Design Blog

Sexy Drop Down Menu w/ jQuery & CSS - Noupe Design Blog

Absolute Floating Menu as jQuery plugin - Javascript Tricks and Code Examples

Setting Equal Heights with jQuery | Filament Group, Inc., Boston, MA

55 jQuery Animate Resources | Have Fun With jQuery Animate

Animated Scrolling for Same-Page Links » Learning jQuery - Tips, Techniques, Tutorials

MyjQueryPlugins : jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins

QUnit - jQuery JavaScript Library

Ajax Upload; A file upload script with progress-bar, drag-and-drop.

10 Best AJAX File Uploader for your Web Application | INSIC DESIGNS

Candy — a JavaScript-based multi-user chat client

jQuery.fracs · larsjung.de

jQuery Circulate

AnythingSlider | CSS-Tricks

What's a Closure?

Learning Three.js

Vivek's blog - Validators.js - javascript based form validation using jQuery

sebarmeli/JAIL - GitHub

5 Ways to Make Ajax Calls with jQuery | Nettuts+

Learn to code | Codecademy

jQuery.kinetic demos

Objects | JavaScript.ru

Creating custom objects in JavaScript

JavaScript tutorial - Creating objects

Creating Array Objects in JavaScript with JSON, JSON Tutorial

The Basics of Object-Oriented JavaScript | Nettuts+

Working with Objects - MDN Docs

spin.js

Sliding Download Button Using jQuery | Articles | Andrew Champ

Treesaver.js

rdallasgray/roto - GitHub

accounting.js - format money / currency in JavaScript

xkr.us / javascript / escape(), encodeURI(), encodeURIComponent()

BubblesJS - HTML5 Video Subtitles and Captions

scottjehl/Respond - GitHub

CoffeeScript

jQuery imagesLoaded

balupton/query-engine.npm - GitHub

ldapjs

Centrifuge Volleyball!

Supplement.js - JavaScript Extras

console4Worker - console API for worker - Jerome Etienne.js Blog

Pacmaze - a pacman in a maze

Responsive Image Gallery with Thumbnail Carousel | Codrops

My TXJS talk (Twitter remix) | Brendan Eich

Using Modernizr – Simple Guide and Examples

Why I don’t use Modernizr (yet) | css3files.com

Create An Animated Bar Graph With HTML, CSS And jQuery - Smashing Coding

jQuery BlockUI Plugin (v2)

jQuery Form Plugin

Content with Style - Long polling example with node.js

Realtime Messaging And Synchronization With NowJS And Node.js

The Best Way to Learn JavaScript | Nettuts+

A List Apart: Articles: Taking Advantage of HTML5 and CSS3 with Modernizr

jQuery Masonry

Isotope

Js2coffee: convert JavaScript code to CoffeeScript

HTML5 Video Face Detection with Canvas and Javascript | Wes Bos

Introducing Google JS Test - Google Open Source Blog

αlphaPun.ch

20 JavaScript Frameworks Worth Checking Out | Nettuts+

tcorral/Design-Patterns-in-Javascript - GitHub

Essential jQuery Plugin Patterns - Smashing Coding

Kern Type, the kerning game

LimeJS HTML5 Game Framework

dreamdust/sticky - GitHub

Kerning.js

How to Build a Sliding One Page Portfolio with jQuery

How to use Media Queries in JavaScript » SitePoint

Duck Hunt JS

How to Scrape Web Pages with Node.js and jQuery | Nettuts+

Olark | Something People Want

Message library

April/Zero

View.js — A simple, lightweight, jQuery photo viewer for the web

TodoMVC

String

JavaScript String Methods Reference | Impressive Webs

Analyzing Network Characteristics Using JavaScript And The DOM, Part 1 - Smashing Coding

jQuery Air - First Flight

JavaScript syntax tree visualization with Esprima | don't code today

Esprima: Parsing Demo

JSCheck

ES6 is Nigh by domenic

BonsaiJS - A Graphics Library

GitHub

DOMAssistant, the modular lightweight JavaScript library, with CSS selectors, event handling, AJAX and complete Unicode support

[Responsive Design]

Tools

Responsive Design Testing

Bricss - Simple responsive design test page

BenjaminKeen.com

Codebomber // Resizer

Screenqueri.es | Pixel Perfect Responsive Design Testing Tool

50 fantastic tools for responsive web design | Feature | .net magazine

Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions

The Responsinator

Responsivator

Responsive.is – Display and present responsive web designs

embedresponsively.com

Responsinator

Media Quries

Media Queries

Menu

Implementing Off-Canvas Navigation For A Responsive Website | Smashing Coding

Responsive Menu Concepts | CSS-Tricks

CSS: Responsive Navigation Menu

Images

Responsive Img - a jQuery Plugin for Responsive Images

scottjehl/picturefill · GitHub

Others

21 top tools for responsive web design | Feature | .net magazine

Adaptive Images in HTML

A List Apart: Articles: Responsive Web Design

Response Javascript: mobile-first progressive enhancement in HTML5.

ryanve/response.js - GitHub

Responsive web design is boring! | Opinion | .net magazine

Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together.

Ethan Marcotte's 20 favourite responsive sites | Feature | .net magazine

Responsive Advertising | Mark Boulton

320 and up

Responsive Web Design Tools, Techniques, Templates and Frameworks | The Design Work

24 Excellent Examples of Responsive Web Design | Inspiration

15 Responsive CSS Frameworks Worth Considering

jQuery Responsive Thumbnail Gallery Plugin

Adaptive layouts with media queries | Tutorial | .net magazine

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website - Smashing Coding

Fully fluid, responsive CSS carousel — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts

scottjehl/Respond - GitHub

24 ways: Adaptive Images for Responsive Designs

Overflow Image with vertical centering for Responsive Web Design

3 Things You Never Thought to Do With Media Queries | Design Shack

24 ways: Adaptive Images for Responsive Designs… Again

What The Heck Is Responsive Web Design?

Initializr: With Great Templates Comes Great Responsivity! | @verekia's blog

Responsive Web Design: 50 Examples and Best Practices - DesignModo

A List Apart: Articles: Responsive Images: How they Almost Worked and What We Need

Better background images for responsive web design » Blog » Elliot Jay Stocks

Responsive Navigation Patterns | Brad Frost Web

Pull Down for Navigation - Inspect Element

20 Useful jQuery Plugins for Responsive Web Design - DesignModo

A Simple Device Diagram for Responsive Design Planning | Metal Toad Media

CSScience - CSS3 Responsive Slider / Carousel Using Radio Buttons

Style Tiles

borismus/device.js

Building fast and responsive websites | Tutorial | .net magazine

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Build a responsive site in a week: designing responsively (part 1) | Tutorial | .net magazine

The state of responsive images | Feature | .net magazine

How to Turn Any Site Into a Responsive Site | Vandelay Design Blog

Media Queries for Standard Devices | CSS-Tricks

ResponsiveSlides.js · Responsive jQuery Slider & Slideshow

CSS Animations Media Queries

Wirefy | The Responsive Wireframe Boilerplate

Building A Responsive Layout With Skeleton | Webdesigntuts+

20 Free Responsive HTML & CSS Templates

Sequence.js - The Responsive Slider with Advanced CSS3 Transitions

10 Best Responsive CSS Frameworks For Web Design

Responsive Web Design Patterns | This Is Responsive

This Is Responsive | Tips, Resources and Patterns for Responsive Web Design

The Semantic Grid System

martinmartinmartin/breakpoint

Responsive Measure: A jQuery plugin for responsive typography

The top 25 responsive sites of 2012 | Feature | .net magazine

Using CSS Transitions in Responsive Web Design

Define :: Responsive

Techniques for mobile and responsive cross-browser testing: An Envato case study. - We build Envato

javascript - Why should I use Bower? - Programmers Stack Exchange

[Single Page Application]

Building Single Page Applications With jQuery’s Best Friends

Creating a Single Page Todo App with Node and Angular ♥ Scotch

AngularJS — Superheroic JavaScript MVW Framework

BOWER: A package manager for the web

Raphaël—JavaScript Library

Grunt: The JavaScript Task Runner

Knockout : Home

gulp.js - the streaming build system

dypsilon/frontend-dev-bookmarks · GitHub

Templating

JSON2HTML | Transform JSON to HTML

Back-End

[Rails]

dejan/rails_panel · GitHub

bbatsov/rails-style-guide · GitHub

bbatsov/ruby-style-guide · GitHub

MacPort MySQL “Can’t find file: ‘./mysql/host.frm’” Error | Preston Lee's Blog

sferik/rails_admin

Class: Puffer::ComponentGenerator — Documentation for puffer (0.1.1)

Ruby on Rails Guides

charliesome/better_errors · GitHub

How to install Ruby on Mac | Nettuts+

bbatsov/rails-style-guide · GitHub

bbatsov/ruby-style-guide · GitHub

How to install Ruby on Mac | Nettuts+

InstallRails

ActionController::StrongParameters

Extending an existing api template · fabrik42/acts_as_api Wiki · GitHub

Rails 3 has_and_belongs_to_many migration - Stack Overflow

rails/rails

Active Record Validations — Ruby on Rails Guides

acts_as_api

nesquena/rabl · GitHub

Developing Backbone.js Applications -

[PHP]

_Wordpress

Plugins

Real Estate

WordPress › WP-Property - WordPress Powered Real Estate and Property Management « WordPress Plugins

5+ Excellent WordPress Real Estate Plugins // Slashmarks

XML Importer

WordPress › Advanced XML Reader « WordPress Plugins

WordPress › XML-ify WordPress Multiple Posts « WordPress Plugins

Add Galleries to WP Posts

WP MySQL Admin | Tutorboy Apps

WordPress › WP Clone by WP Academy « WordPress Plugins

Free Google Webfonts plugin for WordPress | Webdesigner Depot

Articles/Tutorials

How to become a Wordpress Ninja in 15 minutes by SEO Takeaways

Sight: Free WordPress 3.0.1-Ready Theme For Magazines and Blogs - Smashing Magazine

Free Dark and Clean WordPress Theme: Designpile - Smashing Magazine

Hardening WordPress Security: 25 Essential Plugins + Tips

Advanced Layout Templates In WordPress' Content Editor

Themify : Awesome WordPress Themes

Hacks, Snippets and Articles | WordPress Snippets

WP Remote | Just another WordPress webapp

HTML5 Blank WordPress Theme by Todd Motto

bbPress.org

_Magento

Introducing The Magento Layout | Smashing Coding

Magento install error - Exception printing is disabled « HostGator.com Support Portal

Magento - Wiki - Customizing Onepage Checkout - Remove login

Magento Go - Working with Product CSV Files

Documentation | Guides

PHP: The Right Way

Live Chat

PHP Live! Support, Live Support Chat Solution

Live Chat, Chat Software, Live Chat Software, Website Live Chat | WebsiteAlive

Provide Support ™ - Live Chat Software for Live Support and Live Help

Live Chat - Talk with your users in real time. | CoffeeCup Software

Live Chat Software, Live Support Software, Live Help Software

Olark | Real-time chat and monitoring of your website visitors through Google Talk and Jabber

Find the best PHP MySQL Code examples, Tutorials, Classes and more web development resources

Articles and Tutorials - PHP: A simple MySQL search

php search script - php search engine - php mysql site search

Creating a Fancy Search Feature with PHP,Mysql and Jquery

How do I find unused functions in my PHP project? at Andrey Butov

PHP Class Scripts, PHP Tutorials, PHP Book Reviews, PHP Jobs, PHP Professionals, PHP User Groups, PHP Forums, Web hosting comparisons - PHP Classes

iamcal.com - publish

A Guide To PHP Error Messages For Designers - Smashing Coding

10 Websites to download PHP scripts

PHP Error | error reporting for PHP

Projects

generator-smacss

How To Use npm to Build and Publish Node.js Packages on a Linux Server | DigitalOcean

Creating and publishing a node.js module | Quick Left

generator-webapp/index.js at master · yeoman/generator-webapp

generator-gulp-webapp/index.js at master · yeoman/generator-gulp-webapp

CSS-only Weather App Concept

Weather App

Pure CSS One Div Weather Animated Icons

Dribbble - Los Angeles, CA by Julia Khusainova

Dribbble - Weather App by Hila Peleg

Dribbble - iPhone Weather App by Eric Hoffman

simpleWeather.example.js (Multiple Locations)

Two way binding using Rivets.js + WatchJS - JSFiddle

Products

Let's Chat — Self-hosted chat for small teams

That JS Dude

Bower: Why Front-End Needs a Package Manager — Frontend Babel

Quick Tip: How to Work with GitHub and Multiple Accounts - Tuts+ Code Tutorial

HTML5 Rocks - How Browsers Work: Behind the Scenes of Modern Web Browsers

Learning JavaScript Design Patterns

Understanding CSS 3D-Transforms | Pencil Scoop | Web Design & Development

The Box — Chapter 1 — Magic of CSS — Adam Schwartz

Understanding Event Delegation | jQuery Learning Center

Tutorial | React

AllThingsSmitty/must-watch-javascript

Weather app – Concept by Júlia Mattos

Noah Stokes | Es Bueno / Self-Executing Anonymous Functions or How to Write Clean Javascript

Issue 379167 - chromium - JS KeyboardEvent don't propagate keycode on Android - An open-source project to help move the web forward. - Google Project Hosting

Issue 118639 - chromium - keydown and keyup events do not have proper keyCode (it's always 0) - An open-source project to help move the web forward. - Google Project Hosting

javascript - keycode is always zero in Chrome for Android - Stack Overflow

Why you should be excited about CSS shapes

Top 10 Mistakes Node.js Developers Make

Intro | DocPad | DocPad - Streamlined Web Development

jQuery Mobile 1.4 Supported Platforms | jQuery Mobile

Graded Browser Support · yui/yui3 Wiki · GitHub

api.tfl.gov.uk

Journey results - Transport for London

GulpJS + SASS + BrowserSync ftw

en-js-p1.pdf

CSS Triggers...

Deployment

Capybara

RSS Fetcher

FeedEk jQuery RSS/ATOM Feed Plugin

WordPress › Support » Can't find my RSS feed link

Sonic & The State Of Spinners – James Padolsey

Cucumber - Making BDD fun

jQuery UI Touch Punch - Touch Event Support for jQuery UI

12 Excellent WP Plugins to Optimize Images Performance

WordPress: Loading jQuery correctly, version 2 » Ben Everard, Web Developer

javascript - How do i position a lightbox/div popup so that it comes in the center of the viewport in an iframe - Stack Overflow

3 Ways to Preload Images with CSS, JavaScript, or Ajax : Perishable Press

Pure

Styleguide

Thoughts For Better Variable Organization In SASS - Vanseo Design

Slides - The easiest way to create and share beautiful presentations.

Dropbox - Books

conoverqa.sourcebits.com/api/fcs/reports.html?user_id=4e85c7aa37203f763c000018&token=4e85c7aa37203f763c0000184f7ae0c877796b39c6000001

Capybara

Form Follows Function

Airbrake: The error app.

A Couple of Use Cases for Calc() | CSS-Tricks

25 Essential Sass and Compass Tools

Nifty Modal Window Effects

Building Apps For Firefox OS, Chrome OS And The Web – TNG - The Nitty Gritty

imageloader

Interactive Data Visualization for the Web

HTML5 Canvas

Interactive Data Visualization for the Web

Canvas Sparkle Light Trail - CodePen

Learning JavaScript Design Patterns

Floobits: Cross-editor real-time collaboration

3D CSS Tester

Tridiv | CSS 3D Editor

Talks | Webstock

Solved By Flexbox — Cleaner, hack-free CSS

DevDocs

Chrome DevTools for Mobile: Screencast and Emulation - HTML5 Rocks

Shadow DOM CSS Cheat Sheet | Rob Dodson talks internets

GhostRunner

An Introduction to APIs - Zapier

Evernote Tech Blog | The Care and Feeding of Elephants

Stop More Bugs with our Code Review Checklist - Fog Creek Blog

HackerNews/API

developers | npm Documentation

ZenHub.io - Agile Project Management inside GitHub

Barter.Li

10x14

Considering a Static Site Tool? Learn Gulp. — Objects in Space — Medium

A Beautifully Productive Terminal Experience - Mike Buss

chromium/src - Git at Google

Chrome DevTools Overview - Google Chrome

Taking Chrome DevTools outside of the browser. — Kenneth Auchenberg

CSS Triggers...

nsisodiya/watchjs-adapter-for-rivetsjs