CSS Tools: Reset CSS

After reading the post and miscellaneous comments on CSS-Tricks on the subject of What Kind of CSS Reset Do You Use? I went and looked at Meyer’s CSS Tools: Reset CSS – several comments had mentioned it. It is a really good and THOROUGH one and in my own, day to day quick-and-dirty designs I never have a chance to run into the more elaborate difficulties which this stylesheet covers (I think some boss of mine would probably turn instantly gray if I’d suggest to let older browsers depreciate while the newer ones get fully fletched latest CSS beauty).

Now, after studying the following Reset CSS, I have to admit that I might actually be changing my old habits – have it as a default file and link it to each new HTML design you make as first in the line (before the current site design) and you really have a solid ground to build on:

Meyer’s CSS Tools: Reset CSS

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you’re interested. Reset styles quite often appear in CSS frameworks, and the original “meyerweb reset” found its way into Blueprint, among others.

The reset styles given here are intentionally very generic. There isn’t any default color or background set for the body element, for example. I don’t particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.

In other words, this is a starting point, not a self-contained black box of no-touchiness.

If you want to use my reset styles, then feel free! It’s all explicitly in the public domain (I have to formally say that or else people ask me about licensing). You can grab a copy of the file to use and tweak as fits you best. If you’re more of the copy-and-paste type, or just want an in-page preview of what you’ll be getting, here it is.

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
body {
line-height: 1;
ol, ul {
list-style: none;
blockquote, q {
quotes: none;
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;

/* remember to define focus styles! */
:focus {
outline: 0;

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
del {
text-decoration: line-through;

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;

Thanks to Paul Chaplin for the blockquote / q rules.*/

Tip: Prevent iPhoto from opening when you plug in your iPhone

If it ever has annoyed you that iPhoto opens when plugging in the iPhone… there is quite a simple solution. Personally I do not suffer from my machine slowing down to a crawl, but it IS nice to be able to control WHICH camera will trigger a reaction:

But ever since I got an iPhone, I’ve been frustrated that plugging it in opens up iPhoto, too. The combination of iPhoto and iTunes opening and syncing slows my computer to a crawl. And it’s particularly painful when most of the time I just want to sync my address book or music.
Fortunately it’s pretty easy to work around this annoyance. Keep reading to see how you can teach your Mac to open iPhoto when you plug in your camera but not your phone.

I recently stumbled across an option in Image Capture’s preferences that lets you select any application to open when a camera is connected. That gave me an idea: what if I could tell it to open a special application that would check to see which camera I’d plugged in? Then that application could in turn open iPhoto only if I’d plugged in my Digital Rebel.

It turns out you can do all of this using the command line and a little bit of AppleScript.

— (Via Signal vs. Noise » Tip: Prevent iPhoto from opening when you plug in your iPhone).

Fresh out of Recovery.

There you are, riding along on your day, buzzing and happily working on your project. Everything is dandy and then it hits, from one moment to the other the world goes under and chaos takes over.

This can be in the form of a power outage at the wrong moment, like… just while writing something to disk; or the stupidity of not making a backup in the first place and deleting an important file. Or even encounter such a dumb situation as to having a secondary backup on a disk image and then not only putting it into the trash can but even emptying the trash can – only to find out that the original backup is corrupt and to realize that 150 gigabyte of data was gone. Ouch. That was before Time Machine of course.

What do you do in such a situation? I clearly had serious thoughts of leaving my husband and my cats and of getting out of the business and to go back to cow milking on some hidden Swiss alp. Once I had gotten over the first shock I began hunting down the perfect recovery application.

There are some interesting choices around, some of “pay the price per megabyte recovered” but you haven’t a clue if the recovered data will be anything useful. Others would find different types of files, like images or bookmarks and then toss all found of one type into a folder, if possible with completely scrambled file names. Try getting organization into THAT for several gigabytes of data, when ALL folder hierarchy has been trashed. No go, no go. No use at all.

The application I found which saved me from rolling up into a ball and to give up was from Stellar Phoenix. It was the ONLY application that was able to find the deleted disk image! And not only to find it but to be able to figure out the folder structure and to retaining this when recovering. As my disk image when expanded was larger than 2 gigabyte I ran into some additional (Mac) problems but I received exceptional support from that company, including a long distance phone call and in the end I was probably able to recover 4/5 of the original data. You can read more on the original stupidity and following recovery on my personal blog – more than a year later it does seem all pretty funny.

The other odd recovery situation I encountered was that some five HTML files got by accident deleted with no backups. I knew that they still were in some cache file and the browser had not been closed down yet, but I needed to get to those cached files and was not able to find the correct one on my drive but knew it was there. The application I found here which came to my rescue was File Juicer which as one of its features allows you to extract images and HTML files from Safari cache. As my current cache was really big I let the application run over night and was truly impressed with the outcome.

I am sure there are other gems out there. Let me know what has worked for you!

Gallery Of Date Stamps And Calendars

Date stamps and calendars don’t have to be boring and plain. Check out this gallery of found items:

Designer’s attention to small details often has a significant impact on how visitors perceive the overall design of a web-site. Although users’ main focus usually lies on finding information, it’s nice to find the content being supported by finest visual details. This holds for favicons, shopping carts, pagination and tag clouds we’ve covered in our earlier posts. But it also holds for… well, date stamps and calendars. Apparently, the latter are used not only in weblogs, but also on large web-sites where events, news and any kind of time-planning is involved.

— (Via Smashing Magazine » Gallery Of Date Stamps And Calendars).

Persistence to push through the Gates.


Watching this documentary for the second time, I remain utterly fascinated by the total persistence, perseverance and boldness Christo possesses to get this project to become a reality.

Can’t stop watching in awe how the light hits the orange weave and filters through the cloth and they caress the wind. Such majesty. Even a rainy day does not harm the beauty.

People just staring and staring, the park buzzing, filled with people and kids and many languages. It’s just as if a UFO had landed.

20 million dollars for 2 weeks of reality.

Watching them flutter in the wind only 3 years later you really wonder why they couldn’t allow it for 2 months instead and see spring grow around it.

It seems to be one of these things that unites people. Watching them discuss and celebrate the event during sunshine and snow is one of these unique moments of civilization, it almost brings time to a stand still.

30 years of perseverance to get this project done. 30 years of vision. 30 years of people telling him and his wife that it can’t be done. How many dance clubs have opened and closed in this time, how many fashions have passed, and especially since the internet everything seems to go faster by than ever. Perseverance and non-waivering vision through all of this.

It can be done.