- DevDocs - Another nice and fast frontend for the Mozilla Docs about HTML, CSS, JS, DOM and the jQuery-docs, too
- HTML5 Web Developer Edition
- The Web platform: Browser technologies - huge linklist for all modern webtechniques
- Annotated ECMAScript 5.1
- HTML5Doctor - Element index
- CSS3-Files
- The Current State of HTML5-Forms - All new form-types and attributes are documented and constantly tested in the browsers if and why the new techniques are implemented.
- HTML5Doctor
- HTML5rocks
- The Shapes of CSS - Build hearts and other shapes only with CSS.
- CSS-101 Basic informations about CSS with little tests.
- CSS-Discuss Wiki - Wiki of the internationally used mailing-list "css-discuss".
- All about floats
- HTML5 & CSS3 Fundamentals: Development for Absolute Beginners - 21 videos from Microsoft about frontend development.
- Learn CSS Layout
- Web Do's and Don'ts
- Learn to Code HTML & CSS
- An Advanced Guide to HTML & CSS
- Modern CSS Layouts: The Essential Characteristics
- Interactive box-model demo
- A To Z CSS (short videotutorials)
- CSS Specificity Graph Generator
- HTML5 Video Events and API - This page demonstrates the new HTML5 video element, its media API, and the media events.
- Reine Formsache - Umfangreiche Darstellung über die wichtigsten Aspekte der Erstellung und Gestaltung von Formularen
- Barrierefreie Datentabellen
- Learn CSS-Selectors
- CSS3 structural pseudo-class selector tester - testing the new pseudoclasses :nth-child, :nth-last-child, :nth-of-type and :nth-last-of-type
- The specificity calculator tells you, which specificity your selectors have.
- List of pseudoselectors in IE
- :nth-Tester
- nth-Test
- The ultimate overview for the new HTML5-formelements
- The Shadow-DOM
- HTML5 Placeholder Styling with CSS
- List of Pseudo-Elements to Style Form Controls
- CSS3 Pseudo-Classes and HTML5 Forms
- HTML5 Form Validation Examples
- HTML5 Form Errors With CSS3
- formFive - Polyfill for legacy-browsers
- On the styling of forms
- New Form Features in HTML5
- Numeric Inputs – A Comparison of Browser Defaults
- Reine Formsache - der Überblick über Formulare
- Formularelemente nebeneinander in gleicher Höhe - (und Farbe der Placeholder-Attribute kontrollieren)
- WCAG 2.0
- WCAG2 Techniques
- Using WAI-ARIA in HTML
- The Accessibility Project
- WCAG Cheat Sheet
- WCAG 2 Quick Reference
- HTML5Accessibility
- Web Accessibility Tutorials
- HTML5 Accessibility Chops: hidden and aria-hidden
- The state of hidden content support in 2016
- Notes on Using ARIA in HTML
- This is responsive - patterns, resources, news
- MQtest.io - A simple tool to help identify which media queries your device responds to.
- Palm Reader - Showing what @media features your device can and can't see
- Device pixel density tests
- dpi love - get the dpi (ppi) calculated out of the monitor's dimensions
- Responsive Navigation extensive examples of responsive navigations
- Media Query & Asset Downloading
- A complete guide to Flexbox
- Solved by Flexbox
- Flexbugs - A list of flexbox issues and cross-browser workarounds for them.
- Flexbox Cheatsheet
- A Visual Guide to CSS3 Flexbox Properties
- Using CSS flexible boxes - Web developer guide | MDN
- The Ultimate Flexbox Cheat Sheet
- Flexbox Patterns
- Responsive Design of the Future with Flexbox
- small and interactive flexbox-demo (the same with the source code)
- Flexplorer - Dive in to and explore the wonders of the CSS3 Flexible Box model.
- Fixed with Flexbox by matt-soria
- flexbox in 5 minutes
- CodePen - Flexbox Properties Demonstration
- A Compendium of SVG Information
- SVG on the Web
- Articles from Sara Soueidan
- Using SVG
- A guide to SVG elements
- Structuring, Grouping, and Referencing in SVG — The , , and Elements
- SVG can do that ?!? - presentation on the many possibilities with SVG
- An Overview of SVG Sprite Creation Techniques
- SVG
use
with External Reference, Take 2 - SVG
symbol
a Good Choice for Icons - Case Study: Our SVG Icon Process
- SVG-sprite
- SVG Icons FTW
- The Shadow-DOM
- Overview to pseudoelements
- Shorter list of pseudoelements
- List of Pseudo-Elements to Style Form Controls
- Eloquent JavaScript
- Learning JavaScript Design Patterns
- JavaScript For Cats
- JavaScript Guide - Basic tutorials by Mozilla.
- Javascript Fundamentals: Development for Absolute Beginners - 21 tutorial videos by Microsoft.
- Perpetuating terrible JavaScript practices- this article highlights some very basic errors in JS that won't die
- Extensive linklist about everything JavaScript
- Einführung in JavaScript - German
- Die Grundlagen von JavaScript - German
- html5shiv - Enables the new HTML5 elements in IE < 9
- Prefix Free - Automatic vendor prefixes for CSS3
- HTML5 Cross Browser Polyfills
- JSWiki - huge linklist
- jQuery Fundamentals
- jQuery Selectors - test all the possible jQuery selectors on one page
- jQAPI - Alternative jQuery Documentation
- Commonly Confused Bits Of jQuery
- Learning jQuery with Street Fighter and Hadoukens - an interactive intro into jQuery
- IE Platform Status - which features (HTML, CSS, JS) are built in IE, are yet planned or developed. For each feature the support in Chrome, Firefox and Safari is noted, too.
- Chromium Dashboard - status of implementation of features (HTML, CSS, JS) in Blink (Chrome and Opera). Implementation status in IE, Firefox and Safari is noted, too.
- Introduction to Filters and Transitions - Dive into the early ideas of CSS3, as they still were IE-specific filters. They can help you mimic CSS3 for oldIE
- Webkit CSS properties - all webkit-specific CSS-properties with explanatory pages
- Webkit Extensions - all webkit-specific CSS-properties with explanatory pages
- Mozilla CSS Extensions - all Mozilla-specific CSS-properties with explanations
- CSS Compatibility and Internet Explorer - Which properties does IE support since which version? First-hand informations from Microsoft
- webbrowsercompatibility.com - Compatibility tables showing support for front-end technologies in web browsers
- Browserhacks.com - extensive list of hacks and filters to separate browsers regarding version numbers
- smaller List of CSS-Hacks
- virtual IE-machines - free virtual machines provided by Microsoft, even for OSX and Linux
- The Android Browser - presentation about the very disparate Webkit-/Blink-platform on mobile devices
- box-shadow versus box-shadow - a comparison of box-shadows in different browsers
- When can I use... - Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
- On Mobile I Want to Use - click on features and get displayed how far these techniques are supported on mobile. Uses CanIUse-data!
- The Current State of HTML5 Forms - Browser support for the different features of HTML5 forms
- ECMAScript 5 compatibility table
- CSS3 Click-chart
- HTML5please
- MobileHTML5.org - Which feature is supported from which mobile device?
- Linkhub for all things performance
- Book of speed
- Faster Websites: Crash Course on Web Performance
- Web Performance 101: An opinionated guide to the 22 links every developer should read
- 14 Rules for Faster-Loading Web Sites
- CSSTriggers - Reference about which effect on performance the changing of various CSS properties has.
- Ladezeitenoptimierung - German
- Sass - project page
- Compass - project page
- Compass Reference Browser
- Better Sass Docs
- Stitch - a CSS pattern framework for Compass
- Bourbon - collection of mixins
- Zocial - CSS3 buttons
- Sassy buttons
- Font-icons - Compass font-icons generator
- Sassmeister - convert Sass into CSS online for demo purposes
- SassBin - HTML/CSS/Sass-Sanbox with Compass-integration
- Presentation of Chris Eppstein about technical details of Sass and Compass
- A directory of Sass and Compass Extensions
- Sass Guidelines
- Nodeschool
- Mixu's Node book
- Node.js vs. PHP
- An Introduction to Node.js for Front-End Developers
- Node: Up and Running
- Meet Bower: A Package Manager For The Web
- Twitter Bower & Grunt: Get started with assets management
- Package Management for the Browser with Bower
- Bower, an assets package manager
- Using Bower with Sass and Compass
- A build tool for front-end projects
- Speed Up Your Web Development Workflow with Grunt
- A tutorial for getting started with Grunt
- Grunt-Presentation
- Grunt.js Workflow
- Workflow Automation with Grunt
- Grunt Tips and Tricks
- Grunt Tricks: Part One
- Custom jQuery Builds with Grunt
- (Bessere) Projekt-Pakete schnüren mit Grunt
- Grunt workflow inklusive Bildoptimierung
- Mein neues Build-Tool: Grunt
- Grunt: LiveReload reloaded
- We love Iconfonts
- Font Custom - Generate custom icon webfonts from the comfort of the command line.
- Fontello - icon fonts generator
- FontSquirrel
- The League of Moveable Type
- IcoMoon - Browse and select icons to download them or make a font. You may import SVG images or fonts too.
- Favicon-Generator
- Another Favicon-Generator
- Font Family Reunion - font-to-font mapping on different OS?
- Font Library - An open source project to tag and organize Google Fonts.
- HTML5 Security Cheatsheet
- HTML5 Canvas Cheat Sheet
- Animatable Properties - Which properties can be animated with CSS3?
- Easing functions - in CSS, SCSS and JavaScript
- jsFiddle
- Dabblet
- JSBin
- Codepen
- CSSDeck
- Sassmeister - convert Sass into CSS online for demo purposes
- Regexr - testing regular expressions live
- css3.mikeplate.com - border-radius, box-shadow, text-shadow, transforms, columns, gradients, border, outline, multiple backgrounds
- CSS3Maker - border-radius, gradients, transforms, animations, transition, rgba, text-shadow, box-shadow, text-rotation, @font-face
- CSS3 Animations
- Colorzilla Gradient Editor - Create your gradients just like your browser and grab the code. The tool produces the final W3C-syntax and can create filters for the older IE and an SVG for IE9.
- i2Style - create buttons with CSS3 inside your browser with ease
- Want to play with box-shadow to understand, how it works?
- Select animations and take the necessary code with you
- DataURI-converter - Drag an image inside your browser and grab the data-uri. Unfortunataly this technique doesn't work in IE preceding version 8.
- base64-converter for images
- rgab-argb-converter - Convert rgba to a hex-color that you can insert into an IE-filter.
- htaccess-editor
- Table styler
- Nice Entity - Quick References of Most Common Entities
- csscss - find redundant rules in your CSS
- Emmet - the former zen-coding helps you coding faster in your editor or IDE
- Extensive linklist about (unixoid) shells
- CSS clip-path maker
- Principles of writing consistent, idiomatic JavaScript
- Principles of writing consistent, idiomatic CSS
- Front-end Code Standards & Best Practices
- Front end styleguides and pattern libraries - very extensive list
- HTML 5 Demos and Examples
- HTML5 - Information and samples for HTML5 and related APIs
- CSS3 - Information and samples
- DOCTYPEhtml.net HTML5- and CSS3-Demos
- isithackday (experiments by Chris Heilmann)
- Demos and Experiments by Mozilla
- ZURB Playground
- The Web rocks! - Demos made by Chris Heilmann
- html5-demos.appspot.com
- HTML5-Laboratory
- Play with units for CSS-Transforms
- New form features in HTML5
- Profiling CSS for fun and profit - Detailed analysis of the performance aspects of CSS3-properties.
- What the Heck is Shadow DOM?
- @font-face gotchas
- A complete guide to the table-element
- Overview of placeholder-image services
- CSS-Tricks
- Smashingmagazine
- Peter Kröner - German
- Overview of Pattern Library Generators
- Styleguide Generator Roundup
- Flatdoc
- Daux.io
- Styledocco
- KSS - Knyle Style Sheets
- Kalei Style Guide
- Style-Guide-Boilerplate
- hologram
- Website Style Guide Resources
- Colorscheme Generator
- Colors of bigger websites v1
- Colors of bigger websites v2
- Adobe Kuler
- Color Hunt - Curated collection of beautiful colors, updated daily.
- MyDevice.io
- Device pixel density tests
- Viewportsizes
- What's my UserAgent?
- What's my browser?
- WhichBrowser - Which browser do I have and how does it identify itself? This site has an extensive database and an API.
- HTML5-Test
- Can I Use
- Tinytype - A compatibility table showing the available default system fonts across different mobile platforms.
- What CSS to prefix?