Archive for the 'tools' Category

Reducing the payload: compression, minification, 204s

Dec 11th, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 11 This post is part of the 2009 performance advent calendar experiment. Stay tuned for the next articles. After removing all the extra HTTP requests you possibly can from your waterfall, it’s time to make sure that those that are left are as small […]

 

Performance tools

Dec 2nd, 2009

2010 update: Lo, the Web Performance Advent Calendar hath moved Dec 2 This is the second in the series of performance articles as part of my 2009 performance advent calendar experiment. Stay tuned for the next articles. While theoretically you can speed up your site by just blindly following advice from this blog and other […]

 

Installing PHP and Apache on Mac OSX – that was (pretty) easy

Mar 7th, 2009

This posts is one of those “note to self” kinda posts. I just finished installing PHP and Apache on my Mac OS 10.5.6 and though I should document the experience should I (or you) need to do it again. It could already be there The default OS install came with goodies like ruby and php […]

 

JSLint on Mac + TextMate integration

Feb 21st, 2009

UPDATE: Ryan Grove has a better script to display the JSLint results. So basically follow the instructions here until you get to Step 2, point 5 (where you write the command to run JSLint). Then head over to Ryan’s blog post to get the better script. JSLint is an indispensable tool if you’re serious about […]

 

Installing Rhino on Mac

Feb 20th, 2009

To quote http://www.mozilla.org/rhino/: Rhino is an open-source implementation of JavaScript written entirely in Java. It is typically embedded into Java applications to provide scripting to end users. Rhino allows you to use JavaScript: on the server-side, so you can ditch RoR, Perl, PH… well, keep PHP 🙂 … in favor of JavaScript on the command […]

 

Blog-to-podcast with ffmpeg

Feb 16th, 2009

ffmpeg is such an amazing tool, looks like it’s for video what ImageMagick is for images. An all-powerful all-formats wicked cool command-line tool. This blog post is an introduction to some of the MP3 capabilities of ffmpeg. I’ll use ffmpeg to transform a blog post into a podcast-ready mp3 file. If you continue to read […]

 

FTP on the command line

Feb 16th, 2009

Since I switched to Mac I need to learn a bunch of stuff I was taking for granted for years. Recently I needed to upload a bigger file or two to my server and scp is not the tool for the job. So instead of starting a hunt for a decent free FTP client, I […]

 

Installing JPEGTRAN on a Mac or Unix/Linux

Jan 16th, 2009

JPEGtran is cool because it lets you optimize JPEG images losslessly by: Stripping meta data (meta is sometimes bulky and useless for web display) Optimizing Huffman tables or Convert a JPEG to progressive encoding From my experience 1 is more important than 2 or 3 and 3 gives better results than 2 for images over […]

 

Paint.NET is cool…

Dec 23rd, 2008

… but doesn’t write PNG8 with alpha transparency, unfortunately. This comment on the YUI blog got me all excited by the possibility of having another designers tool other than Fireworks that creates PNG8 (palette PNGs) with alpha transparency. Overall Paint.NET is a very simple and friendly program (as a non-designer I’m often intimidated by Photoshop’s […]

 

Installing ExifTool on Dreamhost

Dec 23rd, 2008

ExifTool looks like a very promising tool to fiddle with all sorts of JPEG metadata (needed for smush.it) but first I had to make sure I can install it on Dreamhost. Although installation didn’t go as described on the exiftool site (since I don’t have sudo access on Dreamhost), it’s still installable and it’s actually […]

 

Smush.it presentations

Oct 5th, 2008

Smush.it is getting more and more buzz all over the internets. Now there’s even a song about it! Me and Nicole are pretty busy answering email, but a little slow to document the thing, I though I should at least shed some light on how the tool works by using some of the presentations. What […]

 

smush.it is a smash hit

Oct 2nd, 2008

Since me and Nicole announced smush.it yesterday at Ajax Experience and thanks to Christian Heilmann posting it on Ajaxian and Yahoo Developer Network, this thing seems to have exploded! It’s all over the blogosphere, twitter-sphere and every other sphere. BTW, Chris never seizes to amaze – he posted the video on Ajaxian at 11:01 am […]

 

ppt to pdf to slideshare via imagemagick

Aug 8th, 2008

Some time ago I posted the slides from my Velocity 2008 talk on Slideshare and since the slides have tables, all the tables came out with the wrong font and all messed up and misplaced. Instead of trying to figure out what the heck is wrong with Powerpoint and how to work around it, I […]

 

HttpFox

Jul 25th, 2008

HTTPFox is an interesting Firefox extension for monitoring the HTTP traffic, obviously inspired by the IE-only commercial HttpWatch. HTTPFox shows some stuff that are missing from Firebug’s Net Panel, such as requests for favicons and such. There’s also a little search box that lets you filter the list of components. Pretty cool too is the […]

 

Bookmarklet maker tool

May 10th, 2008

Helps you easily turn any javascript code into a bookmarklet and post on your blog: http://tools.w3clubs.com/bookmaker/

 

Firefox/Firebug extension creator wizard

Apr 26th, 2008

Always wanted to create a Firefox extension? Or a Firebug extension? Here’s an easy way to take off the ground, no more excuses. Firefox Extensions The way most people get started with creating a Firefox extension is copying an existing extension and tweaking. This is not the best way as you can guess, the best […]

 

YSlow performance extension for Firebug

Jul 25th, 2007

Steve Souders, performance architect at Yahoo, announced today the public release of YSlow. What’s YSlow? It’s an extension to Firebug (yes, correct, Firebug, not Firefox) that helps with performance optimization efforts. It scores your page on the scale A to F, based on compliance with Yahoo’s performance rules. It’s a tool that has been used […]

 

csssprites.com update

Jul 22nd, 2007

Added: – generation of a GIF sprite in addition to the PNG – small client-side only check if at least two files are updated – link to a Yahoo search for “css sprites” – note begging people not to upload huge files Only the first thing is a feature, the other three are to raise […]

 

PHP/Javascript dev tools for TextPad

Jul 16th, 2007

Here are some convenient tools I’ve added to my TextPad editor, hope you’ll like ’em. TextPad tools Stuff can easily be added to TextPad’s Tools menu, like I did, shown on the screenshot. In order to do so, you go Configure -> Preferences. Then select Tools on the tree to the left, then Add. You […]

 

Two bookmarklets for debugging in IE

Feb 20th, 2007

Here are two bookmarklets that could make your life easier when trying to figure out why in IE a page behave as wrong as it behaves. For Firefox we have Firebug, so none of this is necessary. For IE we have also Firebug lite (see my post), but you need some setup before you can […]

 

User stylesheet in IE

Jan 20th, 2007

Let’s say you want to quickly try out some small stylesheet changes, but you don’t want to (or prefer not to, or for some reason temporarily you just can’t) modify your application’s CSS file(s). In FF it’s easy – you have Firebug and you can play with styles until blue in the face. And in […]

 

Firebug console for IE

Dec 6th, 2006

Update: A better version of what I was trying to do is here. It works around the cross-domain permission problems in IE by not loading a page in the frame, but putting there the actual content. Firebug – no words to describe how cool it is, really. After the recent new release (1.0. beta) the […]

 

JSON renderer for Text_Highlight

Oct 27th, 2006

Text_Highlighter is one of my favourite PEAR packages, seems like I’m addicted to highlighting source code. After adding BB code and simple HTML renderers and an ABAP code syntax definition, today I played with adding a JSON renderer. Useful in case you want to get highlighted source code in your new shiny AJAX app. Array […]

 

HTML2DOM

Sep 14th, 2006

Here’s this HTML-2-DOM service – http://www.html2dom.com What it does is pretty simple – you paste some HTML code and the output is JS script code that uses DOM functions to produce the same result. Could be useful when you’re working on an AJAX-style app that generates new content using JavaScript. I build this simple script, […]

 

Hello POV-Ray

Aug 31st, 2006

teardrop2.png Code example for creating POV-Ray 3d graphics.