Wednesday, June 09, 2010

Mash, minify, and validate your javascript, stylesheet, and dotless files with Chripy. The VS Extension that not only has a cute mascot but provides easy access to Google Closure Tools or YUI Compressor…

Visual Studio Gallery - Chirpy - VS Add In For Handling Js, Css, and DotLess Files

“Use Google Closure Tools or YUI Compressor for .Net to minify and mash all of your precious assets. It's easy, it's flexible, and it's automatic.

…”

CodePlex - Chirpy - VS Add In For Handling Js, Css, and DotLess Files

Meet Chirpy

Mashes, minifies, and validates your javascript, stylesheet, and dotless files.

Zippy-236x300

Chirpy is chippy. Use Google Closure Tools or YUI Compressor for .Net to minify and mash all of your precious assets. It's easy, it's flexible, and it's automatic.

For more info, check out weirdlover.com.

New contributors are always more than welcome. If you're in a hurry, feel free to download the installer for Visual Studio 2010 or Visual Studio 2008.” [GD: Project Description leached in full]

weirdloverChirp Chirp: Visual Studio Add-In for DotLess, Js, and Css Files

“You’d think minification would be a lot cooler and easier. Like, say, Honey, I Shrunk The Kids. But, alas.

Wayne Brantley released a nice DotLess translator a couple months ago. Before that, Phil Haack created a nice T4 template for mashing and minifying DotLess, Css, and Js files. Today, in the spirit of my Zippy Series, I’ve enhanced (or deprecated [on?]) Wayne’s creation with a couple of new features, which I’ll discuss briefly below.

Before you get too frisky, make sure to download Chirpy Zippy here.

Also, if you’re new to working with Visual Studio AddIns, or if you just need a little help installing Chirpy Zippy, feel free to check out the instructions page. It shouldn’t take you more than a couple of minutes to set Zippy up.

And now, drum roll, shock and awe, get naked please, or sit there, and let’s just get right down to business. The business: for starters, assuming we’ve already added Chirpy Zippy to our AddIns folder, let’s put it to good use. Add a new javascript file to your project. We’ll call it hello.chirp.js. Adding the “.chirp.js” suffix to our filename is Zippy’s cue to look after the file. Quickly, you’ll notice that our new javascript file has a “codebehind” file. Ah, snap:

image …”

weirdlover - Chirpy Has a New Cage (and New Features!)

“Already know sir Zippy biblically? Well, then. Due to overwhelming demand (and a deadly case of the avian bird flu), Chirpy (aka Chirpy Zippy) is now available as an Alpha release on CodePlex. Check it out.

The Codeplex project includes installers for Visual Studio 2008 and Visual Studio 2010. All you have to do: download the installer of your dreams, and click Next four hundred (hyperbolic) times.

Don’t worry. Just like before, you can still use the “.chirp.js”, “.chirp.css”, “.chirp.less”, and “.chirp.config” extensions. But, thanks to magic-maker Francis Noel, you’ll also be able to use these extensions:

  • “.yui.js” — Use YUI compressor to compress your javascript file.
  • “.whitespace.js” — Use Google Closure Tools to remove the whitespaces from your javascript file.
  • “.simple.js” — Use Google Closure Tools to compress your javascript file with simple optimizations.
  • “.chirp.js” — This extension is not new to Chirpy (me knows this), but when you create a “.chirp.js” file, Chirpy will try his best to pick the most optimized compression technique for the file that you’ve fed him. Good times.

…”

How can you go wrong with a mascot like that?  :)

No comments: