Faster npm

By  on  

Good news! npm was updated in January and this is no longer an issue!

npm is the premier package repository on the web and we all use it a ton, obviously.  npm has started using basic progress bar graphics to notify users of download progress, which is nice, but appears to slow down the entire process.  This tweet blew my mind:

Executing the following before an npm install dramatically speeds up the process:

npm set progress=false

You wont see a beautiful progress bar but you will get faster installs which, in my opinion, is an excellent trade off!

Recent Features

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

  • By
    CSS Filters

    CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...

Incredible Demos

  • By
    Introducing MooTools LazyLoad

    Once concept I'm very fond of is lazy loading. Lazy loading defers the loading of resources (usually images) until they are needed. Why load stuff you never need if you can prevent it, right? I've created LazyLoad, a customizable MooTools plugin that...

  • By
    Animated AJAX Record Deletion Using MooTools

    I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with MooTools JavaScript. The PHP - Content & Header The following snippet goes at the...

Discussion

  1. I think it’s worth mentioning that these settings are saved in a dotfile ~/.npmrc that can be backed up easily. Automating the machine setup ftw! :D

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!