Jukka-Pekka Keisala

I got inspired by kari patila’s post where he uses CSS class to hide spam text using CSS and I wrote something my own by using JavaScript and content to write email address.

.email:after {
content: “@jpkeisala.com”;
}

<a class=”email” xhref=”http://www.jpkeisala.com/v6/#” mce_href=”http://www.jpkeisala.com/v6/#” onclick=”window.location = ‘mailto:’+this.innerHTML+’@jpkeisala.com’”>jp</a>

a bit ugly but i think it works.

Polls or graphs are usually images generated from desktop software or web scripts perhaps sometimes flash+xml, and when it comes to web it is too much resource consuming to generate image on the fly.
Since we don’t have CANVAS or SVG yet on wide use there is a CSS trick.
The idea of using CSS to generate Bar Graphs could be very interesting in this case, and Apples to Oranges have a pretty interesting article describing in details how to create Bar Graphs with CSS.

The IE Developer Toolbar provides several features for deeply exploring and understanding Web pages.

• Explore and modify the document object model (DOM) of a web page.
• Locate and select specific elements on a web page through a variety of techniques.
• Selectively disable Internet Explorer settings.
• View HTML object class names, ID’s, and details such as link paths, tab index values, and access keys.
• Outline tables, table cells, images, or selected tags.
• Validate HTML, CSS, WAI, and RSS web feed links.
• Display image dimensions, file sizes, path information, and alternate (ALT) text.
• Immediately resize the browser window to 800×600 or a custom size.
• Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
• Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
• Display a fully featured design ruler to help accurately align objects on your pages.

Dowload here

a little hack that fixes Z-Index over form select boxes at danwebb.net.

Probably every single web designer have had to explain to their clients why in webpage they cant use font what is in their design guideline. I found this nice little hack that allows you to go around with this by replacing text with small flash movie. With sIFR you get nice anti-aliased headers or navigation elements to your page.
Check out sample and article about it.

Rakesh Pai writes The Economics of XHTML. Intresting reading for anyone who wants to know how to reduce costs by using xhtml instead html.

Trenton Moss from Evolt.com writes Ten CSS tricks you may not know. Article contains CSS tricks that are not often used normal webdesigners. Worth of checking out even if you think you are CSS guru.

Even that IE has terrible CSS support it still have one nice little hack to help develop CSS’s and other stuff too.
Instead using browser detect in JavaScript there is Conditional Comments to do same trick.
Read the rest of this entry »

I found nice collection of css hacks. Of course real css programmer wont need these but anyway here it is. Read the rest of this entry »

Richard from http://www.under-construction.cz tip me out The WellStyled Workshop site contains intresting articles about CSS.