Ess - Sibran Lens

CSS hover effect

Posted by Sibran - 07/05/07 at 06:05:07 pm

An hover effect on 4 tabbed boxes.

http://veerle.duoh.com/blog/comments/css_hover_effect/

Cheat sheets

Posted by Sibran - 07/05/07 at 09:05:20 am

Download these three cheat sheets, very usefull on the day you forget everything : )

- CSS cheat sheets
- HTML cheat sheets
- Microformats cheat sheets

And two extra cheat sheets, the Google Guide Quick Reference and htacces cheat sheet

source: ilovejackdaniels.com, google search and Veerle’s blog.

CSS style theme switcher

Posted by Sibran - 25/04/07 at 04:04:06 pm

What does this thing do?

6 times a day, the body will change to a different class name. In the css file CSSTimeSwitch.css will be defined what has to change.

- after 01:00 => class .night
- after 07:00 => class .morning
- after 11:00 => class .noon
- after 13:00 => class .afternoon
- after 17:00 => class .late-afternoon
- after 20:00 => class .evening

The class names are changed with a javascript, if javascript is disabled the general style will be used.

Read the full article and download the source files at read more.

Continue reading CSS style theme switcher…

CSS gradients

Posted by Sibran - 25/04/07 at 03:04:33 pm

This is an easy way to change the color of your gradient, using png and body background color.

Continue reading CSS gradients…

The best of March 2007 by Smashing Magazine

Posted by Sibran - 25/04/07 at 10:04:54 am

Every month Smashing Magazine take a look around and select some of the most interesting web-development-related web-sites. You’ll find useful references, tutorials, services, tools, techniques and articles Smashing Magazine have found over the last 30 days.

This month they have found great articles like Circular css Menu, Uni-form, CSS speech bubbles, CSS Time switcher, …

http://www.smashingmagazine.com/2007/04/12/best-of-march-2007/

Actual Browser Sizes

Posted by Sibran - 23/04/07 at 09:04:41 am

A interesting article about the actual browser sizes.

With a link : http://www.baekdal.com/reports/actual-browser-sizes/

thx for the link Wim

CSSTYPE V2

Posted by Sibran - 17/04/07 at 04:04:51 pm

Web safe typography on screen for pixel perfectionists. A tool to see how your text will look like, you can copy the css output.

Tags that you can change: font, size (em), text decoration, word spacing, line height, letter spacing, text-align, color, background color, width, padding and text-indent.

http://www.csstype.com/

Update of the reset.css

Posted by Sibran - 17/04/07 at 04:04:48 pm

Eric Meyer updated the reset file. This file is used to reset all browsers, almost all the html elements will react the same way in all browsers.

http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/

Spread the word and save a piece of the planet

Search