Awesome Frontend Links

Awesome collection of frontend stuff. Utiltiies, articles, libraries, cool tools, demos, and more...

• http://en.wikipedia.org/wiki/ECMAScript
• Script Loaders: http://www.netmagazine.com/features/essential-javascript-top-five-script-loaders
• http://jquery.com/
• http://jsfiddle.net/
• http://backbonejs.org/
• http://coffeescript.org/
• http://karma-runner.github.io/0.8/index.html
• http://www.typescriptlang.org/
• http://gruntjs.com/
• http://rtomayko.github.com/rocco/
  • Ruby version of http://jashkenas.github.com/docco/
• Testing:
  • http://mochajs.org/
  • http://qunitjs.com/
  • http://phantomjs.org/
  • http://www.browserstack.com/
  • https://saucelabs.com/
• http://swarm.jquery.org/
• http://brunch.io/
• http://yeoman.io/
• Debugging minified JS: http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
• http://d3js.org/
• Asset packer for Rails: http://documentcloud.github.com/jammit/
• https://github.com/huffpostdata/screenshooter
• http://modernizr.com/
• http://codecanyon.net/item/owl-unobtrusive-css3-notifications/408575
• http://handlebarsjs.com/
• http://foundation.zurb.com/
• Video Players
  • http://videojs.com/
  • http://mediaelementjs.com/
  • http://www.jwplayer.com/
  • http://flowplayer.org/
• http://marionettejs.com/
• Sliders
  • http://dev7studios.com/nivo-slider/
• WYSIWYG Editors
  • http://imperavi.com/redactor/
  • http://www.tinymce.com/
• Help screen highlighting: http://usablica.github.io/intro.js/
• Angular.js Resources
  • http://angularjs.org/
  • Tutorial on Angular: http://egghead.io/
  • AngularJS Debug: https://github.com/angular/angularjs-batarang
  • Best Practice Recommendations for App Structure: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub
• Themes: https://wrapbootstrap.com/themes/admin
• Frontend Design: http://webflow.com/
• Tag/select box: http://harvesthq.github.io/chosen/
• http://mootools.net/
• http://susy.oddbird.net/
• http://sailsjs.org/
• http://www.iconspedia.com/
• http://tridiv.com/
• http://noflojs.org/
• https://www.intercom.io/
• https://togetherjs.com/
• 80's Typography in CSS: http://codepen.io/boldfacedesign/details/EoGgD
• On-screen feature tour: https://github.com/persille/whatsNew
• http://bashooka.com/coding/css-tools-2014/
• Animation Tools
  • http://julian.com/research/velocity/
  • http://bourbon.io/
  • http://ricostacruz.com/jquery.transit/
• https://github.com/airbnb/javascript
• Email Tools
  • https://www.campaignmonitor.com/css/
• Readme.io - Documentation made easy
• Cachet HQ - Simple status/incident pages

Interesting Reads and Articles

• Reusable Abstractions in CoffeeScript
• Symmetry in ES6
• Strategies for Staying on Top of Web Performance
  • Chrome DevTools: State of the Union 2015
  • Wikipedia Performance Audit
• 3 Things Almost No One Knows About CSS