|
39 | 39 | + [Comparison between different Observer Pattern implementations](https://github.com/millermedeiros/js-signals/wiki/Comparison-between-different-Observer-Pattern-implementations) |
40 | 40 | + [The media object saves hundreds of lines of code](http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code) |
41 | 41 | + Workflow |
42 | | - + [Browser-sync](https://github.com/shakyShane/browser-sync): is an amazingly awesome tool to sync all input, scrolling, and clicking across all the devices in your testing workflow. Scroll on your desktop, watch the page scroll on your android - realtime. |
43 | | - + [Video: 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) |
44 | 42 | + [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. |
45 | 43 | + [Grunt](http://gruntjs.com/) is a task-based command line build tool for JavaScript projects. |
46 | 44 | + [Web development is getting complex. Let's go shopping.](http://ruudud.github.com/2012/12/22/grunt/) |
47 | 45 | + [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. |
48 | 46 | + [A beginner’s guide to Grunt](http://blog.mattbailey.co/post/45519082789/a-beginners-guide-to-grunt) |
49 | 47 | + [Grunt - Synchronised Testing Between Browsers/Devices](http://blog.mattbailey.co/post/50337824984/grunt-synchronised-testing-between-browsers-devices) |
50 | | - + [gulp.js](http://gulpjs.com/) is a build system that makes use of node's streams. |
| 48 | + + [Gulp](http://gulpjs.com/) is a build system that makes use of node's streams. |
| 49 | + + [Gulp + Browserify: The Everything Post](http://viget.com/extend/gulp-browserify-starter-faq) |
| 50 | + + [The vision, history, and future of the project](https://medium.com/@eschoff/gulp-3828e8126466) |
| 51 | + + [Managing Your Build Tasks With Gulp.js](http://code.tutsplus.com/tutorials/managing-your-build-tasks-with-gulpjs--net-36910) |
| 52 | + + [Mod](https://github.com/modulejs/modjs) is a task-based workflow tooling for web, it help developers quickly build robust and high-performance web applications. |
51 | 53 | + [Brunch](http://brunch.io/) is an assembler for HTML5 applications. It‘s agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology. |
| 54 | + + [FIS](https://github.com/fex-team/fis-plus): A front-end integrated solution which included automation tool, development framework, development environment |
| 55 | + + [Roots](http://roots.cx/) A light, super fast, and intuitive build system meant for rapid advanced front end development. |
| 56 | + + [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. |
| 57 | + + [Mimosa](http://mimosa.io) is a batteries included modern web development toolkit. Bower, RequireJS, Transpilers, Pre-Processors, Micro-Templating, Linting, Optimization, Serving. To start. |
| 58 | + + [Automaton](http://indigounited.com/automaton/): Task automation tool built in JavaScript. |
| 59 | + + [Cartero](https://github.com/rotundasoftware/cartero): A modular client side asset manager. |
52 | 60 | + Front-end Process - Flat Builds and Automation |
53 | 61 | + [Introduction](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-1-introduction/) |
54 | 62 | + [Environment Setup & Yeoman](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-2-environment-setup-and-yeoman/) |
55 | 63 | + [Grunt Tasks](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-3-grunt-tasks/) |
56 | 64 | + [CSS Framework (Inuit)](http://www.gpmd.co.uk/blog/front-end-process-flat-builds-and-automation-part-4-css-framework/) |
57 | 65 | + [CSSCSS](http://zmoazeni.github.io/csscss/): A CSS redundancy analyzer that analyzes redundancy. |
58 | 66 | + [Helium](https://github.com/geuis/helium-css): JavaScript tool to scan your site and show unused CSS. |
59 | | - + [FIS](https://github.com/fex-team/fis-plus): A front-end integrated solution which included automation tool, development framework, development environment |
60 | 67 | + [JSLint](http://jslint.com/) for detecting errors or problems by static analysis of JavaScript programs. |
61 | 68 | + [JSHint](http://jshint.com/) for more flexible static analysis of JavaScript programs. |
62 | 69 | + [JSLint Error Explanations](http://jslinterrors.com) for explanations of the warnings given by JSLint and JSHint. |
63 | 70 | + [ImageOptim-CLI](https://github.com/JamieMason/ImageOptim-CLI): Make lossless optimisation of images part of your automated build process. |
64 | 71 | + [jpegoptim](https://github.com/tjko/jpegoptim): Utility to optimize/compress JPEG files. |
65 | 72 | + [Pngcrush](http://pmt.sourceforge.net/pngcrush/) is an optimizer for PNG (Portable Network Graphics) files. |
66 | 73 | + [Glue](https://github.com/jorgebastida/glue) is a simple command line tool to generate CSS sprites. |
67 | | - + [Roots](http://roots.cx/) A light, super fast, and intuitive build system meant for rapid advanced front end development. |
68 | | - + [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. |
69 | | - + [Mimosa](http://mimosa.io) is a batteries included modern web development toolkit. Bower, RequireJS, Transpilers, Pre-Processors, Micro-Templating, Linting, Optimization, Serving. To start. |
70 | | - + [Automaton](http://indigounited.com/automaton/): Task automation tool built in JavaScript. |
71 | | - + [Cartero](https://github.com/rotundasoftware/cartero): A modular client side asset manager. |
72 | | - + [Mod](https://github.com/modulejs/modjs) is a task-based workflow tooling for web, it help developers quickly build robust and high-performance web applications. |
73 | 74 | + [Wraith](https://github.com/BBC-News/wraith) is a screenshot comparison tool. |
74 | 75 | + [Penthouse](https://github.com/pocketjoso/penthouse): Critical path CSS generator. |
| 76 | + + [Browser-sync](https://github.com/shakyShane/browser-sync): is a tool to sync all input, scrolling, and clicking across all the devices in your testing workflow. |
| 77 | + + [Video: 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) |
75 | 78 | + Weekly & Daily Resources |
76 | 79 | + [HTML5 Weekly](http://html5weekly.com/) |
77 | 80 | + [HTML5 Bookmarks](http://html5bookmarks.com/) |
|
0 commit comments