Custom CSS Signatures in Apple Mail

Posted October 1st, 2008 in Applications

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!

Create a fancy signature for your Apple Mail

Create a fancy signature for your Apple Mail

Read the tutorial (by All Forces)

CSS Reference

Posted August 27th, 2008 in Web development

There are too many good CSS out there, possibly thousands, but I still want to share my most useful links. I always look that these sites first whenever I need something new or face some problem and need solution.

  • Listmatic – Using CSS and a simple list to create radically different list options
  • CSS Table Gallery – A showcase of how CSS and data tables can work together to create usable and pretty results
  • Position Is Everything – Explain some obtuse CSS bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to “make it work” without using tables for layout purposes
  • A List Apart – Explores the design, development, and meaning of web content, with a special focus on web standards and best practices
  • CSS tests and experiments

You can share yours too..

Disabling CSS on Safari

Posted April 5th, 2007 in Browser

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:

  1. From Safari, CMD+right click then choose ‘Copy Link’ this link.
  2. Add the previously copied link as one of your bookmark, you may name it ‘Toggle Linked CSS’ or anything.
  3. Now, everytime you browse just click on that bookmark during a visit of a page and you can see it with its CSS disabled.
  4. 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.

Switching to XHTML/CSS

Posted March 6th, 2007 in Web development, Work related

After spending years of layouting using tables in HTML, I decided to start working on my coming web projects using full XHTML/CSS. This would be a big step to keep up with the dynamics of WWW. I know it’s old news and kind of a bit late, but better than never.

Professional CSS: Cascading Style Sheets for Web DesignFor the others who are also interested with this new web standard, I recommend Professional CSS: Cascading Style Sheets for Web Design as a reference book. Of all the books I’ve read about XHTML and CSS, this one gave me the best view and understanding as the writers give real life example with very detailed descriptions for implementing them. Even for non-experienced web designers or people who just started learning about web design, I would still recommend it as the first chapter explains all the basics to create a web project.

The other problem that has been holding me back to start was the supporting application. As powerful as Macromedia/Adobe Dreamweaver can be for a WYSIWYG HTML editor, it still lacks the support for full XHTML/CSS layouting. Finally, after months of searching and trying, I found West Civ’s Style Master (available for both Win and Mac). I have only tried it for a few hours, but already find almost all of the required features for the transition. Hope this is the app I’ve been looking for, or hopefully Adobe make a new breakthrough when they release the next version of Dreamweaver.