Splash of Style...Macs, Photography, Design, and other Passions

An Easy Way to Remember CSS Comments

June 12, 2006 by debbie T | CSS

The syntax for a css comment is somewhat difficult to remember. I know I always had trouble until I thought of an easy way to remember.

Think of a game of tennis

/* tennis anyone */

The rackets are on the outside with the tennis balls inside. Don’t forget to add a space in before and after your css comment text.

For more CSS Basics, as well as xhtml tutorials, check out my Web Designs Made Simple web site.

Don’t Forget to Use CSS Background-color

June 7, 2006 by debbie T | CSSWeb DesignWeb Development

I recently altered my Firefox preferences to display a custom peach color background. Initially the purpose was to ensure that my designs were displaying their CSS background colors properly.

Since that time, I have noticed other web pages were displaying my custom background instead of what the designers thought they had designed.

All it takes is a simple background declaration in the CSS file and this problem can be fixed.

body {background: #fff;}

So many designers either forget or take for granted that their default browser background color (usually white) will be the same default color for all their visitors. No so!

To change the settings in Firefox to display a custom background

* Choose Firefox Preferences>Content>Color
* Change the background color swatch to any color but white.
* Check the box next to “Allow pages to choose their own colors”

set custom background color in firefox

I couldn’t find a preference setting for Safari, but for Opera users, choose Preferences>Web Pages.

You will be amazed at how many web sites will now display your custom background color. I have started a list of high profile pages:

* http://www.google.com/analytics/
* Adobe Events
* Sears.com
* Ebay Reviews
* Domain Tools
* Boagworld – I wrote to the designers concerning their omission.
* Backbone Technology

Dan Cederholm on Inside the Net

April 26, 2006 by debbie T | CSSPodcastingWeb DesignXHTML

This week, Dan Cederholm from Simple Bits was the guest interview on the Inside the Net podcast.

I think this has to be one of my all time favorite podcast interviews. Dan is so down to earth and it’s refreshing to hear conversation about standards and web design.

What Happened to My Styles??

April 4, 2006 by debbie T | CSSWeb Design

UPDATE: Styles are back. I figured since I started early, I will end it a little early.

Why does my web site look so plain and boring?

I decided to take off my CSS clothes, and run around naked for the day. April 5th is the official day to be bare, but since time-zones are all over the place, I deleted my style sheet tonight April 4, 6:10 EST.

For more info on Naked Day, check the official web site at http://www.dustindiaz.com/naked-day/

First Annual Naked Day

April 2, 2006 by debbie T | CSSWeb Design

http://www.dustindiaz.com/naked-day/

April 5th will be the first annual Naked Day – Remove all CSS from your site, and allow the true (x)html structure shine through.

It sounds like fun! Any takers? I signed up, but now I have to set up a reminder of some sort!

Redesigning Splash of Style

November 12, 2005 by debbie T | CSSWeb Design

I have been working for the past two days on the site redesign. I have most of it finished, but there is a big snafu on the single pages, where the side bar is not contained in the main division tag.

Oh well, back to the drawing board tomorrow.

UPDATE: After some research I found a web page that helped solve the problem I was having with containing floats within my division.

http://www.quirksmode.org/css/clearing.html

I chose to add the “clear: all” declaration to the footer id selector. It seems to work.

CSS Property Compatibility Chart

November 5, 2004 by debbie T | CSS

What a handy tool for Designers: http://www.corecss.com/properties/full-chart.php. Lots of details for each browser and each property.

Ten CSS Tricks

September 9, 2004 by debbie T | CSS

What an insightful article from Evolt.org – Ten CSS Tricks You May Not Know. Some I was familiar with, but there were a couple of new tidbits as well.

Update: The article was critiqued by Tantek’s Thoughts.

CSS Luminary List

July 10, 2004 by debbie T | CSS

Check out the compliled (and growing) list of CSS Luminaries from Eric Meyers blog: Eric’s Archived Thoughts: Wanted: CSS Luminary. What a great resource of names and web links.

Top Style Tips

May 20, 2004 by debbie T | CSSWeb DesignWeb DevelopmentXHTML

For those interested in learning more about TopStyle, Nick Bradbury has a very informative new blog for TopStyle Tips