Have you ever want to upload multiple files at once, or see file upload progress, or style your upload elements, or control filetypes before upload ? Today i want to suggest you a collection of file uploaders ready to use in your web projects.
MooTools Tutorial for Designers
This article inspired by “jQuery Tutorials for Designers“. It contains a couple of useful examples for beginners. All examples working with current mootools release – MooTools v1.2
1. Basics
- mootools.net – official mootools site
- docs.mootools.net – detailed documentation
- mootools.net/download – here you can download latest version of mootools
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
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.
Using Google AJAX Libraries API
I bet, you already hear about Google AJAX Libraries. Google are hosting copies of jQuery, Prototype, mooTools and Dojo on their CDN.
You can load any available version using it’s API. But i see, that some people experiencing troubles using API and their own scripts.
Here is a quick solution.
google.load("jquery", "1");
google.setOnLoadCallback(function() {
$('<script type="text/javascript" src="your_script.js"></script>').appendTo('head');
$('<script type="text/javascript" src="another_your_script.js"></script>').appendTo('head');
});You can also load jquery plugins in that way.
2 pages
