Custom CSS Signatures in Apple Mail
This has been one of the best Apple Mail tips that I found from the web.
All you need is some basic knowledge of (X)HTML and CSS and the rest is very well explained on the tutorial. Do not let that long and very detailed steps discourage you, it is actually very easy to do!
Read the tutorial (by All Forces)
Characters Window on Mac
More than three years using Mac, I have always been frustrated when I need to type non-regular characters. On Windows I usually had this huge list of ASCII characters list then entered them by pressing ALT + (ASCII code number).
On Mac I think it cannot work that easy, but I maybe wrong. Anyway, just today I just find the better way to do this by accident. Turns out all you need to do is press alt+command+T and it will open the Characters window.
Not all the characters I use are there, but still need to check it more.
Web Developer Browser Extension
Everybody loves Firefox. Even if I use Safari as my main browser most of the time, Firefox’s expandability is still irreplaceable. With so many available themes, plugins and extensions, you can personalize your browser according to your browsing or work behavior.

Firefox toolbar with Web Developer extension
So, what’s my favorite? Since switching to Mac, I do not test out everything one-by-one anymore but I have to say Chris Pederick’s Web Developer extension is one of the best of productivity purpose. It provides you with almost every tool you need as a web developer like customize how the CSS should be displayed, window resize, display outlines (tables, links, frames) and so much more.
For me this is perticularly important and makes everything easier to learn how a site or webpage is built.
This extension is available for Firefox, Flock and Seamonkey, and will run on Windows, Mac OS X and Linux.
Chris Pederick’s Web Developer page link
Graffletopia - Stencils for OmniGraffle
![]()
If you use a Mac, you would probably use OmniGraffle to replace Visio as a tool to create diagrams, flowcharts and other similar documents. The coolest thing with it is you can add a list of graphics called stencils from the originally provided ones to make a wider use of the app.
Just today I stumbled on Graffeltopia, a site dedicated to give OmniGraffle users a huge range of free stencil add-ons. These are contributed by users, so expect for the number to keep on growing.
Check it now to start adding your stencils or look for the ones you need for your projects.
App of The Week: Renamer4Mac
Price (older version): free, link
Price (newer version): $26, link
Renamer4Mac is a simple tool to batch rename your files. All you need to do is drag all the files to its window and set the rules. On the older version you can rename the files based on Search & Replace, Insert/Overwrite, Remove Characters, Number, or Uppercase/Lowercase. This tool is very handy if you do a lot of repetitive file renaming.
While I am writing this post I just realized that this app is no longer maintained by its original developer. So you need to spend an extra $26 (with 10 days free trial) to get the latest version. I am sure more features have been added, but you can still get the one I have been using all this time here.
App of The Week: AppCleaner
Price: free
If you always look for small Mac apps that you hope they can make your everyday tasks easier and cannot resist to try them one by one, then you will need AppCleaner. It is a small app which allows you to thoroughly and easily uninstall your apps.
I used to leave so many small preference files scattered on my Mac because I would download, install and uninstall apps that did not really work for me. With AppCleaner, it makes everything more simply and safe.
Disabling CSS on Safari
For all of you who ever use other than Safari as your primary browser, you might notice that Safari is lacking the feature to disable/enable CSS on a page/site. So it is always enabled.
We can use something called Safari bookmarklets to solve this. Here’s how:
- From Safari, CMD+right click then choose ‘Copy Link’ this link.
- Add the previously copied link as one of your bookmark, you may name it ‘Toggle Linked CSS’ or anything.
- Now, everytime you browse just click on that bookmark during a visit of a page and you can see it with its CSS disabled.
- Confused? Just try to test it by clicking on the link above or the added bookmark on this site first then.
Note that this trick does not work 100% on every site, but more than enough as an alternative.





