Skip to content
Curated list of recommended resources for frontend-development
Pull request Compare This branch is 53 commits ahead, 33 commits behind SirPepe:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
README.md

README.md

Frontend Development Resources

Documentations and specifications

English

German


Basic infos about CSS and HTML

English

German


Selectors


Forms

English

German


Accessibility

English

German


Responsive Webdesign


Flexbox


SVG

SVG in general

SVG Icons


The Shadow DOM

HTML5-Rocks in a short series

Other articles and lists


Basics about JavaScript

English

German


JavaScript libraries


jQuery


Browser-specific informations


Compatibility tables


Performance

English

German


Sass and Compass


Node.js


Bower

English

German


Grunt

English

German


Fonts, Webfonts and Iconfonts


Cheat sheets


Tools

Coding Sandboxes

CSS3 click & run

  • 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

Other Tools


Guides and coding standards


Demos and experiments


Single articles of importance


Blogs


Testing mobile Devices


Styleguides / Pattern Libraries


Colors


Which capabilities has my browser/device?


Design and UX

Something went wrong with that request. Please try again.