Archive for the 'CSS' Category

Making the most of CSS

Thursday, December 9th, 2004

I’m always on the lookout for new ways to tweak CSS for design purposes. The more you can rely on CSS to drive layout, versus images, tables, etc. the faster your site is going to load and the more you’ll distinguish your site from others. Mandarin Design is one such site that is pushing the […]

XHTML/CSS layout generation

Thursday, October 21st, 2004

CSS on the fly at this site. You can try various layouts via drop down and radio buttons and the css is generated for you.

css Zen Garden: a comic twist

Friday, April 30th, 2004

css Zen Garden: A Comic Twist is to date one of the coolest implementations of the Zen Garden project. The project is simple: take one html page and separate the design from the content. There are thus hundreds and hundreds of designs for this one web page, all enacted simply by switching up the stylesheet.

Nice Color Change via clicks

Sunday, April 25th, 2004

See the Color Change in the top right corner. I really like the simplicity of this. It is just lines like this: <span style=”background: #eeeeee; border: 2px solid #006699″> <a href=”#” onclick=”setActiveStyleSheet(‘default’)” title=”default” style=”text-decoration: none;”>&nbsp;&nbsp;&nbsp;</a> </span> and then this javascript kicks in to manage the change:

CSS 101: Cascading Style Sheet Beginner’s Course

Monday, April 12th, 2004

Excellent introductory css course called: CSS 101: Cascading Style Sheet Beginner’s Course. Ever notice that out of the millions of pages on the web you wind up at a handful over and over? This is one worth some time.

some sites just look good

Monday, April 12th, 2004

We sometimes lament the fact that we just don’t seem to have that “magic” that makes a site look good and clean. We often wonder is it an inate talent? Is it something that can be learned? How do you get better at it? This site explains a redesign: Maki. I wonder what I can […]

Opaque or Transparent Backgrounds via CSS

Monday, March 22nd, 2004

Some of the cooler looking sites sometimes use transparent layers/div’s to achieve the look. One method to get a transparent background is to use a png image with partial tranparency (see a discussion of that here). Unfortunately, Internet Explorer doesn’t much like png’s unless you go a bit to make them work. You can also […]

Color Shorthand RGB in CSS

Saturday, March 20th, 2004

I have been working on understanding CSS (Cascading Style Sheets) better as they appear to be where it is at for good web design. I really enjoy looking around the Zen Garden Project and the Word Press CSS Contest. These are awesome examples of style separated from content. One of the things that tended to […]

New Tute!: The IE5 Box Model Hack and other solutions for fixing IE5/CSS layout problems

Sunday, March 14th, 2004

I have posted a new “tutorial” although it is really just an accumulations of findings I had in trying to solve the broken box model in Internet Explorer 5. This results in problems for css layout sites when viewed in IE5 unless some adjustment is made. In this article, The Box Model Hack and other […]

Simple CSS Mouseover Text Buttons

Thursday, March 11th, 2004

No JavaScript, no images, no tables! Simple clean Cascading Style Sheet solution to rollover text buttons. The idea and much of the coding for this one came from the yahoo html group. It has been tested in current Internet Explorer/FireFox/Mozilla browsers with success. Demonstration page showing simple text buttons with highlight on rollover. The […]

Recent Posts