Search results for Scripts fewliveasync.js

Roll Your Own Asset Pipeline with Gulp

by Brian Rinaldi

…Then add this script task to your gulpfile.js: var gulp = require(‘gulp’); var less = require(‘gulp-less’); var concat = require(‘gulp-concat’); gulp.task(‘less’, function() { return gulp.src(‘css/app.less’) .pipe(less()) .pipe(gulp.dest(‘dist’)); }); gulp.task(‘scripts‘, function()…

ECMAScript 6: Jump in, the water is warm!

by Mark Volkmann

…next line, Traceur looks for todolist.js // in the build directory instead of the scripts directory. import TodoList from ‘./todolist’; var app = angular.module(‘Todo’, []); var todoList = new TodoList();…

A JavaScript Build System Shootout: Grunt vs. Gulp vs. NPM

by Nicolas Bevacqua

…itself. Defining tasks for npm is as easy as adding properties to a scripts object in your package manifest. The name of the property will be used as the task…

5 Things You Should Stop Doing With jQuery

by Burke Holland

…id=”zack”>This element is on the page <strong>BEFORE</strong> all the scripts. No document ready needed.</p> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script> <script type=”text/javascript” charset=”utf-8″> // if you include your scripts at the very bottom, you…

Managing Bower Components with Grunt

by Simon Smith

…moving any files. bowercopy: { options: { srcPrefix: ‘bower_components’ }, scripts: { options: { destPrefix: ‘scripts/vendor’ }, files: { ‘jquery/jquery.js‘: ‘jquery/jquery.js‘, ‘angular/angular.js‘: ‘angular/angular.js‘, ‘react/react.js‘: ‘react/react.js‘ } } } The srcPrefix…

5 Tips for developing a multi-lingual website

by Monique Rivers

…fr, etc. #4 – Account for the specificity of language scripts The script of a particular language can seriously affect the page’s looks and arrangement. When translating content into languages…

Writing a Command Line Utility using Node

by Brian Rinaldi

…other scripts. In the case of our calculator script, this isn’t needed as it is unlikely our script will be used as part of other scripts. We can delete this….

Using Bootstrap 3 as a Web Development Workflow Tool

by Brian Rinaldi

…stripBanners: false }, bootstrap: { src: [ ‘js/transition.js‘, // … Other Bootstrap scripts … //New script name goes here … ‘js/my-awesome-script.js‘ //Example ], dest: ‘dist/js/<%= pkg.name %>.js‘ } } To…

Building a 2D Browser Game with PhysicsJS

by Jasper Palfree

…that scripts are loaded at the end of the body tag so that I don’t need to worry about DOM readiness. We’ll also be using RequireJS to load all of…