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 […]
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 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.
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;”> </a> </span> and then this javascript kicks in to manage the change: http://www.deanesmay.com/styleswitcher.js
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.
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 […]
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 […]
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. Web hosting is also a service that […]
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 […]
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 notetab.com 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 […]