Web design | development | programming | research | marketing

Tools for improvement

Here are some tools that we use day to day. I will keep adding new ones as time goes by.

Favicon:

http://tools.dynamicdrive.com/favicon/

CSS compressor:

http://www.minifycss.com/css-compressor/

Javascript compressor:

http://javascriptcompressor.com/

Image optimiser:

http://www.imageoptimizer.net/Pages/Home.aspx

Page analysis:

http://www.the-escape.co.uk/tools/pageanalyzer/

Graphic editor – Flash online

http://www.pixlr.com/editor/

HTaccess tools – password protect / redirect etc

http://www.htaccesstools.com/

Extending a partition on Centos

http://bit.ly/eotpqg

http://wiki.centos.org/HowTos/CentOS5ConvertToRAID

Twitter widgets in php

http://bit.ly/grtyFw

Great ipad simulator

http://alexw.me/ipad/

File conversion

http://www.zamzar.com/

Jquery forms

http://speckyboy.com/2009/08/26/20-jquery-plugins-and-tutorials-to-enhance-forms/

http://pixelmatrixdesign.com/uniform/

Jquery CMS helpers

http://devsnippets.com/article/reviews/using-jquery-to-style-design-elements-20-impressive-plugins.html

Bad word and spam protection

http://urbanoalvarez.es/blog/2008/04/04/bad-words-list/

badwords

mysql admin

http://www.phpmyadmin.net/home_page/index.php

http://phpminiadmin.sourceforge.net/

Postcode / long / lat conversions

http://www.streetmap.co.uk/streetmap.dll?

Browser Developers guides:

IE9 – http://msdn.microsoft.com/en-us/ie/ff468705.aspx

Installing Zend Framework via command line

From command line follow these steps

$ wget http://framework.zend.com/releases/ZendFramework-1.11.3/ZendFramework-1.11.3.tar.gzReplace the url with the latest, see http://framework.zend.com/download/latest

$ gunzip ZendFramework-1.11.3.tar.gz
$ tar -xvf ZendFramework-1.11.3.tar
$ ln ZendFramework-1.11.3 zendThe last one there is a personal preference. When upgradring ZF you only need to replace the symbolic link.
Next up, test that zf.sh is working by running it:

$ ./zend/bin/zf.shThis should display the zf.sh usage docs.
$ ./zf.sh create project zend.example.com

Get the location of an IP address

http://www.networldmap.com/TryIt.htm

More HTML5 coolness

http://slides.html5rocks.com/

111 Best online design tools

http://skyje.com/2010/01/web-design-tools/

Flash to html5 convertor

http://labs.adobe.com/technologies/wallaby/

Urlencode / Urldecode

http://meyerweb.com/eric/tools/dencoder/

http://strftime.net/ php date function helper

HTML5 only new browser need apply

Sinuous – HTML5

A game built using canvas which will test your mouse pointer reflexes.

Sinuous 01

Bakemono – HTML5

A little monster that I brought to life with JavaScript. Bakemono is Japanese for monster.

Bakemono 01

Keylight – HTML5

A playhead travels between keys which resonate in sound depending on where they are placed in the room.

Keylight 01

Keylight 02

Keylight 03

Blob – HTML5

Soft blobby physics. It’s like, you know… jelly?

Blob 01

Blob 02

Blob 03

Magnetic – HTML5

Control and create currents of particles which react to magnetic nodes.

Magnetic 01

Magnetic 02

Trail – HTML5

Particle movement patterns that generate smooth trails.

Trail 01

Trail 02

Trail 03

Particle Depth – HTML5

Particle positioning patterns using depth.

Particle Depth 01

Particle Depth 02

Wave – HTML5

A wave with bubbles floating on the surface, the bubbles each represent a tweet with the word “water” in it.

Wave 01

Wave 02

Wave 03

Particles – HTML5

Particles slide across the screen and grow as they get close to the mouse.

Great image manipulation using html5

http://mezzoblue.github.com/PaintbrushJS/demo/

Tags: html5 jquery javascript svg