PNGCRUSH a Directory of Images
One easy way of reducing website load time is by optimizing your images. PNG graphics are often more bloated than they need to be so using PNGCRUSH should be a no-brainer. PNGCRUSH's basic usage provides only single-file-crushage but I've created a script that crushes PNGs in directories recursively.
The Bash Script
for png in `find $1 -name "*.png"`;
echo "crushing $png"
pngcrush -brute "$png" temp.png
mv -f temp.png $png
Do whatever you can to compress your images so that your website will load as quickly as possible. PNGCRUSHing your images does not cause a loss of quality -- only a loss of excess file size! PNGCRUSHing my images saved over 120KB of bloated imagery for the recent redesign.
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
Many useful attributes have been provided to web developers recently: Â download, placeholder, autofocus, and more. Â One helpful older attribute is the spellcheck attribute which allows developers to Â control an elements ability to be spell checked or subject to grammar checks. Â Simple enough, right?...