Skip to content
Curated list of recommended resources for frontend-development http://jensgro.github.io/Frontenddevelopment-Resources/
Find file
Pull request Compare This branch is 51 commits ahead, 33 commits behind SirPepe:master.

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


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.