New album of Saelynh : Orion in Motion

Go there to ear more, great stuff

liquid grid system CSS framework for lazy web-developper

here are two css files for you lazy web-developpers who don't want to have a web-designer working with you ;) one file for normal browsers, one file to fix with IE. tip : for faster load copy the images linked to your server of course.

default.css

ie.css

the principle is simple :this is a proportional % liquid grid based structure. Very powerfull (all http://www.cnetfrance.fr is made with that and soon http://www.zdnet.fr also if you want to see it massively used use go to cnetfrance.fr).

I find it far more flexible that all the grid system I know. If you like, don't hesitate to give feedback.) HERE

Description :

CLEARFIX

apply to block elements (div typicaly, or any argument with width classes AND right/left class specified)

clear : reset both

clearRight: reset right

clearLeft: reset left

CSS liquid grid widths

The class names represents the 1 / N of the allowed width of the parent container. THIS MUST BE ASSOCIATED WITH A POSITION CLASS left or right

thus :

w1 : full width

w12 : half of the allowed width

w13, w23 : thirds of the width

w14, w34 : quarters

w15, w25, w35, w45 : fifths

w16, w56: sixths

CSS BLOC POSITIONS

inline : force inline

hidden : hide

center : center the element, the parent must be of class tCenter

left : put to left

right : put to right

marginTop: give some space up the block

CSS TEXT STYLE

tLeft : align text to the left

tRight : align text to the right

tCenter : align text to the center

tQuiet : text grey

tLight : force no bold

tLoud : force bold

tIndent : indent the text

tSmall : small text

tBig : big text

tRed : the text is red

tHide hide the text

tWhite force the text white

CSS CURVED BORDERS

if you want to have curved borders easily :

curved : all corners curved

for only one corner curved :  curvedNE , curvedSE , curvedSW, curveNW

for two corners curved : curvedS, curvedN, curvedW, curvedE

(tip : NSEW are for North South Eeast West of course ;) )

LISTS

to add to the UL :

inlineList : force the elements to be inline

verticalList : force the elements to be vertical

horizontalList : the elements are horizontal butare kind of block which adapt to the text size, you can add more style to them for tabs for instance

Tableaux à la Vente 

 Il s'agit d'impressions sur toile de 1m par 80 cm, La qualité d'impression vaut le détour, si vous êtes sur Paris il est évidemment possible de venir voir quelques toiles. Contactez nous ici si vous êtes intéressés pour l'achat d'une entre elles ou d'autres (200 euros chacune), car c'est ça l'esprit de Noel.

Paris by night

 Carcassonne

Paris la nuit a été utilisé pour la couverture d'un roman qui a l'air vraiment super sur Paris.  Sur la liste des premières sélection pour le prix Goncourt 2009.:)

 Enchanté de collaborer pour les éditions Boreal qui sont charmants. Au plaisir de rebosser pour eux.

Site boeal

http://meslectures.wordpress.com/2009/09/21/les-pieds-sales-edem-awumey/