Cult-Foo

JavaScript Compression

If you developing rich web applications, you start to think how to compress JavaScript to keep bandwidth and page load times as small as possible. I found 5 different tools to compress javascript files, which can be run using cron, or run on some event to automate work on production-server.

1. JSMin. Commonly used compressor, based on simple rules, ported on many languages, including JavaScript

2. JavaScript::Minifier. Separate perl module, compression ratio equal to JSMin

3.Dojo ShrinkSafe aka Rhino. JavaScript compressor that parses the JavaScript using the rhino library, included in Dojo. Run as jar-module.

4. Dean Edwards Packer. Well-known tools from far-famed Dean Edwards. Ported on some languages, including PHP4/5.

5. YUI. JavaScript minifier designed to be 100% safe and yield a high compression ratio. Run as jar-module.

From my own experience i can tell
– no sense to compress files less 1 kb
– packer shows best results ( just my own opinion )
– always check you functionality of your compressed files. You can try to verify your code with JSLint
– remember that you can gzip compressed files to get smaller file

Good article about gzipping js

Isometric pixel picture

You still want to be a pixel artist? Sure you can start from our tutorial. But if you think that reading sucks, you can start right now by using new service, called Cubescape
cubescape

Textures in Web Design

Textures – dangerous weapon of the designers of the 90’s. But nowadays you also need textures sometimes… So here goes a couple of sites with wide variety of textures.

These sites are the biggest collections of textures.
http://www.textureking.com/ – nice and usable design, broad range of textures and categories
textureking

Unofficial Google shell

goosh.org – the unofficial google shell. It looks like usual unix shell, except that fact that commands are interfaces to google services. If you are unix geek and command line is your favourite tool, this site is definitely for you.

Lightbox Clones

Do you remember when you saw lighbox in action for the first time ? I bet you was amazed. Wow, nice thing, i must have it on my site :)

Since that time many people use it, add some features. Someone rewrite code to use it with his favourite js library.

And now all this clones are gathered together on The Lightbox Clones Matrix. You can filter it by libraries used, content it can display, etc.

View All FreshFoo posts
  • Rainbow

    27/03/2012

    Code syntax highlighting library written in Javascript.

  • sigma.js

    26/03/2012

    Lightweight JavaScript graph drawing library.

  • SpritePad

    13/03/2012

    The easiest way to create your CSS sprites.

  • KineticJS

    29/02/2012

    HTML5 Canvas JavaScript library that extends the 2d context by enabling canvas interactivity for desktop and mobile applications. Related posts: The HTML5 Flash Marriage: Geolocation sigma.js chainvas Flotr2 Elycharts

  • Morris.js

    28/02/2012

    Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy. Related posts: sigma.js Flotr2 FitVids.JS Rainbow jQuery Boilerplate

  • noty

    14/02/2012

    jQuery plugin which is have too many options for display notification Related posts: FitVids.JS WordPress plugin “Xata33 Tag” jFontSize jQuery Bacon! jQuery Optimization Tips

  • Hogan.js

    13/02/2012

    JavaScript Templating Engine created by the development team at Twitter. It can be used to compile your assets and to manage dynamic templates.

  • Cyfe

    08/02/2012

    Web-based software that helps you bring all your business metrics into one single location

  • Pears

    07/02/2012

    Common patterns of markup and styles for fast development.

  • Flotr2

    06/02/2012

    Awesome JavaScript library for drawing HTML5 charts and graphs. Related posts: Morris.js sigma.js Elycharts KineticJS Pokki 1UP

View All WebNewsWebNews RSS