Skip to content

Instantly share code, notes, and snippets.

@laiwei

laiwei/frontendDevlopmentBookmarks.md

Forked from dypsilon/frontendDevlopmentBookmarks.md
Created June 23, 2013 02:52
Show Gist options
  • Save laiwei/5843577 to your computer and use it in GitHub Desktop.
Save laiwei/5843577 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Dmytro Navrotskyy revised this gist Jun 22, 2013. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,6 +6,8 @@

    This page is not maintained anymore, please update your bookmarks.

    -------------------------------------------------------

    + Guides
    + [Hack Design](http://hackdesign.org/courses/)
    + [Designer School](http://designer-school.com/)
  2. Dmytro Navrotskyy revised this gist Jun 22, 2013. 1 changed file with 5 additions and 2 deletions.
    7 changes: 5 additions & 2 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,10 @@
    # Frontend Development

    **Attention**: the list was moved to https://github.com/dypsilon/frontend-dev-bookmarks
    This list is not maintained anymore, please update your bookmarks.
    **Attention**: the list was moved to

    [https://github.com/dypsilon/frontend-dev-bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)

    This page is not maintained anymore, please update your bookmarks.

    + Guides
    + [Hack Design](http://hackdesign.org/courses/)
  3. Dmytro Navrotskyy revised this gist Jun 22, 2013. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,7 @@
    # Frontend Development

    **Attention**: if you attempt to fork this gist, github will think that you are a spammer and you will have to confirm that you are human with them. Apparantly there are too many links in this list. Also I update it rather frequently (see revisions on the left), so it's probably wise to not fork it anyway.
    **Attention**: the list was moved to https://github.com/dypsilon/frontend-dev-bookmarks
    This list is not maintained anymore, please update your bookmarks.

    + Guides
    + [Hack Design](http://hackdesign.org/courses/)
  4. Dmytro Navrotskyy revised this gist Jun 22, 2013. 1 changed file with 15 additions and 3 deletions.
    18 changes: 15 additions & 3 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -75,13 +75,15 @@
    + [Book: Developing Backbone.js Applications](http://addyosmani.github.com/backbone-fundamentals/)
    + [Unsuck your backbone](https://speakerdeck.com/ammeep/unsuck-your-backbone)
    + [A Visual Guide to Marionette.js Views](http://blog.artlogic.com/2013/03/26/a-visual-guide-to-marionette-js-views/)
    + [Meteor](http://meteor.com/)
    + [Best Learning Resources for Meteor.js](http://yauh.de/articles/376/best-learning-resources-for-meteorjs)
    + [React](http://facebook.github.io/react/) by Facebook
    + [Flight](http://twitter.github.io/flight/) is an event-driven web framework, from Twitter
    + [Singool.js](http://fahad19.github.com/singool/) Lightweight JavaScript framework for developing single-page web applications
    + [Knockout](http://knockoutjs.com/): Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern
    + [Sammy.js](http://sammyjs.org/) is a tiny JavaScript framework developed to ease the pain and provide a basic structure for developing JavaScript applications.
    + [Ember.js](http://emberjs.com/): A framework for creating ambitious web applications.
    + [Meteor](http://meteor.com/)

    + [Maria](https://github.com/petermichaux/maria): The MVC framework for JavaScript applications. The real MVC. The Smalltalk MVC. The Gang of Four MVC.
    + [Terrific Composer](http://terrifically.org/composer/) is a Frontend Development Framework specifically designed for building deluxe frontends based on the [Terrific concept](http://terrifically.org/)
    + [Rivets.js](http://rivetsjs.com/): Lightweight and powerful data binding + templating solution for building modern web applications.
    @@ -276,6 +278,13 @@
    + [xui](http://xuijs.com/): a super micro tiny dom library for authoring html5 mobile web applications.
    + [Tire](http://tirejs.com/) offers a more lightweight alternative to libraries such as jQuery, Prototype and Zepto.
    + Typography
    + [Quick guide to webfonts via @font-face](http://www.html5rocks.com/en/tutorials/webfonts/quick/)
    + [How To Achieve Cross-Browser @font-face Support](http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/)
    + [Google Fonts](http://www.google.com/fonts/)
    + [Adobe Edge Web Fonts](http://html.adobe.com/edge/webfonts/): Get started with free web fonts.
    + [Edge Web Fonts Website](https://edgewebfonts.adobe.com/fonts)
    + [Typekit](https://typekit.com/): easy way to use commercial web font on your site.
    + [Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite](http://media.24ways.org/2007/17/fontmatrix.html)
    + [Typeset.css](http://joshuarudd.github.com/typeset.css/)
    + [typecast](http://beta.typecastapp.com/experiment-with-type)
    + [CSSTypography](http://tilomitra.github.io/csstypography/)
    @@ -320,6 +329,7 @@
    + CSS
    + [Understanding border-image](Understanding border-image)
    + [What No One Told You About Z-Index](http://philipwalton.com/articles/what-no-one-told-you-about-z-index/)
    + [Principles of writing consistent, idiomatic CSS](https://github.com/necolas/idiomatic-css)
    + JavaScript
    + [Javascript Closures](http://jibbering.com/faq/notes/closures/)
    + [Combinator Recipes for Working With Objects in JavaScript](https://github.com/raganwald/homoiconic/blob/master/2012/12/combinators_1.md)
    @@ -356,6 +366,7 @@
    + [Vid: Monads and Gonads (YUIConf Evening Keynote)](http://youtu.be/dkZFtimgAcM)
    + HTML
    + [Book: Dive into HTML5](http://diveintohtml5.info/)
    + [Principles of writing consistent, idiomatic HTML](https://github.com/necolas/idiomatic-html)
    + Higher Level Languages
    + [Dart](http://www.dartlang.org/): Typed language compiled to JavaScript. By Google.
    + [Sass](http://sass-lang.com/) is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
    @@ -441,7 +452,7 @@
    + [DopelessRotate](http://www.dopeless-design.de/dopeless-rotate-jquery-plugin-360-degrees-product-viewer.html)
    + [jQuery Addresspicker](http://mngscl-10.s3-website-us-east-1.amazonaws.com/jquery-addresspicker-bootstrap/demos/index.html)
    + [Fangle](http://jotux.github.io/fangle/): create interactive documents from plain text.
    + Visualisation
    + Visualization
    + [Photon](https://github.com/thomasxiii/photon)
    + [CSS3 shapes](http://www.css3shapes.com/)
    + [Morris.js](http://oesmith.github.com/morris.js/)
    @@ -469,6 +480,7 @@
    + [Timeline.js](https://github.com/VeriteCo/TimelineJS): A Storytelling Timeline built in JavaScript.
    + [xCharts](http://tenxer.github.com/xcharts/) is a JS library for creating attractive, custom data-driven chart visualizations. It uses HTML, CSS, and SVG to create dynamic, fluid charts that can be easily customized and integrated.
    + [jQuery Gantt editor](http://roberto.open-lab.com/2013/01/28/jquery-gantt-editor-include-today/)
    + [amCharts](http://www.amcharts.com/) is a robust charting tool that will suit any dataviz need.
    + Validation & Forms
    + [ALAJAX](http://www.alajax.com/)
    + [Parsley.js](http://parsleyjs.org): Validate your forms, frontend, without writting a single line of javascript!
    @@ -544,7 +556,7 @@
    + [Rainbow.js](http://craig.is/making/rainbows)
    + [Intelligist](http://srobbin.com/jquery-plugins/intelligist/)
    + [Prism.js](http://prismjs.com/)
    + [Brackets](https://github.com/adobe/brackets)
    + [Brackets](https://github.com/adobe/brackets): An open source code editor for the web, written in JavaScript, HTML and CSS by Adobe.
    + [CodeMirror](http://codemirror.net/)
    + [Scripted](https://github.com/scripted-editor/scripted)
    + [tabIndent.js](http://julianlam.github.com/tabIndent.js/)
  5. Dmytro Navrotskyy revised this gist Jun 22, 2013. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -450,7 +450,7 @@
    + [D3.js](http://d3js.org/)
    + [Introduction to D3](http://www.janwillemtulp.com/2011/03/20/tutorial-introduction-to-d3/)
    + [Interactive D3 Tutorial](http://vogievetsky.github.com/IntroD3/)
    + [NVD3](http://novus.github.com/nvd3/)
    + [NVD3](http://nvd3.org/)
    + [Crossfilter](http://square.github.com/crossfilter/)
    + [Datavisualization.ch](http://selection.datavisualization.ch/)
    + [jQuery.Gantt](http://taitems.github.com/jQuery.Gantt/)
    @@ -739,8 +739,9 @@
    + Critic
    + [Javascript Cryptography Considered Harmful](http://www.matasano.com/articles/javascript-cryptography/)
    + [Final post on Javascript crypto](http://rdist.root.org/2010/11/29/final-post-on-javascript-crypto/)
    + Layouts
    + Layout
    + [Shapeshift](https://github.com/McPants/jquery.shapeshift) is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest.
    + [CollagePlus](http://ed-lea.github.io/jquery-collagePlus/): This plugin for jQuery will arrange your images to fit exactly within a container.
    + Misc
    + [zip.js](http://gildas-lormeau.github.com/zip.js/)
    + [simpleCart.js](http://simplecartjs.org/)
  6. Dmytro Navrotskyy revised this gist Jun 21, 2013. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,7 @@
    # Frontend Development

    **Attention**: if you attempt to fork this gist, github will think that you are a spammer and you will have to confirm that you are human with them. Apparantly there are too many links in this list. Also I update it rather frequently (see revisions on the left), so it's probably wise to not fork it anyway.

    + Guides
    + [Hack Design](http://hackdesign.org/courses/)
    + [Designer School](http://designer-school.com/)
  7. Dmytro Navrotskyy revised this gist Jun 21, 2013. 1 changed file with 24 additions and 18 deletions.
    42 changes: 24 additions & 18 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,14 +5,16 @@
    + [Designer School](http://designer-school.com/)
    + [TheExpressiveWeb](http://beta.theexpressiveweb.com/)
    + [Talks To Help You Become A Better Front-End Engineer In 2013](http://www.smashingmagazine.com/2012/12/22/talks-to-help-you-become-a-better-front-end-engineer-in-2013/)
    + [Web Development Teaching Materials](http://www.teaching-materials.org/)
    + Architecture
    + [BEM](http://bem.info/method/)
    + [Atomic Design](http://bradfrostweb.com/blog/post/atomic-web-design/)
    + [Github](https://github.com/bradfrost/patternlab)
    + [Video](http://www.besquare.me/session/atomic-design/) + [Slides](http://de.slideshare.net/bradfrostweb/atomic-design)
    + [Atomic Design: Some Thoughts and One Example](http://15four.com/2013/05/29/atomic-design-some-thoughts-and-one-example/)
    + [Atomic Design Makes Me Feel Like a Chemist](http://notebookandpenguin.com/atomic-design-makes-me-feel-like-a-chemist/)
    + [Aura](http://aurajs.github.io/aura/)
    + [Aura](http://aurajs.github.io/aura/) a is an event-driven architecture for developing scalable applications using reusable widgets.
    + [Terrific.js](http://terrifically.org/) provides you a Scalable Javascript Architecture, that helps you to modularize your jQuery/Zepto Code in a very intuitive and natural way
    + [Patterns For Large-Scale JavaScript Application Architecture](http://addyosmani.com/largescalejavascript/)
    + [Video: Nicholas Zakas: Scalable JavaScript Application Architecture](http://www.youtube.com/watch?v=vXjVFPosQHw)
    + [Book: Learning JavaScript Design Patterns](http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/)
    @@ -72,17 +74,16 @@
    + [Unsuck your backbone](https://speakerdeck.com/ammeep/unsuck-your-backbone)
    + [A Visual Guide to Marionette.js Views](http://blog.artlogic.com/2013/03/26/a-visual-guide-to-marionette-js-views/)
    + [React](http://facebook.github.io/react/) by Facebook
    + [Singool.js](http://fahad19.github.com/singool/)
    + [Knockout](http://knockoutjs.com/)
    + [Sammy.js](http://sammyjs.org/)
    + [Ember.js](http://emberjs.com/)
    + [Flight](http://twitter.github.io/flight/) is an event-driven web framework, from Twitter
    + [Singool.js](http://fahad19.github.com/singool/) Lightweight JavaScript framework for developing single-page web applications
    + [Knockout](http://knockoutjs.com/): Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern
    + [Sammy.js](http://sammyjs.org/) is a tiny JavaScript framework developed to ease the pain and provide a basic structure for developing JavaScript applications.
    + [Ember.js](http://emberjs.com/): A framework for creating ambitious web applications.
    + [Meteor](http://meteor.com/)
    + [Maria](https://github.com/petermichaux/maria)
    + [Zebra](http://zebra.gravitysoft.org/)
    + [Terrific.js](http://terrifically.org/)
    + [Rivets.js](http://rivetsjs.com/)
    + [Synapse](http://bruth.github.com/synapse/docs/)
    + [Tire](http://tirejs.com/)
    + [Maria](https://github.com/petermichaux/maria): The MVC framework for JavaScript applications. The real MVC. The Smalltalk MVC. The Gang of Four MVC.
    + [Terrific Composer](http://terrifically.org/composer/) is a Frontend Development Framework specifically designed for building deluxe frontends based on the [Terrific concept](http://terrifically.org/)
    + [Rivets.js](http://rivetsjs.com/): Lightweight and powerful data binding + templating solution for building modern web applications.
    + [Synapse](http://bruth.github.com/synapse/docs/): Data Binding For The Rest Of Us
    + [A Comprehensive Collection Of Javascript Application Frameworks](http://www.designyourway.net/blog/resources/a-comprehensive-collection-of-javascript-application-frameworks-28-examples/)
    + [JavaScript Data Binding Frameworks](http://weblogs.asp.net/dwahlin/archive/2012/07/08/javascript-data-binding-frameworks.aspx)
    + CSS
    @@ -98,7 +99,7 @@
    + [Bootstrap Image Gallery](http://blueimp.github.com/Bootstrap-Image-Gallery/)
    + [jQuery UI Bootstrap](http://addyosmani.github.com/jquery-ui-bootstrap/)
    + [Pines Notify](http://pinesframework.org/pnotify/): JavaScript notifications for Bootstrap or jQuery UI.
    + [fluelUX](http://exacttarget.github.com/fuelux/): Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls.
    + [fuelUX](http://exacttarget.github.com/fuelux/): Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls.
    + [A date range picker for Twitter Bootstrap](http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/)
    + [Bootbox.js](http://bootboxjs.com/): alert, confirm and flexible dialogs for Twitter's Bootstrap framework
    + [Time Picker](http://jdewit.github.com/bootstrap-timepicker/)
    @@ -200,7 +201,7 @@
    + Text
    + [FitText](http://fittextjs.com/): A jQuery plugin for inflating web type
    + [Out Of Words!](http://starburst1977.github.io/out-of-words/): The responsive typography framework behind Words App
    + [Responsive Font Sizing](http://www.newnet-soft.com/blog/responsivefontsizing)
    + [Responsive Font Sizing](http://www.newnet-soft.com/blog/responsivefontsizing): Making your font size responde to your screen size, easy & maintainable.
    + [Responsive Measure](http://jbrewer.github.com/Responsive-Measure/)
    + E-Mail
    + Mobile
    @@ -269,6 +270,9 @@
    + [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html)
    + [CSS3 Code Snippets](http://www.webinterfacelab.com/snippets/)
    + The [Blueprints](http://tympanus.net/codrops/category/blueprints/) are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.
    + DOM Manipulation
    + [xui](http://xuijs.com/): a super micro tiny dom library for authoring html5 mobile web applications.
    + [Tire](http://tirejs.com/) offers a more lightweight alternative to libraries such as jQuery, Prototype and Zepto.
    + Typography
    + [Typeset.css](http://joshuarudd.github.com/typeset.css/)
    + [typecast](http://beta.typecastapp.com/experiment-with-type)
    @@ -280,10 +284,9 @@
    + [Baseline.js](http://daneden.me/baseline/)
    + [jKerny](http://clearideaz.com/jkerny/)
    + [Lettering.js](http://letteringjs.com/)
    + [Textgrad](http://www.si-les-idees-suffisaient.net/jquery/textgrad.html)
    + [Trunk8](http://jrvis.com/trunk8/)
    + [bacon](http://baconforme.com/)
    + [CSS Typography cheat sheet](http://www.newnet-soft.com/blog/csstypography)
    + [Trunk8](http://jrvis.com/trunk8/) is an intelligent text truncation plugin to jQuery. It will cut off just enough text to prevent it from spilling over
    + [bacon](http://baconforme.com/) is a jQuery plugin that allows you to wrap text around a bezier curve or a line.
    + [CSS Typography cheat sheet](http://www.newnet-soft.com/blog/csstypography): Small roundup on CSS features that will enhance your web typography.
    + Services (Free & Commercial)
    + [colourco](http://colourco.de/)
    + [HTML Entity Character Lookup](http://leftlogic.com/projects/entity-lookup)
    @@ -385,6 +388,7 @@
    + [AlloyUI](http://liferay.github.com/alloyui.com/)
    + [Kendo UI](http://www.kendoui.com/)
    + [jQuery UI Bootstrap](http://addyosmani.github.com/jquery-ui-bootstrap/)
    + [Zebra](http://zebra.gravitysoft.org/): JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool
    + File Upload
    + [jQuery File Upload](http://blueimp.github.com/jQuery-File-Upload/)
    + [tus fileupload](http://www.tus.io/)
    @@ -653,6 +657,7 @@
    + [JavaScript error handling anti-pattern](http://www.nczonline.net/blog/2009/04/28/javascript-error-handling-anti-pattern/)
    + [Tattletale](https://github.com/vimeo/tattletale)
    + Documentation
    + [dexy](http://www.dexy.it/) is a free-form literate documentation tool for writing any kind of technical document incorporating code.
    + [docco](http://jashkenas.github.com/docco/) is a quick-and-dirty, hundred-line-long, literate-programming-style documentation generator.
    + [Ronn](https://github.com/rtomayko/ronn) builds manuals. It converts simple, human readable textfiles to roff for terminal display, and also to HTML for the web.
    + [dox](https://github.com/visionmedia/dox) is a JavaScript documentation generator written with node. Dox no longer generates an opinionated structure or style for your docs, it simply gives you a JSON representation, allowing you to use markdown and JSDoc-style tags.
    @@ -688,7 +693,8 @@
    + [fixie](http://fixiejs.com/)
    + [Holder.js](http://imsky.github.com/holder/)
    + JSON
    + [JSON Query Language](http://jsoniq.org/)
    + [JSON Query Language](http://jsoniq.org/) is a query and processing language specifically designed for the popular JSON data model.
    + [Oboe.js](https://github.com/jimhigson/oboe.js) makes it really easy to start using json from a response before the ajax request completes; or even if it never completes.
    + Presentations
    + [Ancesor.js](http://kirkas.ch/ascensor/)
    + [Slideshow.html](http://dmfrancisco.github.com/slideshow.html/)
  8. Dmytro Navrotskyy revised this gist Jun 21, 2013. 1 changed file with 20 additions and 13 deletions.
    33 changes: 20 additions & 13 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -12,26 +12,31 @@
    + [Video](http://www.besquare.me/session/atomic-design/) + [Slides](http://de.slideshare.net/bradfrostweb/atomic-design)
    + [Atomic Design: Some Thoughts and One Example](http://15four.com/2013/05/29/atomic-design-some-thoughts-and-one-example/)
    + [Atomic Design Makes Me Feel Like a Chemist](http://notebookandpenguin.com/atomic-design-makes-me-feel-like-a-chemist/)
    + [Scalable and Modular Architecture for CSS](http://smacss.com/)
    + [Aura](http://aurajs.github.io/aura/)
    + [Patterns For Large-Scale JavaScript Application Architecture](http://addyosmani.com/largescalejavascript/)
    + [Video: Nicholas Zakas: Scalable JavaScript Application Architecture](http://www.youtube.com/watch?v=vXjVFPosQHw)
    + [Aura](http://aurajs.github.io/aura/)
    + [Book: Learning JavaScript Design Patterns](http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/)
    + [Book: Eloquent JavaScript](http://eloquentjavascript.net/contents.html)
    + [Book: Single page apps in depth](http://singlepageappbook.com/index.html)
    + [jQuery Application Architecture Chart](http://addyosmani.com/resources/toolschart/chart.pdf)
    + [Comparison between different Observer Pattern implementations](https://github.com/millermedeiros/js-signals/wiki/Comparison-between-different-Observer-Pattern-implementations)
    + [How To Manage Large jQuery Apps](http://www.slideshare.net/SlexAxton/how-to-manage-large-jquery-apps)
    + [Scalable and Modular Architecture for CSS](http://smacss.com/)
    + [Comparison between different Observer Pattern implementations](https://github.com/millermedeiros/js-signals/wiki/Comparison-between-different-Observer-Pattern-implementations)
    + Workflow
    + [Vid: Javascript Development Workflow of 2013 by Paul Irish](http://www.youtube.com/watch?v=f7AU2Ozu8eo) + [Slides](http://dl.dropboxusercontent.com/u/39519/talks/fluent/index.html)
    + [Yeoman](http://yeoman.io/) is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps.
    + [Grunt](http://gruntjs.com/) is a task-based command line build tool for JavaScript projects.
    + [Web development is getting complex. Let's go shopping.](http://ruudud.github.com/2012/12/22/grunt/)
    + [GruntStart](https://github.com/tsvensen/gruntstart): A Grunt-enabled head-start with the H5BP, jQuery, Modernizr, and Respond. The building blocks to quickly get started with Grunt to create an optimized website.
    + Front-end Process - Flat Builds and Automation
    + [Introduction](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-1-introduction/)
    + [Environment Setup & Yeoman](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-2-environment-setup-and-yeoman/)
    + [Grunt Tasks](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-3-grunt-tasks/)
    + [CSS Framework (Intuit)](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-4-css-framework/)
    + [CSSCSS](http://zmoazeni.github.io/csscss/): A CSS redundancy analyzer that analyzes redundancy.
    + [Helium](https://github.com/geuis/helium-css) - javascript tool to scan your site and show unused CSS
    + [Front-end Process - Flat Builds and Automation, Part 1: Introduction](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-1-introduction/)
    + [Roots](http://roots.cx/)
    + [Vid: Fluent 2012: Paul Irish, "Javascript Development Workflow of 2013"](http://www.youtube.com/watch?v=f7AU2Ozu8eo)
    + [Sparky.js](http://sparkyjs.com/) is a client-side application scaffold which helps those who want to have organized structure in their app, but don't want to subscribe to a particular client-side MVC framework.
    + [Grunt](http://gruntjs.com/) is a task-based command line build tool for JavaScript projects.
    + [Web development is getting complex. Let's go shopping.](http://ruudud.github.com/2012/12/22/grunt/)
    + [GruntStart](https://github.com/tsvensen/gruntstart): A Grunt-enabled head-start with the H5BP, jQuery, Modernizr, and Respond. The building blocks to quickly get started with Grunt to create an optimized website.
    + [Yeoman](http://yeoman.io/) is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps.
    + [Brunch](http://brunch.io/) is an assembler for HTML5 applications. It‘s agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.
    + [Automaton](http://indigounited.com/automaton/): Task automation tool built in JavaScript.
    @@ -167,6 +172,7 @@
    + [Viewport Component](https://github.com/pazguille/viewport)
    + Cross Device
    + Reponsive
    + [Vid: Responsive Design Workflow by Stephen Hay](http://vimeo.com/45915667) + [Slides](http://de.slideshare.net/stephenhay/mobilism2012)
    + [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html)
    + [Responsive Navigation Patterns](http://bradfrostweb.com/blog/web/responsive-nav-patterns/)
    + [Complex Navigation Patterns for Responsive Design](http://bradfrostweb.com/blog/web/complex-navigation-patterns-for-responsive-design/)
    @@ -263,11 +269,6 @@
    + [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html)
    + [CSS3 Code Snippets](http://www.webinterfacelab.com/snippets/)
    + The [Blueprints](http://tympanus.net/codrops/category/blueprints/) are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.
    + Higher Level Languages
    + Dart
    + Sass
    + Less
    + [Roole](http://roole.org/)
    + Typography
    + [Typeset.css](http://joshuarudd.github.com/typeset.css/)
    + [typecast](http://beta.typecastapp.com/experiment-with-type)
    @@ -350,6 +351,12 @@
    + [Vid: Monads and Gonads (YUIConf Evening Keynote)](http://youtu.be/dkZFtimgAcM)
    + HTML
    + [Book: Dive into HTML5](http://diveintohtml5.info/)
    + Higher Level Languages
    + [Dart](http://www.dartlang.org/): Typed language compiled to JavaScript. By Google.
    + [Sass](http://sass-lang.com/) is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
    + [Less](http://lesscss.org/) extends CSS with dynamic behavior such as variables, mixins, operations and functions.
    + [Roole](http://roole.org/) is a language that compiles to CSS.
    + [Stylus](http://learnboost.github.io/stylus/): Expressive, dynamic, robust CSS
    + Animation
    + [Stylie](http://jeremyckahn.github.com/stylie/)
    + [animate.less](https://github.com/machito/animate.less), is a bunch of cool, fun, and cross-browser animations converted into LESS for you to use in your Bootstrap projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
  9. Dmytro Navrotskyy revised this gist Jun 21, 2013. 1 changed file with 8 additions and 5 deletions.
    13 changes: 8 additions & 5 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,8 +6,13 @@
    + [TheExpressiveWeb](http://beta.theexpressiveweb.com/)
    + [Talks To Help You Become A Better Front-End Engineer In 2013](http://www.smashingmagazine.com/2012/12/22/talks-to-help-you-become-a-better-front-end-engineer-in-2013/)
    + Architecture
    + [Scalable and Modular Architecture for CSS](http://smacss.com/)
    + [BEM](http://bem.info/method/)
    + [Atomic Design](http://bradfrostweb.com/blog/post/atomic-web-design/)
    + [Github](https://github.com/bradfrost/patternlab)
    + [Video](http://www.besquare.me/session/atomic-design/) + [Slides](http://de.slideshare.net/bradfrostweb/atomic-design)
    + [Atomic Design: Some Thoughts and One Example](http://15four.com/2013/05/29/atomic-design-some-thoughts-and-one-example/)
    + [Atomic Design Makes Me Feel Like a Chemist](http://notebookandpenguin.com/atomic-design-makes-me-feel-like-a-chemist/)
    + [Scalable and Modular Architecture for CSS](http://smacss.com/)
    + [Patterns For Large-Scale JavaScript Application Architecture](http://addyosmani.com/largescalejavascript/)
    + [Video: Nicholas Zakas: Scalable JavaScript Application Architecture](http://www.youtube.com/watch?v=vXjVFPosQHw)
    + [Aura](http://aurajs.github.io/aura/)
    @@ -162,11 +167,9 @@
    + [Viewport Component](https://github.com/pazguille/viewport)
    + Cross Device
    + Reponsive
    + [Atomic Design](http://bradfrostweb.com/blog/post/atomic-web-design/)
    + [Github](https://github.com/bradfrost/patternlab)
    + [Atomic Design: Some Thoughts and One Example](http://15four.com/2013/05/29/atomic-design-some-thoughts-and-one-example/)
    + [Atomic Design Makes Me Feel Like a Chemist](http://notebookandpenguin.com/atomic-design-makes-me-feel-like-a-chemist/)
    + [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html)
    + [Responsive Navigation Patterns](http://bradfrostweb.com/blog/web/responsive-nav-patterns/)
    + [Complex Navigation Patterns for Responsive Design](http://bradfrostweb.com/blog/web/complex-navigation-patterns-for-responsive-design/)
    + [Responsinator](http://www.responsinator.com/)
    + [How to make a Responsive Newspaper-like layout](http://www.newnet-soft.com/blog/responsive-multi-column)
    + [The State Of Responsive Web Design](http://mobile.smashingmagazine.com/2013/05/29/the-state-of-responsive-web-design/)
  10. Dmytro Navrotskyy revised this gist Jun 20, 2013. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -612,13 +612,17 @@
    + [Fantastic front-end performance: Concatenate, Compress & Cache](https://hacks.mozilla.org/2012/12/fantastic-front-end-performance-part-1-concatenate-compress-cache-a-node-js-holiday-season-part-4/)
    + [Video: Cache Is King!](http://www.youtube.com/watch?v=HKNZ-tQQnSY) by Steve Souders
    + Modularity & Loaders
    + [Lazy Module Declaration](http://lmdjs.org/) - JavaScript Module-Assembler for building better web applications
    + [UMD (Universal Module Definition) patterns](https://github.com/umdjs/umd)
    + [Browserify](http://browserify.org/)
    + [require.js](http://requirejs.org/)
    + [Plugins](https://github.com/jrburke/requirejs/wiki/Plugins)
    + [CrapLoader](https://github.com/gregersrygg/crapLoader)
    + [Writing Modular JavaScript With AMD, CommonJS & ES Harmony](http://addyosmani.com/writing-modular-js/)
    + [Путь JavaScript модуля](http://habrahabr.ru/post/181536/)
    + [Modular JavaScript with RequireJS](http://blog.credera.com/topic/technology-solutions/java/modular-javascript-with-requirejs/)
    + [LABjs & RequireJS: Loading JavaScript Resources the Fun Way](http://msdn.microsoft.com/en-us/magazine//ff943568.aspx)
    + [JavaScript Inheritance and Public/Private members](https://go-left.com/blog/2011/08/js-inheritance/)
    + [require.js plugins](https://github.com/jrburke/requirejs/wiki/Plugins)
    + [Deep dive into the murky waters of script loading](http://www.html5rocks.com/en/tutorials/speed/script-loading/)
    + [Terminology: Modules](http://dailyjs.com/2013/05/20/terminology-modules/)
    + Package Management
  11. Dmytro Navrotskyy revised this gist Jun 20, 2013. 1 changed file with 12 additions and 3 deletions.
    15 changes: 12 additions & 3 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -18,6 +18,8 @@
    + [Comparison between different Observer Pattern implementations](https://github.com/millermedeiros/js-signals/wiki/Comparison-between-different-Observer-Pattern-implementations)
    + [How To Manage Large jQuery Apps](http://www.slideshare.net/SlexAxton/how-to-manage-large-jquery-apps)
    + Workflow
    + [CSSCSS](http://zmoazeni.github.io/csscss/): A CSS redundancy analyzer that analyzes redundancy.
    + [Helium](https://github.com/geuis/helium-css) - javascript tool to scan your site and show unused CSS
    + [Front-end Process - Flat Builds and Automation, Part 1: Introduction](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-1-introduction/)
    + [Roots](http://roots.cx/)
    + [Vid: Fluent 2012: Paul Irish, "Javascript Development Workflow of 2013"](http://www.youtube.com/watch?v=f7AU2Ozu8eo)
    @@ -70,6 +72,7 @@
    + [Terrific.js](http://terrifically.org/)
    + [Rivets.js](http://rivetsjs.com/)
    + [Synapse](http://bruth.github.com/synapse/docs/)
    + [Tire](http://tirejs.com/)
    + [A Comprehensive Collection Of Javascript Application Frameworks](http://www.designyourway.net/blog/resources/a-comprehensive-collection-of-javascript-application-frameworks-28-examples/)
    + [JavaScript Data Binding Frameworks](http://weblogs.asp.net/dwahlin/archive/2012/07/08/javascript-data-binding-frameworks.aspx)
    + CSS
    @@ -278,9 +281,7 @@
    + [bacon](http://baconforme.com/)
    + [CSS Typography cheat sheet](http://www.newnet-soft.com/blog/csstypography)
    + Services (Free & Commercial)
    + [CSSCSS](http://zmoazeni.github.io/csscss/)
    + [colourco](http://colourco.de/)
    + [Helium](https://github.com/geuis/helium-css)
    + [HTML Entity Character Lookup](http://leftlogic.com/projects/entity-lookup)
    + [SpritePad](http://spritepad.wearekiss.com/)
    + [Responsinator](http://www.responsinator.com/)
    @@ -417,11 +418,13 @@
    + [Nestable](http://dbushell.com/2012/06/17/nestable-jquery-plugin/)
    + Navigation
    + [jPanelMenu](http://jpanelmenu.com)
    + Tooltips
    + [opentip](http://www.opentip.org/)
    + Misc
    + [jQuery Knob](http://anthonyterrien.com/knob/)
    + [DopelessRotate](http://www.dopeless-design.de/dopeless-rotate-jquery-plugin-360-degrees-product-viewer.html)
    + [jQuery Addresspicker](http://mngscl-10.s3-website-us-east-1.amazonaws.com/jquery-addresspicker-bootstrap/demos/index.html)
    + [Stratus 2](http://stratus.sc/) soundcloud player
    + [Fangle](http://jotux.github.io/fangle/): create interactive documents from plain text.
    + Visualisation
    + [Photon](https://github.com/thomasxiii/photon)
    + [CSS3 shapes](http://www.css3shapes.com/)
    @@ -449,6 +452,7 @@
    + [Paper.js](http://paperjs.org) is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
    + [Timeline.js](https://github.com/VeriteCo/TimelineJS): A Storytelling Timeline built in JavaScript.
    + [xCharts](http://tenxer.github.com/xcharts/) is a JS library for creating attractive, custom data-driven chart visualizations. It uses HTML, CSS, and SVG to create dynamic, fluid charts that can be easily customized and integrated.
    + [jQuery Gantt editor](http://roberto.open-lab.com/2013/01/28/jquery-gantt-editor-include-today/)
    + Validation & Forms
    + [ALAJAX](http://www.alajax.com/)
    + [Parsley.js](http://parsleyjs.org): Validate your forms, frontend, without writting a single line of javascript!
    @@ -655,6 +659,9 @@
    + [Metro User Interface Implementation and Resources](http://www.queness.com/post/13493/metro-user-interface-implementation-and-resources)
    + Video
    + [SublimeVideo](http://sublimevideo.net/)
    + Audio
    + [howler.js](http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library)
    + [Stratus 2](http://stratus.sc/) soundcloud player
    + Library Collections
    + [jster](http://jster.net/)
    + [MicroJS](http://microjs.com/) helps you discover the most compact-but-powerful microframeworks.
    @@ -710,6 +717,8 @@
    + Critic
    + [Javascript Cryptography Considered Harmful](http://www.matasano.com/articles/javascript-cryptography/)
    + [Final post on Javascript crypto](http://rdist.root.org/2010/11/29/final-post-on-javascript-crypto/)
    + Layouts
    + [Shapeshift](https://github.com/McPants/jquery.shapeshift) is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest.
    + Misc
    + [zip.js](http://gildas-lormeau.github.com/zip.js/)
    + [simpleCart.js](http://simplecartjs.org/)
  12. Dmytro Navrotskyy revised this gist Jun 20, 2013. 1 changed file with 18 additions and 1 deletion.
    19 changes: 18 additions & 1 deletion frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -35,6 +35,7 @@
    + [Github](https://github.com/angular/angular.js)
    + Learning
    + [AngularJS-Learning](https://github.com/jmcunningham/AngularJS-Learning): huge list of Angular learning resources
    + [AngularJS Screencasts](http://www.egghead.io/)
    + [Building Huuuuuge Apps with AngularJS](http://briantford.com/blog/huuuuuge-angular-apps.html)
    + [What are the nuances of scope prototypal / prototypical inheritance in AngularJS?](http://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs)
    + [AngularJS from Basics to Dependency Injection](http://suhairhassan.com/2013/06/07/angularjs-in-depth-part-1.html)
    @@ -183,6 +184,7 @@
    + [Why We Need Responsive Images](http://timkadlec.com/2013/06/why-we-need-responsive-images/)
    + [Riloadr](https://github.com/tubalmartin/riloadr): A cross-browser framework-independent responsive images loader.
    + [jQuery Picture](http://jquerypicture.com/)
    + [Picturefill](https://github.com/scottjehl/picturefill)
    + Text
    + [FitText](http://fittextjs.com/): A jQuery plugin for inflating web type
    + [Out Of Words!](http://starburst1977.github.io/out-of-words/): The responsive typography framework behind Words App
    @@ -236,6 +238,19 @@
    + [stackable.js](http://johnpolacek.github.com/stacktable.js/) is an invaluable jQuery plugin that stacks your tables for small screens. It’s a huge advantage in terms of usability on mobile devices.
    + Reacting to Device Sensors
    + [lenticular.js](http://lenticular.attasi.com/) is a jQuery plugin for creating image animations that response to tilting or mouse events.
    + [This End Up: Using Device Orientation](http://www.html5rocks.com/en/tutorials/device/orientation/)
    + iOS
    + [Safari Image Delivery Best Practices](http://developer.apple.com/library/safari/#documentation/NetworkingInternet/Conceptual/SafariImageDeliveryBestPractices/Introduction/Introduction.html#//apple_ref/doc/uid/TP40012449)
    + [Safari Graphics, Media, and Visual Effects Coding How-To's](http://developer.apple.com/library/safari/#codinghowtos/Desktop/GraphicsMediaAndVisualEffects/_index.html#//apple_ref/doc/uid/DTS40008251)
    + [Safari CSS Visual Effects Guide](http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Introduction.html#//apple_ref/doc/uid/TP40008032)
    + [Safari Web Content Guide](http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.html#//apple_ref/doc/uid/TP40002051)
    + [Getting Started with iOS Web Apps](http://developer.apple.com/library/safari/#referencelibrary/GettingStarted/GS_iPhoneWebApp/_index.html#//apple_ref/doc/uid/TP40008134)
    + [The iPad Web Design & Development Toolbox](http://iphone.appstorm.net/roundups/developer/the-ipad-web-design-development-toolbox/)
    + [Targeting the iPhone 4 Retina Display with CSS3 Media Queries](http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries.html)
    + [How do I lock the orientation to portrait mode in a iPhone Web Application?](http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone-web-application)
    + [jQuery Retina Display Plugin](http://troymcilvena.com/post/998277515/jquery-retina)
    + [retina.js](http://retinajs.com/)
    + [Retina Images](http://retina-images.complexcompulsions.com/)
    + Printers
    + [Tips And Tricks For Print Style Sheets](http://coding.smashingmagazine.com/2013/03/08/tips-tricks-print-style-sheets/)
    + Patterns & Snippets
    @@ -274,6 +289,7 @@
    + [Form Builder](http://livetools.uiparade.com/form-builder.html)
    + [Zen BG](http://mudcu.be/bg/)
    + [Prepros](http://alphapixels.com/prepros/)
    + [site44](https://www.site44.com/)
    + [Website Builders](http://en.wikipedia.org/wiki/Website_builder)
    + [Squarespace](http://www.squarespace.com/)
    + [BaseKit](http://www.basekit.com/)
    @@ -697,4 +713,5 @@
    + Misc
    + [zip.js](http://gildas-lormeau.github.com/zip.js/)
    + [simpleCart.js](http://simplecartjs.org/)
    + [Aware.js](http://xoxco.com/projects/code/aware/) is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.
    + [Aware.js](http://xoxco.com/projects/code/aware/) is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.
    + [How to directly upload files to Amazon S3 from your client side web app](http://codeartists.com/post/36892733572/how-to-directly-upload-files-to-amazon-s3-from-your)
  13. Dmytro Navrotskyy revised this gist Jun 20, 2013. 1 changed file with 7 additions and 13 deletions.
    20 changes: 7 additions & 13 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -261,7 +261,8 @@
    + [Textgrad](http://www.si-les-idees-suffisaient.net/jquery/textgrad.html)
    + [Trunk8](http://jrvis.com/trunk8/)
    + [bacon](http://baconforme.com/)
    + Services
    + [CSS Typography cheat sheet](http://www.newnet-soft.com/blog/csstypography)
    + Services (Free & Commercial)
    + [CSSCSS](http://zmoazeni.github.io/csscss/)
    + [colourco](http://colourco.de/)
    + [Helium](https://github.com/geuis/helium-css)
    @@ -274,7 +275,6 @@
    + [Zen BG](http://mudcu.be/bg/)
    + [Prepros](http://alphapixels.com/prepros/)
    + [Website Builders](http://en.wikipedia.org/wiki/Website_builder)
    + [Website Builders](http://en.wikipedia.org/wiki/Website_builder)
    + [Squarespace](http://www.squarespace.com/)
    + [BaseKit](http://www.basekit.com/)
    + [Doomby](http://www.doomby.com/)
    @@ -353,12 +353,6 @@
    + [Year Of Moo](http://www.yearofmoo.com/): Angular.js Animations
    + [animate.css](http://daneden.me/animate/) is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
    + [Approach](http://srobbin.com/jquery-plugins/approach/)
    + Performance
    + [CSS-only: Load images on demand](http://podlipensky.com/2013/06/css-only-load-images-on-demand/)
    + [The JavaScript engine family tree](http://creativejs.com/2013/06/the-race-for-speed-part-1-the-javascript-engine-family-tree/)
    + [How JavaScript compilers work](http://creativejs.com/2013/06/the-race-for-speed-part-2-how-javascript-compilers-work/)
    + [JavaScript compiler strategies](http://creativejs.com/2013/06/the-race-for-speed-part-3-javascript-compiler-strategies/)
    + [The future for JavaScript](http://creativejs.com/2013/06/the-race-for-speed-part-4-the-future-for-javascript/)
    + Widgets
    + Kits
    + [AlloyUI](http://liferay.github.com/alloyui.com/)
    @@ -523,6 +517,7 @@
    + [Refactoring Javascript with kratko.js](http://perfectionkills.com/refactoring-javascript-with-kratko-js/)
    + Performance
    + [Writing Fast, Memory-Efficient JavaScript](http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/)
    + [CSS-only: Load images on demand](http://podlipensky.com/2013/06/css-only-load-images-on-demand/)
    + Videos
    + [Faster HTML and CSS: Layout Engine Internals for Web Developers](http://www.youtube.com/watch?v=a2_6bGNZ7bA): by David Baron of Mozilla
    + [Google I/O 2012 - Breaking the JavaScript Speed Limit with V8](http://www.youtube.com/watch?v=UJPdhx5zTaw)
    @@ -589,11 +584,10 @@
    + [Video: Alex Russell - Life Of A Button Element](http://vimeo.com/32364192)
    + [How a web page loads](http://gent.ilcore.com/2011/05/how-web-page-loads.html)
    + [Video: The Fundamentals, Primitives and History of HTML5](http://paulirish.com/2011/primitives-html5-video/)
    + Scaling (Serverside)
    + [Fully Loaded Node](https://hacks.mozilla.org/2012/11/fully-loaded-node-a-node-js-holiday-season-part-2/)
    + [Using secure client-side sessions to build simple and scalable Node.JS applications](https://hacks.mozilla.org/2012/12/using-secure-client-side-sessions-to-build-simple-and-scalable-node-js-applications-a-node-js-holiday-season-part-3/)
    + [Building A Node.JS Server That Won’t Melt](https://hacks.mozilla.org/2013/01/building-a-node-js-server-that-wont-melt-a-node-js-holiday-season-part-5/)
    + [Optimising NginX, Node.JS and networking for heavy workloads](https://engineering.gosquared.com/optimising-nginx-node-js-and-networking-for-heavy-workloads)
    + [The JavaScript engine family tree](http://creativejs.com/2013/06/the-race-for-speed-part-1-the-javascript-engine-family-tree/)
    + [How JavaScript compilers work](http://creativejs.com/2013/06/the-race-for-speed-part-2-how-javascript-compilers-work/)
    + [JavaScript compiler strategies](http://creativejs.com/2013/06/the-race-for-speed-part-3-javascript-compiler-strategies/)
    + [The future for JavaScript](http://creativejs.com/2013/06/the-race-for-speed-part-4-the-future-for-javascript/)
    + HTTP Transport
    + [Fantastic front-end performance: Concatenate, Compress & Cache](https://hacks.mozilla.org/2012/12/fantastic-front-end-performance-part-1-concatenate-compress-cache-a-node-js-holiday-season-part-4/)
    + [Video: Cache Is King!](http://www.youtube.com/watch?v=HKNZ-tQQnSY) by Steve Souders
  14. Dmytro Navrotskyy revised this gist Jun 20, 2013. 1 changed file with 16 additions and 16 deletions.
    32 changes: 16 additions & 16 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -274,22 +274,22 @@
    + [Zen BG](http://mudcu.be/bg/)
    + [Prepros](http://alphapixels.com/prepros/)
    + [Website Builders](http://en.wikipedia.org/wiki/Website_builder)
    + BaseKit
    + Cif2.net
    + Doomby
    + Edicy
    + IM Creator
    + Jimdo
    + Moonfruit
    + Squarespace
    + uCoz
    + WebMaker_CMS
    + Webnode
    + Webs
    + Weebly
    + Wix
    + Wordpress.com
    + Yola
    + [Website Builders](http://en.wikipedia.org/wiki/Website_builder)
    + [Squarespace](http://www.squarespace.com/)
    + [BaseKit](http://www.basekit.com/)
    + [Doomby](http://www.doomby.com/)
    + [Edicy](http://www.edicy.com/)
    + [IM Creator](http://imcreator.com/)
    + [Jimdo](http://www.jimdo.com/)
    + [Moonfruit](http://www.moonfruit.com/)
    + [uCoz](http://www.ucoz.com/)
    + [Webnode](webnode.com)
    + [Webs](http://www.webs.com/)
    + [Weebly](http://www.weebly.com/)
    + [Wix](wix.com)
    + [Wordpress.com](http://wordpress.com/)
    + [Yola](https://www.yola.com/)
    + [1&1 Homepage](http://homepage.1und1.de/)
    + Programming & Markup Languages
    + CSS
    + [Understanding border-image](Understanding border-image)
  15. Dmytro Navrotskyy revised this gist Jun 20, 2013. 1 changed file with 6 additions and 10 deletions.
    16 changes: 6 additions & 10 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,10 @@
    # Frontend Development

    + Guides
    + [Hack Design](http://hackdesign.org/courses/)
    + [Designer School](http://designer-school.com/)
    + [TheExpressiveWeb](http://beta.theexpressiveweb.com/)
    + [Talks To Help You Become A Better Front-End Engineer In 2013](http://www.smashingmagazine.com/2012/12/22/talks-to-help-you-become-a-better-front-end-engineer-in-2013/)
    + Architecture
    + [Scalable and Modular Architecture for CSS](http://smacss.com/)
    + [BEM](http://bem.info/method/)
    @@ -285,7 +290,6 @@
    + Wix
    + Wordpress.com
    + Yola
    + Showcases
    + Programming & Markup Languages
    + CSS
    + [Understanding border-image](Understanding border-image)
    @@ -349,14 +353,12 @@
    + [Year Of Moo](http://www.yearofmoo.com/): Angular.js Animations
    + [animate.css](http://daneden.me/animate/) is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
    + [Approach](http://srobbin.com/jquery-plugins/approach/)
    + Debugging
    + Performance
    + [CSS-only: Load images on demand](http://podlipensky.com/2013/06/css-only-load-images-on-demand/)
    + [The JavaScript engine family tree](http://creativejs.com/2013/06/the-race-for-speed-part-1-the-javascript-engine-family-tree/)
    + [How JavaScript compilers work](http://creativejs.com/2013/06/the-race-for-speed-part-2-how-javascript-compilers-work/)
    + [JavaScript compiler strategies](http://creativejs.com/2013/06/the-race-for-speed-part-3-javascript-compiler-strategies/)
    + [The future for JavaScript](http://creativejs.com/2013/06/the-race-for-speed-part-4-the-future-for-javascript/)
    + Dependency Injection
    + Widgets
    + Kits
    + [AlloyUI](http://liferay.github.com/alloyui.com/)
    @@ -701,10 +703,4 @@
    + Misc
    + [zip.js](http://gildas-lormeau.github.com/zip.js/)
    + [simpleCart.js](http://simplecartjs.org/)

    -------------------------------------------------

    + [Talks To Help You Become A Better Front-End Engineer In 2013](http://www.smashingmagazine.com/2012/12/22/talks-to-help-you-become-a-better-front-end-engineer-in-2013/)
    + [Designer School](http://designer-school.com/)
    + [TheExpressiveWeb](http://beta.theexpressiveweb.com/)
    + [Aware.js](http://xoxco.com/projects/code/aware/) is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.
    + [Aware.js](http://xoxco.com/projects/code/aware/) is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.
  16. Dmytro Navrotskyy revised this gist Jun 20, 2013. 1 changed file with 1 addition and 6 deletions.
    7 changes: 1 addition & 6 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    # Frontend Development Bookmarks
    # Frontend Development

    + Architecture
    + [Scalable and Modular Architecture for CSS](http://smacss.com/)
    @@ -488,7 +488,6 @@
    + [Leaving JSPs in the dust: moving LinkedIn to dust.js client-side templates](http://engineering.linkedin.com/frontend/leaving-jsps-dust-moving-linkedin-dustjs-client-side-templates)
    + [Tutorial](https://github.com/linkedin/dustjs/wiki/Dust-Tutorial)
    + [Testing Console](http://linkedin.github.com/dustjs/test/test.html)
    + Security
    + RoutingAndUrls
    + [Crossroads.js](http://millermedeiros.github.com/crossroads.js/)
    + [Hash.js](http://jonnystromberg.com/hash-js/)
    @@ -520,7 +519,6 @@
    + [Behave.js](http://jakiestfu.github.io/Behave.js/) is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.
    + Refactoring
    + [Refactoring Javascript with kratko.js](http://perfectionkills.com/refactoring-javascript-with-kratko-js/)
    + Promises
    + Performance
    + [Writing Fast, Memory-Efficient JavaScript](http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/)
    + Videos
    @@ -613,16 +611,13 @@
    + [parcel](https://github.com/sifteo/parcel) is easy package management using a file server and path conventions, with built in support for Amazon S3. It is designed to encode package metadata, including name, version and OS within a path. The conventions allow this metadata to be queried, without the need for a database.
    + [jam.js](http://jamjs.org/)
    + [component](http://component.io/)
    + Mobile
    + Internationalisation
    + Image Manipulation
    + [Paintbrush.js](https://github.com/mezzoblue/PaintbrushJS)
    + [Obscura](https://github.com/OiNutter/Obscura)
    + [jCrop](http://deepliquid.com/content/Jcrop.html)
    + HTTP
    + [Using CORS](http://www.html5rocks.com/en/tutorials/cors/)
    + [Cross-domain Ajax with Cross-Origin Resource Sharing](http://www.nczonline.net/blog/2010/05/25/cross-domain-ajax-with-cross-origin-resource-sharing/)
    + Events
    + Error Handling & Debugging
    + [Tracing.js](https://github.com/ebobby/tracing.js) - Javascript function tracing.
    + [JavaScript error handling anti-pattern](http://www.nczonline.net/blog/2009/04/28/javascript-error-handling-anti-pattern/)
  17. Dmytro Navrotskyy created this gist Jun 20, 2013.
    715 changes: 715 additions & 0 deletions frontendDevlopmentBookmarks.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,715 @@
    # Frontend Development Bookmarks

    + Architecture
    + [Scalable and Modular Architecture for CSS](http://smacss.com/)
    + [BEM](http://bem.info/method/)
    + [Patterns For Large-Scale JavaScript Application Architecture](http://addyosmani.com/largescalejavascript/)
    + [Video: Nicholas Zakas: Scalable JavaScript Application Architecture](http://www.youtube.com/watch?v=vXjVFPosQHw)
    + [Aura](http://aurajs.github.io/aura/)
    + [Book: Learning JavaScript Design Patterns](http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/)
    + [Book: Eloquent JavaScript](http://eloquentjavascript.net/contents.html)
    + [Book: Single page apps in depth](http://singlepageappbook.com/index.html)
    + [jQuery Application Architecture Chart](http://addyosmani.com/resources/toolschart/chart.pdf)
    + [Comparison between different Observer Pattern implementations](https://github.com/millermedeiros/js-signals/wiki/Comparison-between-different-Observer-Pattern-implementations)
    + [How To Manage Large jQuery Apps](http://www.slideshare.net/SlexAxton/how-to-manage-large-jquery-apps)
    + Workflow
    + [Front-end Process - Flat Builds and Automation, Part 1: Introduction](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-1-introduction/)
    + [Roots](http://roots.cx/)
    + [Vid: Fluent 2012: Paul Irish, "Javascript Development Workflow of 2013"](http://www.youtube.com/watch?v=f7AU2Ozu8eo)
    + [Sparky.js](http://sparkyjs.com/) is a client-side application scaffold which helps those who want to have organized structure in their app, but don't want to subscribe to a particular client-side MVC framework.
    + [Grunt](http://gruntjs.com/) is a task-based command line build tool for JavaScript projects.
    + [Web development is getting complex. Let's go shopping.](http://ruudud.github.com/2012/12/22/grunt/)
    + [GruntStart](https://github.com/tsvensen/gruntstart): A Grunt-enabled head-start with the H5BP, jQuery, Modernizr, and Respond. The building blocks to quickly get started with Grunt to create an optimized website.
    + [Yeoman](http://yeoman.io/) is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps.
    + [Brunch](http://brunch.io/) is an assembler for HTML5 applications. It‘s agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.
    + [Automaton](http://indigounited.com/automaton/): Task automation tool built in JavaScript.
    + [Cartero](https://github.com/rotundasoftware/cartero)
    + Frameworks
    + JavaScript
    + Angular
    + [Github](https://github.com/angular/angular.js)
    + Learning
    + [AngularJS-Learning](https://github.com/jmcunningham/AngularJS-Learning): huge list of Angular learning resources
    + [Building Huuuuuge Apps with AngularJS](http://briantford.com/blog/huuuuuge-angular-apps.html)
    + [What are the nuances of scope prototypal / prototypical inheritance in AngularJS?](http://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs)
    + [AngularJS from Basics to Dependency Injection](http://suhairhassan.com/2013/06/07/angularjs-in-depth-part-1.html)
    + [AngularJS To Do List App](http://www.dreamfactory.com/angularjs-example)
    + [AngularJS vs Ember: It's not even close](http://eviltrout.com/2013/06/15/ember-vs-angular-its-not-even-close.html)
    + [The Hitchhiker’s Guide to the Directive](http://amitgharat.wordpress.com/2013/06/08/the-hitchhikers-guide-to-the-directive/)
    + [Frontend Workflows with Grunt and Angular JS](http://youtu.be/fSAgFxjFSqY)
    + Integration
    + [angular-requirejs-seed](https://github.com/tnajdek/angular-requirejs-seed): this is a fork of Angular Seed but with changes needed for requireJS support.
    + [Writing Reusable AngularJS Components with Bower](http://briantford.com/blog/angular-bower.html)
    + [Native AngularJS directives for Twitter's Bootstrap.](http://angular-ui.github.io/bootstrap/)
    + [Automating AngularJS With Yeoman, Grunt & Bower](http://newtriks.com/2013/06/11/automating-angularjs-with-yeoman-grunt-and-bower/)
    + [Optimizing Angular Templates with Grunt on Heroku](http://www.codelord.net/2013/06/16/optimizing-angular-templates-with-grunt-on-heroku/)
    + [Building Offline Applications With AngularJS and PouchDB](http://mircozeiss.com/building-offline-applications-with-angularjs-and-pouchdb/)
    + jQuery
    + [jQuery Wiki Page "Plugins/Authoring"](http://docs.jquery.com/Plugins/Authoring)
    + [jQuery Plugin Development Boilerplate](http://www.websanova.com/tutorials/jquery/jquery-plugin-development-boilerplate)
    + [The Ultimate Guide to Writing jQuery Plugins](http://www.websanova.com/tutorials/jquery/the-ultimate-guide-to-writing-jquery-plugins)
    + [Book: jQuery Fundamentals](http://jqfundamentals.com/)
    + Backbone
    + [Book: Developing Backbone.js Applications](http://addyosmani.github.com/backbone-fundamentals/)
    + [Unsuck your backbone](https://speakerdeck.com/ammeep/unsuck-your-backbone)
    + [A Visual Guide to Marionette.js Views](http://blog.artlogic.com/2013/03/26/a-visual-guide-to-marionette-js-views/)
    + [React](http://facebook.github.io/react/) by Facebook
    + [Singool.js](http://fahad19.github.com/singool/)
    + [Knockout](http://knockoutjs.com/)
    + [Sammy.js](http://sammyjs.org/)
    + [Ember.js](http://emberjs.com/)
    + [Meteor](http://meteor.com/)
    + [Maria](https://github.com/petermichaux/maria)
    + [Zebra](http://zebra.gravitysoft.org/)
    + [Terrific.js](http://terrifically.org/)
    + [Rivets.js](http://rivetsjs.com/)
    + [Synapse](http://bruth.github.com/synapse/docs/)
    + [A Comprehensive Collection Of Javascript Application Frameworks](http://www.designyourway.net/blog/resources/a-comprehensive-collection-of-javascript-application-frameworks-28-examples/)
    + [JavaScript Data Binding Frameworks](http://weblogs.asp.net/dwahlin/archive/2012/07/08/javascript-data-binding-frameworks.aspx)
    + CSS
    + [A collection of best frameworks](http://usablica.github.io/front-end-frameworks/compare.html?v=2.0)
    + Twitter Bootstrap
    + [Home Page](http://twitter.github.com/bootstrap/)
    + [Github](https://github.com/twitter/bootstrap/)
    + [Download](http://twitter.github.com/bootstrap/assets/bootstrap.zip)
    + [Bootstrap Hero List](http://www.bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources): The big badass list of bootstrap resources
    + Widgets
    + [Color and Date Picker](http://www.eyecon.ro/colorpicker-and-datepicker-for-twitter-bootstrap.htm)
    + [WYSIHTML5 RTE for Bootstrap](http://jhollingworth.github.com/bootstrap-wysihtml5/)
    + [Bootstrap Image Gallery](http://blueimp.github.com/Bootstrap-Image-Gallery/)
    + [jQuery UI Bootstrap](http://addyosmani.github.com/jquery-ui-bootstrap/)
    + [Pines Notify](http://pinesframework.org/pnotify/): JavaScript notifications for Bootstrap or jQuery UI.
    + [fluelUX](http://exacttarget.github.com/fuelux/): Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls.
    + [A date range picker for Twitter Bootstrap](http://www.dangrossman.info/2012/08/20/a-date-range-picker-for-twitter-bootstrap/)
    + [Bootbox.js](http://bootboxjs.com/): alert, confirm and flexible dialogs for Twitter's Bootstrap framework
    + [Time Picker](http://jdewit.github.com/bootstrap-timepicker/)
    + [Date/Time Picker](http://tarruda.github.com/bootstrap-datetimepicker/)
    + [ReCaptcha](http://jsfiddle.net/hqv27/)
    + [Bootstrap Modal](https://github.com/jschr/bootstrap-modal): Extends Bootstrap's native modals to provide additional functionality.
    + [SelectBoxIt](http://gregfranko.com/jquery.selectBoxIt.js)
    + [File Upload](http://jasny.github.com/bootstrap/javascript.html#fileupload)
    + [BootPag](http://botmonster.com/jquery-bootpag/): BootPag - dynamic pagination jQuery plugin for twitter bootstrap
    + [Bootstrap Arrows](http://bootstrap-arrows.iarfhlaith.com/): A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs.
    + [X-editable](http://vitalets.github.com/x-editable/): In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
    + [Pagination](https://github.com/markbates/jquery-bootstrap-pagination)
    + [Slider](http://ghusse.github.com/jQRangeSlider/)
    + [Application Wizard](https://github.com/amoffat/bootstrap-application-wizard)
    + Themes
    + [Bootswatch](http://bootswatch.com/): Theme catalog.
    + [Jumpstart UI](http://jumpstartui.com/): Another catalog for paid themes
    + [Darkstrap](http://danneu.com/posts/4-darkstrap-css-a-dark-theme-for-twitter-bootstrap-2): A dark theme.
    + [jQuery Mobile Boostrap](https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme): A jQuery Mobile theme based on Twitter Bootstrap
    + [Wrapbootstrap](http://wrapbootstrap.com/)
    + Wordpress
    + [BootstrapWP](http://rachelbaker.me/bootstrapwp/)
    + [Roots Theme](http://www.rootstheme.com/)
    + [Bootstrap](http://digitalnature.eu/themes/bootstrap/)
    + [Bootstrap for Wordpress](http://wpbootstrap.iubenda.com/)
    + [Bootstrap for WP](http://envexlabs.com/2011/09/bootstrap-for-wordpress/)
    + [StrapPress](http://braginteractive.com/bootstrap/)
    + [WPBS](http://320press.com/wpbs/)
    + [CSS3 Microsoft Modern Buttons](http://ace-subido.github.com/css3-microsoft-metro-buttons/index.html)
    + [BootMetro](http://aozora.github.com/bootmetro/): Metro style web framework
    + [Cosmo](http://bootswatch.com/cosmo/): Windows 8 inspired theme
    + [Bootstrap Generator](http://www.martinbean.co.uk/bootstrap/generator/): Simply alter the options below and click "Generate" to get your compiled Bootstrap CSS file.
    + [Inspiritas](http://littke.com/2012/11/06/inspiritas-bootstrap-theme-by-ripple.html)
    + [Facebook](http://ckrack.github.com/fbootstrapp/)
    + [Google+](http://xbreaker.github.com/plusstrap/index.html)
    + [Flatstrap](http://littlesparkvt.com/flatstrap/index.html)
    + [Pinstrap](http://bragthemes.com/theme/pinstrap-pinterest-meets-bootstrap/)
    + Misc
    + [Boilerstrap](https://github.com/emorikawa/boilerstrap): A blank slate for the modern web. Just add creativity.
    + [Bootstrap GUI PSD](http://gui.repixdesign.com/#freebies): a toolkit designed to kickstart webdesign of webapps and sites.
    + [Font Awesome](http://fortawesome.github.com/Font-Awesome/): The iconic font designed for use with Twitter Bootstrap
    + [Typo3 Extension](http://typo3.org/extensions/repository/view/mn_twitter_bootstrap)
    + [Bootstrap CDN](http://www.bootstrapcdn.com/) Free CDN for Twitter Bootstrap
    + [Bootstrap Tour](http://pushly.github.com/bootstrap-tour/) Quick and easy way to build your product tours with Twitter Bootstrap Popovers.
    + [Bootsnipp](http://bootsnipp.com/): Design elements and code snippets for Bootstrap HTML/CSS/JS framework
    + [Form Builder](http://bootsnipp.com/forms)
    + [PaintStrap](http://paintstrap.com/): Generate beautiful Twitter Bootstrap themes using the Adobe kuler / COLOURlovers color scheme
    + [TODC](http://todc.github.com/todc-bootstrap/index.html): A Google-styled theme for Twitter Bootstrap.
    + [Layoutit!](http://www.layoutit.com/)
    + [Responsive Grid System](http://responsive.gs/)
    + [Responsive Grid System (2)](http://www.responsivegridsystem.com/)
    + [Golden Grid System](http://goldengridsystem.com/)
    + [Compass](http://compass-style.org/)
    + [Pondasee](http://tokokoo.github.com/pondasee/)
    + [Centurion](http://jhough10.github.com/Centurion/)
    + [Foundation 3](http://foundation.zurb.com/)
    + [ProfoundGrid](http://www.profoundgrid.com/)
    + [Groundwork](http://groundwork.sidereel.com/)
    + [skelJS](http://skeljs.org/)
    + [Ink](http://ink.sapo.pt)
    + [neat](http://neat.bourbon.io/)
    + [Kube](http://imperavi.com/kube/)
    + [rwdgrid](http://rwdgrid.com/)
    + [Simple Grid](http://thisisdallas.github.com/Simple-Grid/)
    + [One% CSS Grid](http://onepcssgrid.mattimling.com/)
    + [Workless](http://workless.ikreativ.com/)
    + [intuit.css](http://inuitcss.com/) - a powerful, scalable, Sass-based, BEM, OOCSS framework.
    + Cross Browser
    + [Normalize.css](http://nicolasgallagher.com/about-normalize-css/)
    + [HTML5 Cross Browser Polyfills](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)
    + [Viewport Component](https://github.com/pazguille/viewport)
    + Cross Device
    + Reponsive
    + [Atomic Design](http://bradfrostweb.com/blog/post/atomic-web-design/)
    + [Github](https://github.com/bradfrost/patternlab)
    + [Atomic Design: Some Thoughts and One Example](http://15four.com/2013/05/29/atomic-design-some-thoughts-and-one-example/)
    + [Atomic Design Makes Me Feel Like a Chemist](http://notebookandpenguin.com/atomic-design-makes-me-feel-like-a-chemist/)
    + [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html)
    + [Responsinator](http://www.responsinator.com/)
    + [How to make a Responsive Newspaper-like layout](http://www.newnet-soft.com/blog/responsive-multi-column)
    + [The State Of Responsive Web Design](http://mobile.smashingmagazine.com/2013/05/29/the-state-of-responsive-web-design/)
    + [Facing The Challenge: Building A Responsive Web Application](http://mobile.smashingmagazine.com/2013/06/12/building-a-responsive-web-application/)
    + [This repo contains techniques and concepts to build responsive & hybrid web applications.](https://github.com/webpro/responsive-web-apps)
    + Tables
    + [Responsive Data Tables](http://css-tricks.com/responsive-data-tables/)
    + [stacktable.js](http://johnpolacek.github.com/stacktable.js/)
    + [FooTable](http://themergency.com/footable/)
    + Events
    + [Breakpoints.js](http://xoxco.com/projects/code/breakpoints/)
    + [Harvey.js](http://harvesthq.github.com/harvey/)
    + [Enquire.js](https://github.com/WickyNilliams/enquire.js)
    + Images
    + [Fluid Images](http://unstoppablerobotninja.com/entry/fluid-images/)
    + [How to Use Responsive Images to Make Your Site Shine on Any Platform](http://www.shutterstock.com/blog/2013/05/how-to-use-responsive-images-to-make-your-site-shine-on-any-platform/)
    + [Adaptive Images](http://adaptive-images.com/)
    + [Why We Need Responsive Images](http://timkadlec.com/2013/06/why-we-need-responsive-images/)
    + [Riloadr](https://github.com/tubalmartin/riloadr): A cross-browser framework-independent responsive images loader.
    + [jQuery Picture](http://jquerypicture.com/)
    + Text
    + [FitText](http://fittextjs.com/): A jQuery plugin for inflating web type
    + [Out Of Words!](http://starburst1977.github.io/out-of-words/): The responsive typography framework behind Words App
    + [Responsive Font Sizing](http://www.newnet-soft.com/blog/responsivefontsizing)
    + [Responsive Measure](http://jbrewer.github.com/Responsive-Measure/)
    + E-Mail
    + Mobile
    + Frameworks
    + [jQuery Mobile](http://jquerymobile.com/): Touch-Optimized Web Framework for Smartphones & Tablets
    + [jQTouch](http://jqtouch.com/) is a Zepto/jQuery plugin for mobile web development on the iPhone, Android, iPod Touch, and other forward-thinking devices.
    + [Junior](http://justspamjustin.github.com/junior/)
    + Emulators
    + [thumbs.js](http://mwbrooks.github.com/thumbs.js/)
    + [Phantom Limb](http://viewinglens.com/phantom-limb/)
    + [Touché](https://github.com/davidcalhoun/touche)
    + Scrolling
    + [jSwipeKinetic](http://jswipekinetic.codeplex.com/) is a jQuery plugin that enables you to add kinetic scrolling on your touch optimized projects. jSwipeKinetic is build on top of jGestures (jgestues.codeplex.com).
    + [jQuery.pep.js](http://pep.briangonzalez.org/): A lightweight plugin for kinetic-drag on mobile/desktop.
    + [Overscroll](http://www.azoffdesign.com/overscroll) is a jQuery plug-in that mimics the iphone/ipad scrolling experience in a browser.
    + [Zynga Scroller](https://github.com/zynga/scroller)
    + [pull-to-refresh.js](https://github.com/dantipa/pull-to-refresh-js)
    + [Overthrow](https://github.com/filamentgroup/Overthrow)
    + [Antiscroll](http://learnboost.github.com/antiscroll/)
    + Gestures
    + [jGestures](http://jgestures.codeplex.com/) jQuery plugin enables you to add gesture events such as ‘pinch’, ‘rotate’, ‘swipe’, ‘tap’ and ‘orientationchange’ just like native jQuery events.
    + [hammer.js](http://eightmedia.github.com/hammer.js/) is a focused, standalone JavaScript library, only for multi-touch gestures.
    + [Touchy](http://touchyjs.org/): is a highly configurable jQuery plugin. It exposes event data (velocity, etc.) for longpress, drag, pinch, rotate and swipe.
    + [TouchSwipe](http://labs.skinkers.com/content/touchSwipe/)
    + [TipTap](https://github.com/marcbourlon/TipTap)
    + [jQuery.event.swipe](http://stephband.info/jquery.event.swipe/)
    + [toe.js](https://github.com/dantipa/toe.js) is a tiny library based on jQuery to enable sophisticated gestures on touch devices.
    + [Jester](https://github.com/plainview/Jester)
    + [JS Touch Layer](https://github.com/andyjamesdavies/jsTouchLayer)
    + [Touch Events and Abstractions](http://yuilibrary.com/yui/docs/event/touch.html)
    + DOM Objects Manipulation
    + [jQuery.event.move](http://stephband.info/jquery.event.move/)
    + [WKTouch](https://github.com/alexgibson/WKTouch): A JavaScript plugin for touch-capable devices, enabling multi-touch drag, scale and rotate on HTML elements.
    + Tap Acceleration
    + [Energize](https://github.com/davidcalhoun/energize.js)
    + [Tappable](http://cheeaun.github.com/tappable/) is a simple, standalone library to invoke the tap event for touch-friendly web browsers.
    + [Fastclick](https://github.com/ftlabs/fastclick) is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers.
    + [Lightning Touch](https://github.com/ucsf-ckm/LightningTouch)
    + [Creating Fast Buttons for Mobile Web Applications](https://developers.google.com/mobile/articles/fast_buttons)
    + Layout
    + [Flickable.js](https://github.com/tomlongo/Flickable.js) allows you to make any element touchable; useful for flicking between sections, or sliding elements around the page.
    + [PageSlide](http://srobbin.com/jquery-plugins/pageslide/) is a jQuery plugin which slides a webpage over to reveal an additional interaction pane.
    + [Swipe](http://swipejs.com/) is a lightweight mobile slider with 1:1 touch movement, resistant bounds, scroll prevention, and completely library agnostic.
    + [Swiper](http://www.idangero.us/sliders/swiper/): Mobile touch slider with hardware accelerated transitions.
    + [jQuery Mobile Pagination Plugin](http://filamentgroup.com/lab/jquery_mobile_pagination_plugin/)
    + [SwipeSlide](https://github.com/max-power/swipeslide): A Zepto Plugin for iOS like swipe navigation.
    + [stackable.js](http://johnpolacek.github.com/stacktable.js/) is an invaluable jQuery plugin that stacks your tables for small screens. It’s a huge advantage in terms of usability on mobile devices.
    + Reacting to Device Sensors
    + [lenticular.js](http://lenticular.attasi.com/) is a jQuery plugin for creating image animations that response to tilting or mouse events.
    + Printers
    + [Tips And Tricks For Print Style Sheets](http://coding.smashingmagazine.com/2013/03/08/tips-tricks-print-style-sheets/)
    + Patterns & Snippets
    + [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html)
    + [CSS3 Code Snippets](http://www.webinterfacelab.com/snippets/)
    + The [Blueprints](http://tympanus.net/codrops/category/blueprints/) are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.
    + Higher Level Languages
    + Dart
    + Sass
    + Less
    + [Roole](http://roole.org/)
    + Typography
    + [Typeset.css](http://joshuarudd.github.com/typeset.css/)
    + [typecast](http://beta.typecastapp.com/experiment-with-type)
    + [CSSTypography](http://tilomitra.github.io/csstypography/)
    + [SO: @font-face fonts only work on their own domain](http://stackoverflow.com/questions/2892691/font-face-fonts-only-work-on-their-own-domain)
    + [FitText](http://fittextjs.com/): A jQuery plugin for inflating web type
    + [TypeButter](http://typebutter.com/)
    + [slabText](http://www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin-for-producing-big-bold-responsive-headlines)
    + [Baseline.js](http://daneden.me/baseline/)
    + [jKerny](http://clearideaz.com/jkerny/)
    + [Lettering.js](http://letteringjs.com/)
    + [Textgrad](http://www.si-les-idees-suffisaient.net/jquery/textgrad.html)
    + [Trunk8](http://jrvis.com/trunk8/)
    + [bacon](http://baconforme.com/)
    + Services
    + [CSSCSS](http://zmoazeni.github.io/csscss/)
    + [colourco](http://colourco.de/)
    + [Helium](https://github.com/geuis/helium-css)
    + [HTML Entity Character Lookup](http://leftlogic.com/projects/entity-lookup)
    + [SpritePad](http://spritepad.wearekiss.com/)
    + [Responsinator](http://www.responsinator.com/)
    + [TheToolbox](http://www.thetoolbox.cc/)
    + [HTML Shell](http://htmlshell.com/)
    + [Form Builder](http://livetools.uiparade.com/form-builder.html)
    + [Zen BG](http://mudcu.be/bg/)
    + [Prepros](http://alphapixels.com/prepros/)
    + [Website Builders](http://en.wikipedia.org/wiki/Website_builder)
    + BaseKit
    + Cif2.net
    + Doomby
    + Edicy
    + IM Creator
    + Jimdo
    + Moonfruit
    + Squarespace
    + uCoz
    + WebMaker_CMS
    + Webnode
    + Webs
    + Weebly
    + Wix
    + Wordpress.com
    + Yola
    + Showcases
    + Programming & Markup Languages
    + CSS
    + [Understanding border-image](Understanding border-image)
    + [What No One Told You About Z-Index](http://philipwalton.com/articles/what-no-one-told-you-about-z-index/)
    + JavaScript
    + [Javascript Closures](http://jibbering.com/faq/notes/closures/)
    + [Combinator Recipes for Working With Objects in JavaScript](https://github.com/raganwald/homoiconic/blob/master/2012/12/combinators_1.md)
    + [Part II](https://github.com/raganwald/homoiconic/blob/master/2012/12/combinators_2.md)
    + [Prototypes and Inheritance in JavaScript](http://msdn.microsoft.com/en-us/magazine/ff852808.aspx)
    + [JavaScript Study Guide](http://shiflett.org/blog/2012/apr/javascript-study-guide)
    + [ECMA 262-3 in detail](http://dmitrysoshnikov.com/tag/ecma-262-3/)
    + [JavaScript Garden](http://bonsaiden.github.com/JavaScript-Garden/)
    + Extensions
    + [RubyJS](http://rubyjs.org/) is a JavaScript implementation of all methods from Ruby classes like Array, String, Numbers, Time and more.
    + [Mout](http://moutjs.com/) is a collection of modular JavaScript utilities that can be used in the browser as AMD modules or on node.js (without any overhead).
    + [bacon.js](https://github.com/raimohanska/bacon.js): A small functional reactive programming lib for JavaScript.
    + Flow Controll
    + [Coroutine Event Loops in Javascript](http://syzygy.st/javascript-coroutines/)
    + [How To Node Article on promises describing both sides: node.js and browser](http://howtonode.org/promises)
    + [Video by Douglas Crockford on monads which is touching Promises](http://www.youtube.com/watch?v=dkZFtimgAcM)
    + [Не надо давать обещания, или Promises наоборот](http://habrahabr.ru/post/166419/)
    + [Promises are the monad of asynchronous programming](http://blog.jcoglan.com/2011/03/11/promises-are-the-monad-of-asynchronous-programming/)
    + [A Study on Solving Callbacks with JavaScript Generators](http://jlongster.com/A-Study-on-Solving-Callbacks-with-JavaScript-Generators)
    + [What's The Point Of Promises?](http://www.kendoui.com/blogs/teamblog/posts/13-03-28/what-is-the-point-of-promises.aspx)
    + [Promises/A+ Spec](http://promises-aplus.github.com/promises-spec/)
    + [Callbacks vs Coroutines](https://medium.com/code-adventures/174f1fe66127)
    + [This document is intended to explain how promises work](https://raw.github.com/kriskowal/q/master/design/README.js)
    + Libraries
    + [Standalone-Deferred](https://github.com/warpdesign/Standalone-Deferred)
    + [Standalone-Deferred](https://github.com/Mumakil/Standalone-Deferred)
    + [Flowy](https://github.com/geeqie/node-flowy)
    + [Step](https://github.com/creationix/step)
    + [kew](https://github.com/Obvious/kew) is a lightweight promise library optimized for node.js
    + [jQuery Timing](http://creativecouple.github.com/jquery-timing/)
    + [RSVP.js](https://github.com/tildeio/rsvp.js)
    + [q](https://github.com/kriskowal/q)
    + [Watch.js](https://github.com/melanke/Watch.JS)
    + [Vid: Monads and Gonads (YUIConf Evening Keynote)](http://youtu.be/dkZFtimgAcM)
    + HTML
    + [Book: Dive into HTML5](http://diveintohtml5.info/)
    + Animation
    + [Stylie](http://jeremyckahn.github.com/stylie/)
    + [animate.less](https://github.com/machito/animate.less), is a bunch of cool, fun, and cross-browser animations converted into LESS for you to use in your Bootstrap projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
    + [Canvas Advanced Animation Toolkit](http://hyperandroid.github.com/CAAT/) is an scene graph director-based animation framework for javascript based in the concept of a timeline.
    + [tween.js](https://github.com/sole/tween.js): Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.
    + [Janis](https://github.com/MikeMcTiernan/Janis) is a lightweight Javascript framework that provides simple animations via CSS transitions for modern browsers on the web as well as mobile devices.
    + [Rekapi](http://rekapi.com/): A keyframe animation library for JavaScript
    + [CanvasScript3](http://www.arahaya.com/canvasscript3/) is a Javascript library for the new HTML5 Canvas with an interface similar to ActionScript3. This library enables Sprite Groups, Layers, Mouse Events, Keyboard Events, Bitmap Effects, Tween Animations etc.
    + [Shifty](http://jeremyckahn.github.com/shifty/) is a tweening engine built in JavaScript. It is designed to fit any number of tweening needs.
    + [emile.js](https://github.com/madrobby/emile) is a no-frills stand-alone CSS animation JavaScript framework.
    + [Firmin](http://extralogical.net/projects/firmin/): a JavaScript animation library using CSS transforms and transitions.
    + [$fx()](http://fx.inetcat.com/): A compact, lightweight Javascript Library for animation.
    + [Keanu](https://github.com/wambotron/Keanu) is a micro-lib for animation on Canvas/JS.
    + [jsAnim](http://jsanim.com/) is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application.
    + [scripty2](http://scripty2.com/) is an open source JavaScript framework for advanced HTML-based user interfaces. Or simply put, scripty2 helps you build a more delicious web.
    + [Animator.js](http://berniesumption.com/software/animator/): JavaScript animation library.
    + [Processing.js](http://processingjs.org/): is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins.
    + [jQuery Transit](http://ricostacruz.com/jquery.transit/): Super-smooth CSS3 transformations and transitions for jQuery.
    + [Move.js](http://visionmedia.github.com/move.js/) is a small JavaScript library making CSS3 backed animation extremely simple and elegant.
    + [Collie](http://jindo.dev.naver.com/collie/) is a Javascript library that helps to create highly optimized animations and games using HTML 5.
    + [Year Of Moo](http://www.yearofmoo.com/): Angular.js Animations
    + [animate.css](http://daneden.me/animate/) is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
    + [Approach](http://srobbin.com/jquery-plugins/approach/)
    + Debugging
    + Performance
    + [CSS-only: Load images on demand](http://podlipensky.com/2013/06/css-only-load-images-on-demand/)
    + [The JavaScript engine family tree](http://creativejs.com/2013/06/the-race-for-speed-part-1-the-javascript-engine-family-tree/)
    + [How JavaScript compilers work](http://creativejs.com/2013/06/the-race-for-speed-part-2-how-javascript-compilers-work/)
    + [JavaScript compiler strategies](http://creativejs.com/2013/06/the-race-for-speed-part-3-javascript-compiler-strategies/)
    + [The future for JavaScript](http://creativejs.com/2013/06/the-race-for-speed-part-4-the-future-for-javascript/)
    + Dependency Injection
    + Widgets
    + Kits
    + [AlloyUI](http://liferay.github.com/alloyui.com/)
    + [Kendo UI](http://www.kendoui.com/)
    + [jQuery UI Bootstrap](http://addyosmani.github.com/jquery-ui-bootstrap/)
    + File Upload
    + [jQuery File Upload](http://blueimp.github.com/jQuery-File-Upload/)
    + [tus fileupload](http://www.tus.io/)
    + [Fine Uploader](http://fineuploader.com/)
    + Sitemap
    + [SlickMap CSS](http://astuteo.com/slickmap)
    + Table Of Contents
    + [Tocify](http://gregfranko.com/jquery.tocify.js)
    + [MagicNav.js](http://johnpolacek.github.com/MagicNav.js/)
    + [jQuery TOC](http://projects.jga.me/toc/)
    + Modals
    + [Avgrund](http://lab.hakim.se/avgrund/)
    + [Timeout Dialog](http://rigoneri.github.com/timeout-dialog.js/)
    + [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/)
    + [Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/)
    + Notifications
    + [Pines Notify](http://pinesframework.org/pnotify/)
    + [notifier.js](https://github.com/Srirangan/notifer.js)
    + [noty](http://needim.github.com/noty/)
    + [Toastr](http://codeseven.github.com/toastr/)
    + [a!ertifyjs](http://fabien-d.github.com/alertify.js/)
    + [Apprise](http://thrivingkings.com/read/Apprise-v2-The-new-and-improved-attractive-alert-alternative-for-jQuery)
    + Gallery Sliders
    + [Sequence](http://www.sequencejs.com/)
    + [Rhinoslider](http://rhinoslider.com/)
    + [Awkward Showcase](http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/)
    + [Revolver.js](http://revolverjs.com/)
    + [Responsive CSS3 Slider](http://csscience.com/responsiveslidercss3/)
    + [Roundabout](http://fredhq.com/projects/roundabout/)
    + [Slid.es](http://slid.es/)
    + Pagination
    + [jPages](http://luis-almeida.github.com/jPages/)
    + Selects
    + [jQuery Recurrence Input](https://github.com/collective/jquery.recurrenceinput.js)
    + [Select2](http://ivaynberg.github.com/select2/)
    + [jquery.selectable.js](http://endel.github.com/jquery.selectable.js/)
    + Progress Bars
    + [Percentage Loader](http://widgets.better2web.com/loader/)
    + [progress.js](https://github.com/mdix/progress.js)
    + Trees
    + [Nestable](http://dbushell.com/2012/06/17/nestable-jquery-plugin/)
    + Navigation
    + [jPanelMenu](http://jpanelmenu.com)
    + Misc
    + [jQuery Knob](http://anthonyterrien.com/knob/)
    + [DopelessRotate](http://www.dopeless-design.de/dopeless-rotate-jquery-plugin-360-degrees-product-viewer.html)
    + [jQuery Addresspicker](http://mngscl-10.s3-website-us-east-1.amazonaws.com/jquery-addresspicker-bootstrap/demos/index.html)
    + [Stratus 2](http://stratus.sc/) soundcloud player
    + Visualisation
    + [Photon](https://github.com/thomasxiii/photon)
    + [CSS3 shapes](http://www.css3shapes.com/)
    + [Morris.js](http://oesmith.github.com/morris.js/)
    + [Cube](http://square.github.com/cube/)
    + [Cubism.js](http://square.github.com/cubism/)
    + [D3.js](http://d3js.org/)
    + [Introduction to D3](http://www.janwillemtulp.com/2011/03/20/tutorial-introduction-to-d3/)
    + [Interactive D3 Tutorial](http://vogievetsky.github.com/IntroD3/)
    + [NVD3](http://novus.github.com/nvd3/)
    + [Crossfilter](http://square.github.com/crossfilter/)
    + [Datavisualization.ch](http://selection.datavisualization.ch/)
    + [jQuery.Gantt](http://taitems.github.com/jQuery.Gantt/)
    + [easy pie chart](http://rendro.github.com/easy-pie-chart/)
    + [Gauge.js](http://bernii.github.com/gauge.js/)
    + [Google Chart Tools](https://developers.google.com/chart/)
    + [Piecon](http://lipka.github.com/piecon/)
    + [Viskit.js](http://wso2.github.com/viskit/)
    + [jStat](http://www.jstat.org/)
    + [CHAP Links Library](http://almende.github.com/chap-links-library/index.html)
    + [bonsai](http://bonsaijs.org/)
    + [Smoothie Charts](http://smoothiecharts.org/)
    + [DataMaps](http://datamaps.github.com/)
    + [mxgraph](https://github.com/jgraph/mxgraph)
    + [Paper.js](http://paperjs.org) is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
    + [Timeline.js](https://github.com/VeriteCo/TimelineJS): A Storytelling Timeline built in JavaScript.
    + [xCharts](http://tenxer.github.com/xcharts/) is a JS library for creating attractive, custom data-driven chart visualizations. It uses HTML, CSS, and SVG to create dynamic, fluid charts that can be easily customized and integrated.
    + Validation & Forms
    + [ALAJAX](http://www.alajax.com/)
    + [Parsley.js](http://parsleyjs.org): Validate your forms, frontend, without writting a single line of javascript!
    + [mailcheck.js](https://github.com/Kicksend/mailcheck): A jQuery plugin that suggests a right domain when your users misspell it in an email address.
    + [one-validation](https://github.com/One-com/one-validation) is a collection of regular expressions for general validation purposes.
    + [nextVal](http://jukebox42.github.com/nextVal/) is an easy-to-use, flexible and robust form validation plugin for jQuery.
    + [Fields.js](http://schneiderik.github.com/fields/) creates collections of fields. Each field is constantly evaluated for validity, and is accessible through the collection.
    + [IV.js](http://dadleyy.github.com/IV.js/) was created to provide a intutive way to provide validation filters that are usefull in processing user input.
    + [Ladda](http://lab.hakim.se/ladda/): A UI concept which merges loading indicators into the action that invoked them.
    + [jQuery Super Labels](http://remy.bach.me.uk/superlabels_demo/)
    + Transitions
    + [Quicksand](http://razorjack.net/quicksand/)
    + [Isotope](http://isotope.metafizzy.co/docs/introduction.html)
    + [flippant.js](http://mintchaos.github.io/flippant.js/)
    + [Meaningful Transitions](http://www.ui-transitions.com/)
    + Numbers
    + [accounting.js](http://josscrowcroft.github.com/accounting.js/)
    + [numbers.js](https://github.com/sjkaliski/numbers.js)
    + Time and Dates
    + [moment.js](http://momentjs.com/): A 5.5kb javascript date library for parsing, validating, manipulating, and formatting dates.
    + [Pikaday](https://github.com/dbushell/Pikaday)
    + Search
    + [Fullproof](http://reyesr.github.com/fullproof/)
    + [lunr.js](http://lunrjs.com/) is a simple full text search engine for your client side applications.
    + Testing
    + [Writing Testable JavaScript](http://alistapart.com/article/writing-testable-javascript)
    + [Writing Testable Frontend Javascript Part 1 – Anti-patterns and their fixes](https://shanetomlinson.com/2013/testing-javascript-frontend-part-1-anti-patterns-and-fixes/)
    + [Introduction to BDD](http://dannorth.net/introducing-bdd/)
    + [cucumber](https://github.com/cucumber/cucumber/wiki)
    + [cucumber.js](https://github.com/cucumber/cucumber-js)
    + [Gherkin](https://github.com/cucumber/cucumber/wiki/Gherkin) is the language that Cucumber understands.
    + [Feature Introduction](https://github.com/cucumber/cucumber/wiki/Feature-Introduction)
    + [Given when then](https://github.com/cucumber/cucumber/wiki/Given-When-Then)
    + Template Engines
    + [ICanHaz.js](http://icanhazjs.com/)
    + [Hogan.js](http://twitter.github.com/hogan.js/)
    + [Handlebars.js](http://handlebarsjs.com/)
    + [Transparency](http://leonidas.github.com/transparency/)
    + [doT.js](http://olado.github.com/doT/)
    + [Walrus](http://documentup.com/jeremyruppel/walrus/)
    + [Chibi](https://github.com/kylebarrow/chibi)
    + [Templayed.js](http://archan937.github.com/templayed.js/)
    + [ECT](http://ectjs.com/): Fastest JavaScript template engine with CoffeeScript syntax
    + [pithy](https://github.com/caolan/pithy): An internal DSL for generating HTML in JavaScript
    + [T](https://github.com/gcao/T.js): T.js is a template engine that uses simple Javascript data structure to represent html/xml data.
    + [Nunjucks](http://nunjucks.jlongster.com/) is a full featured templating engine for javascript.
    + [Linked.in Dust.js](http://linkedin.github.com/dustjs/)
    + [The client-side templating throwdown: mustache, handlebars, dust.js, and more](http://engineering.linkedin.com/frontend/client-side-templating-throwdown-mustache-handlebars-dustjs-and-more)
    + [Leaving JSPs in the dust: moving LinkedIn to dust.js client-side templates](http://engineering.linkedin.com/frontend/leaving-jsps-dust-moving-linkedin-dustjs-client-side-templates)
    + [Tutorial](https://github.com/linkedin/dustjs/wiki/Dust-Tutorial)
    + [Testing Console](http://linkedin.github.com/dustjs/test/test.html)
    + Security
    + RoutingAndUrls
    + [Crossroads.js](http://millermedeiros.github.com/crossroads.js/)
    + [Hash.js](http://jonnystromberg.com/hash-js/)
    + [director](https://github.com/flatiron/director)
    + [Davis.js](http://davisjs.com/)
    + [path.js](http://mtrpcic.github.com/pathjs/)
    + [URI.js](http://medialize.github.com/URI.js/)
    + [Roadcrew.js](http://grobmeier.github.com/Roadcrew.js/)
    + [jQuery Address](http://www.asual.com/jquery/address/)
    + [page.js](https://github.com/visionmedia/page.js)
    + Rich Text Editors
    + [WYSIHTML5](http://xing.github.com/wysihtml5/)
    + [MarkItUp](http://markitup.jaysalvat.com/)
    + [Hallo](http://hallojs.org/)
    + [Substance Composer](https://github.com/substance/composer)
    + [Proper](https://github.com/michael/proper)
    + [SnapEditor](http://snapeditor.com/)
    + [Create.js](http://createjs.org/)
    + [MDMagick](http://fguillen.github.com/MDMagick/)
    + [X-editable](http://vitalets.github.com/x-editable/)
    + Code Viewers & Editors
    + [Rainbow.js](http://craig.is/making/rainbows)
    + [Intelligist](http://srobbin.com/jquery-plugins/intelligist/)
    + [Prism.js](http://prismjs.com/)
    + [Brackets](https://github.com/adobe/brackets)
    + [CodeMirror](http://codemirror.net/)
    + [Scripted](https://github.com/scripted-editor/scripted)
    + [tabIndent.js](http://julianlam.github.com/tabIndent.js/)
    + [Behave.js](http://jakiestfu.github.io/Behave.js/) is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to write code in.
    + Refactoring
    + [Refactoring Javascript with kratko.js](http://perfectionkills.com/refactoring-javascript-with-kratko-js/)
    + Promises
    + Performance
    + [Writing Fast, Memory-Efficient JavaScript](http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/)
    + Videos
    + [Faster HTML and CSS: Layout Engine Internals for Web Developers](http://www.youtube.com/watch?v=a2_6bGNZ7bA): by David Baron of Mozilla
    + [Google I/O 2012 - Breaking the JavaScript Speed Limit with V8](http://www.youtube.com/watch?v=UJPdhx5zTaw)
    + [DOM, HTML5, & CSS3 Performance](http://paulirish.com/2011/dom-html5-css3-performance/): A video by Paul Irish
    + [Nicholas Zakas | High Performance Javascript](http://vimeo.com/16241085)
    + [Building A Performant HTML5 App](http://youtu.be/ft9R72R7TlI) with Trunal Bhanse and Akhilesh Gupta (LinkedIn)
    + General Information
    + [Writing Fast, Memory-Efficient JavaScript](http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/)
    + [JavaScript Performance Best Practices](http://www.developer.nokia.com/Community/Wiki/JavaScript_Performance_Best_Practices) by Nokia
    + [Improving the performance of your HTML5 App](http://www.html5rocks.com/en/tutorials/speed/html5/)
    + [Best Practices for a Faster Web App with HTML5](http://www.html5rocks.com/en/tutorials/speed/quick/)
    + [Front-end performance for web designers and front-end developers](http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/)
    + Memory
    + [Memory 101](https://developers.google.com/chrome-developer-tools/docs/memory-analysis-101)
    + [Memory leak patterns in JavaScript](https://www.ibm.com/developerworks/library/wa-memleak/)
    + [Understanding and Solving Internet Explorer Leak Patterns](http://msdn.microsoft.com/en-us/library/bb250448.aspx)
    + [Finding memory leaks](http://gent.ilcore.com/2011/08/finding-memory-leaks.html)
    + [How to write low garbage real-time Javascript](https://www.scirra.com/blog/76/how-to-write-low-garbage-real-time-javascript)
    + [JScript Memory Leaks](http://javascript.crockford.com/memory/leak.html)
    + [Tracking Down Memory Leaks in Node.js](https://hacks.mozilla.org/2012/11/tracking-down-memory-leaks-in-node-js-a-node-js-holiday-season/)
    + [Effectively Managing Memory at Gmail scale](http://www.html5rocks.com/en/tutorials/memory/effectivemanagement/)
    + Tools
    + [Chrome Developer Tools](https://developers.google.com/chromw-developer-tools/docs/overview)
    + [Heap Profiling](https://developers.google.com/chrome-developer-tools/docs/heap-profiling)
    + [Profiles Panel](https://developers.google.com/chrome-developer-tools/docs/profiles)
    + [JavaScript Profiling With The Chrome Developer Tools](http://coding.smashingmagazine.com/2012/06/12/javascript-profiling-chrome-developer-tools/)
    + [Introduction to Chrome Developer Tools, Part One](http://www.html5rocks.com/en/tutorials/developertools/part1/)
    + V8
    + [Optimizing for V8](http://floitsch.blogspot.co.uk/search/label/V8) - very technical series on the V8 engine
    + [I-want-to-optimize-my-JS-application-on-V8 checklist](http://mrale.ph/blog/2011/12/18/v8-optimization-checklist.html)
    + [Performance tips for JavaScript in V8](http://www.html5rocks.com/en/tutorials/speed/v8/)
    + [JavaScript Leak Finder](http://code.google.com/p/leak-finder-for-javascript/)
    + [Introduction Article](http://google-opensource.blogspot.de/2012/08/leak-finder-new-tool-for-javascript.html)
    + [Navigation Timing](http://www.html5rocks.com/en/tutorials/webperformance/basics/)
    + [Firebug Paint Events](https://addons.mozilla.org/en-US/firefox/addon/firebug-paint-events/)
    + [Locache](https://github.com/d0ugal/locache): JavaScript caching framework for client side caching in the browser using localStorage
    + DOM Manipulation
    + [Rendering: repaint, reflow/relayout, restyle](http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/)
    + [Reflows & Repaints: CSS Performance making your JavaScript slow?](http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascript-slow/)
    + [The new game show: "Will it reflow?"](http://calendar.perfplanet.com/2009/the-new-game-show-will-it-reflow/)
    + [When does reflow happen in a DOM environment?](http://stackoverflow.com/questions/510213/when-does-reflow-happen-in-a-dom-environment)
    + [Speeding up JavaScript: Working with the DOM](https://developers.google.com/speed/articles/javascript-dom)
    + [Efficient JavaScript](http://dev.opera.com/articles/view/efficient-javascript/) on dev.opera.com
    + [When Does JavaScript trigger reflows and rendering](http://mir.aculo.us/2010/08/17/when-does-javascript-trigger-reflows-and-rendering/)
    + [How (not) to trigger a layout in WebKit](http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-in-webkit.html)
    + Animation
    + [requestAnimationFrame for smart animating](http://paulirish.com/2011/requestanimationframe-for-smart-animating/)
    + [Leaner, Meaner, Faster Animations with requestAnimationFrame](http://www.html5rocks.com/en/tutorials/speed/animations/)
    + [Collie - high performance Animation library](http://jindo.dev.naver.com/collie/)
    + [Using requestAnimationFrame to Optimize Dragging Events](http://blog.digitalbackcountry.com/2012/05/using-requestanimationframe-to-optimize-dragging-events/)
    + [requestAnimationFrame API: now with Sub-Millisecond Precision](http://updates.html5rocks.com/2012/05/requestAnimationFrame-API-now-with-sub-millisecond-precision)
    + [Why moving elements with translate() is better than pos:abs top/left](http://paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/)
    + Hardware Acceleration
    + [Visualizing WebKit’s hardware acceleration](http://mir.aculo.us/2011/02/08/visualizing-webkits-hardware-acceleration/)
    + [List of Chromium Command Line Switches](http://peter.sh/experiments/chromium-command-line-switches/)
    + Browser Internals
    + [How Browsers Work: Behind the scenes of modern web browsers](http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/)
    + [How Browsers Work - Part 1 - Architecture](http://www.vineetgupta.com/2010/11/how-browsers-work-part-1-architecture/)
    + [Know Your Engines at O’Reilly Velocity 2011](https://blog.mozilla.org/dmandelin/2011/06/16/know-your-engines-at-oreilly-velocity-2011/)
    + [Video: GDC 2012: From Console to Chrome](http://www.youtube.com/watch?v=XAqIpGU8ZZk)
    + [Fast CSS: How Browsers Lay Out Web Pages](http://dbaron.org/talks/2012-03-11-sxsw/master.xhtml)
    + [Video: What Browsers Really Think of Your App](http://dayofjs.com/videos/22158462/web-browsers_alex-russel)
    + [WebKit blog five-part series on rendering](https://www.webkit.org/blog/114/webcore-rendering-i-the-basics/)
    + [Video: Alex Russell - Life Of A Button Element](http://vimeo.com/32364192)
    + [How a web page loads](http://gent.ilcore.com/2011/05/how-web-page-loads.html)
    + [Video: The Fundamentals, Primitives and History of HTML5](http://paulirish.com/2011/primitives-html5-video/)
    + Scaling (Serverside)
    + [Fully Loaded Node](https://hacks.mozilla.org/2012/11/fully-loaded-node-a-node-js-holiday-season-part-2/)
    + [Using secure client-side sessions to build simple and scalable Node.JS applications](https://hacks.mozilla.org/2012/12/using-secure-client-side-sessions-to-build-simple-and-scalable-node-js-applications-a-node-js-holiday-season-part-3/)
    + [Building A Node.JS Server That Won’t Melt](https://hacks.mozilla.org/2013/01/building-a-node-js-server-that-wont-melt-a-node-js-holiday-season-part-5/)
    + [Optimising NginX, Node.JS and networking for heavy workloads](https://engineering.gosquared.com/optimising-nginx-node-js-and-networking-for-heavy-workloads)
    + HTTP Transport
    + [Fantastic front-end performance: Concatenate, Compress & Cache](https://hacks.mozilla.org/2012/12/fantastic-front-end-performance-part-1-concatenate-compress-cache-a-node-js-holiday-season-part-4/)
    + [Video: Cache Is King!](http://www.youtube.com/watch?v=HKNZ-tQQnSY) by Steve Souders
    + Modularity & Loaders
    + [CrapLoader](https://github.com/gregersrygg/crapLoader)
    + [Writing Modular JavaScript With AMD, CommonJS & ES Harmony](http://addyosmani.com/writing-modular-js/)
    + [Путь JavaScript модуля](http://habrahabr.ru/post/181536/)
    + [Modular JavaScript with RequireJS](http://blog.credera.com/topic/technology-solutions/java/modular-javascript-with-requirejs/)
    + [LABjs & RequireJS: Loading JavaScript Resources the Fun Way](http://msdn.microsoft.com/en-us/magazine//ff943568.aspx)
    + [JavaScript Inheritance and Public/Private members](https://go-left.com/blog/2011/08/js-inheritance/)
    + [require.js plugins](https://github.com/jrburke/requirejs/wiki/Plugins)
    + [Deep dive into the murky waters of script loading](http://www.html5rocks.com/en/tutorials/speed/script-loading/)
    + [Terminology: Modules](http://dailyjs.com/2013/05/20/terminology-modules/)
    + Package Management
    + [bower](http://twitter.github.com/bower/)
    + [volo](https://github.com/volojs/volo)
    + [parcel](https://github.com/sifteo/parcel) is easy package management using a file server and path conventions, with built in support for Amazon S3. It is designed to encode package metadata, including name, version and OS within a path. The conventions allow this metadata to be queried, without the need for a database.
    + [jam.js](http://jamjs.org/)
    + [component](http://component.io/)
    + Mobile
    + Internationalisation
    + Image Manipulation
    + [Paintbrush.js](https://github.com/mezzoblue/PaintbrushJS)
    + [Obscura](https://github.com/OiNutter/Obscura)
    + [jCrop](http://deepliquid.com/content/Jcrop.html)
    + HTTP
    + [Using CORS](http://www.html5rocks.com/en/tutorials/cors/)
    + [Cross-domain Ajax with Cross-Origin Resource Sharing](http://www.nczonline.net/blog/2010/05/25/cross-domain-ajax-with-cross-origin-resource-sharing/)
    + Events
    + Error Handling & Debugging
    + [Tracing.js](https://github.com/ebobby/tracing.js) - Javascript function tracing.
    + [JavaScript error handling anti-pattern](http://www.nczonline.net/blog/2009/04/28/javascript-error-handling-anti-pattern/)
    + [Tattletale](https://github.com/vimeo/tattletale)
    + Documentation
    + [docco](http://jashkenas.github.com/docco/) is a quick-and-dirty, hundred-line-long, literate-programming-style documentation generator.
    + [Ronn](https://github.com/rtomayko/ronn) builds manuals. It converts simple, human readable textfiles to roff for terminal display, and also to HTML for the web.
    + [dox](https://github.com/visionmedia/dox) is a JavaScript documentation generator written with node. Dox no longer generates an opinionated structure or style for your docs, it simply gives you a JSON representation, allowing you to use markdown and JSDoc-style tags.
    + [YUIDoc](http://yui.github.com/yuidoc/) is a Node.js application that generates API documentation from comments in source, using a syntax similar to tools like Javadoc and Doxygen.
    + [coddoc](http://doug-martin.github.com/coddoc/) is a jsdoc parsing library. Coddoc is different in that it is easily extensible by allowing users to add tag and code parsers through the use of coddoc.addTagHandler and coddoc.addCodeHandler. coddoc also parses source code to be used in APIs.
    + Windows 8 Style
    + [Metro UI CSS](http://metroui.org.ua/)
    + [BootMetro](http://aozora.github.com/bootmetro/)
    + [metro-bootstrap](http://talkslab.github.com/metro-bootstrap/)
    + [Metro UI Template](http://metro-webdesign.info/)
    + [Droptiles – Metro-Style Web Dashboard](http://www.codeproject.com/Articles/421601/Droptiles-Metro-style-Live-Tiles-powered-Web-Dashb)
    + [Metro JS](http://www.drewgreenwell.com/projects/metrojs)
    + [Windows Metro tiles with Javascript and CSS3](http://tholman.com/projects/tileJs/)
    + [Cosmo](http://bootswatch.com/cosmo/)
    + [Vid: What Web Developers Need to Know When Building Metro style Apps](http://channel9.msdn.com/Events/TechEd/NorthAmerica/2012/DEV352)
    + [CSS3 Microsoft Modern Buttons](http://ace-subido.github.com/css3-microsoft-metro-buttons/index.html)
    + [Visual Studio 2012 Image Library - 5,000+ Images Downloadable Now](http://dotnet.dzone.com/articles/visual-studio-2012-image)
    + [Metro User Interface Implementation and Resources](http://www.queness.com/post/13493/metro-user-interface-implementation-and-resources)
    + Video
    + [SublimeVideo](http://sublimevideo.net/)
    + Library Collections
    + [jster](http://jster.net/)
    + [MicroJS](http://microjs.com/) helps you discover the most compact-but-powerful microframeworks.
    + [JSPkg](http://jspkg.com/): reference library and package manager
    + [TheToolbox](http://www.thetoolbox.cc/): more general collection of tools
    + [Unheap](http://www.unheap.com/)
    + Chat
    + [XMPP using JSON](https://xmpp-ftw.jit.su/)
    + Prototyping
    + [fixie](http://fixiejs.com/)
    + [Holder.js](http://imsky.github.com/holder/)
    + JSON
    + [JSON Query Language](http://jsoniq.org/)
    + Presentations
    + [Ancesor.js](http://kirkas.ch/ascensor/)
    + [Slideshow.html](http://dmfrancisco.github.com/slideshow.html/)
    + [HTML5 Slideshow](http://www.ravelrumba.com/blog/html5-slideshow/)
    + [jQuery Screen](http://xiam.menteslibres.org/p/jquery-screen/)
    + [reveal.js](https://github.com/hakimel/reveal.js)
    + [html5 Slides by Google](http://code.google.com/p/html5slides/)
    + [Slides](https://github.com/briancavalier/slides)
    + [CSSS](http://lea.verou.me/csss/sample-slideshow.html)
    + [deck.js](http://imakewebthings.com/deck.js/)
    + [controldeck.js](http://controldeck.aws.af.cm/)
    + Scrolling
    + [Scrollpath](http://joelb.me/scrollpath/)
    + [jQuery NiceScroll](http://code.google.com/p/jquery-nicescroll/)
    + [FoldScroll](http://soulwire.github.com/FoldScroll/)
    + [Scrollorama](http://johnpolacek.github.com/scrollorama/)
    + Keyboard
    + [Mousetrap](http://craig.is/killing/mice)
    + [Keypress](http://dmauro.github.com/Keypress/)
    + [konami.js](http://mckamey.github.com/konami-js/)
    + Tables & DataGrids
    + [Tablecloth.js](https://sites.google.com/site/y2intra/wiki/technology/javascript)
    + [Responsive Data Tables](http://css-tricks.com/responsive-data-tables/)
    + [stacktable.js](http://johnpolacek.github.com/stacktable.js/)
    + [FooTable](http://themergency.com/footable/)
    + [Handsontable](http://warpech.github.com/jquery-handsontable/index.html)
    + [Backgrid.js](http://wyuenho.github.com/backgrid)
    + [Gridster](http://gridster.net/)
    + [Flex](http://jsonenglish.com/projects/flex/)
    + Security
    + [oAuth Consumer Library](http://oauth.googlecode.com/svn/code/javascript/) by John Kristian
    + [ohauth](https://github.com/tmcw/ohauth)
    + [How iD Logs in to OpenStreetMap](http://mapbox.com/osmdev/2013/01/15/oauth-in-javascript/)
    + [JSO - a Javascript OAuth Library](https://github.com/andreassolberg/jso)
    + [xdoauthproxy](https://code.google.com/p/xdoauthproxy/)
    + [JavaScript Cryptography](http://disattention.com/13/javascript-cryptography/)
    + [Javascript Crypto Library](http://www.clipperz.com/open_source/javascript_crypto_library)
    + [Stanford Javascript Crypto Library](http://crypto.stanford.edu/sjcl/)
    + [mozilla / jwcrypto](https://github.com/mozilla/jwcrypto)
    + Critic
    + [Javascript Cryptography Considered Harmful](http://www.matasano.com/articles/javascript-cryptography/)
    + [Final post on Javascript crypto](http://rdist.root.org/2010/11/29/final-post-on-javascript-crypto/)
    + Misc
    + [zip.js](http://gildas-lormeau.github.com/zip.js/)
    + [simpleCart.js](http://simplecartjs.org/)

    -------------------------------------------------

    + [Talks To Help You Become A Better Front-End Engineer In 2013](http://www.smashingmagazine.com/2012/12/22/talks-to-help-you-become-a-better-front-end-engineer-in-2013/)
    + [Designer School](http://designer-school.com/)
    + [TheExpressiveWeb](http://beta.theexpressiveweb.com/)
    + [Aware.js](http://xoxco.com/projects/code/aware/) is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.