![]()
If you have not used this plugin before, you are missing out. Icon fonts reduce network requests and page weight. This genius plugin converts your SVG icons being used into a suite of icon fonts that work in Internet Explorer, Chrome, Firefox and more without lifting a finger. No web build process is complete without CSS magnification, right? Combine and minify your CSS files with a lot of different customisation options that make this plugin one of the must haves alongside Javascript minification. I always include this plugin in every variation of mu gulpfile.js. What Plumber does is catches errors and prevents the pipe from breaking. There is one annoying thing you will learn pretty quickly using Gulp, without using a proper error handler or plugin like Plumber, if something errors out, your build process stops. If you are not already using source maps, you should. gulp-sourcemapsĪs Abraham Lincoln once profoundly said, “He who not uses source maps is either a fool or a coward, or both” – so honour his memory by automatically generating source maps for your minified Javascript files to debug them without having to use production versions. Use this in combination with gulp-sourcemaps and you have yourself minified and debuggable Javascript files. Reduce network requests and speed up your application by concatenating. Minifying Javascript is one thing, but combining multiple files into one Javascript file, now that is a whole new level. This is one of those must have plugins to use in your Gulpfile (if you are working with Javascript that is). gulp-uglifyĪ tried and tested plugin for minifying Javascript using UglifyJS2. The logging functions alone can be helpful, the colouring functionality also helps you visually highlight different tasks and results as well. ![]() From functions that allow you to colour console output to logging and more. gulp-utilĪn official set of helper functions to use in your Gulp files. If you are new to Gulp or are not sure what plugins to use, this post highlights ten of the most useful plugins for streamlining your front-end development workflow like a nazi killing spy. Old man Grunt is still out and about, but it is only a matter of time before Gulp takes its place. Operating System:Windows 7, 8/8.It is no secret that Gulp.js is one of the best task runners on the front-end block. Prepros can export files ready for deployment or It can just upload all the files via FTP or SFTP for you. Prepros has Chrome DevTools like inspector to remotely inspect & debug devices. Synchronize user input such as forms and other keyboard events in real time. Synchronize clicks and other mouse events in real time. ![]() Prepros synchronizes browsers across multiple devices for easier testingĬross browser synchronized scroll in real time. Prepros has built in server that can help preview your site in multiple devices like phones and tablets. Losslessly optimize image to reduce bandwidth and load time. Minify & Uglify files with ease to reduce bandwidth and load time. Prepros can minify and optimize CSS, javascript & images with just one click.Ĭoncatenate and combine javascript files to reduce http requests. ![]() ![]() Prepros livepage chrome plguin browser sync livereload code#Prepros reloads your browser automatically every time you save a file in code editor. Prepros livepage chrome plguin browser sync livereload full#Prepros can compile almost all preprocessing languages like Sass, Less, Stylus, Cssnext, Jade/Pug, Markdown, Slim, Coffeescript etc.įorget black screen full of millions of unreadable errors. Prepros livepage chrome plguin browser sync livereload windows#Compile Sass, Less, Stylus, Jade, CoffeeScript on Mac, Windows & Linux with Live Browser Reload. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |