ecreativegarden - sqli agency - design / richmédia - librairies css : l'exemple de blueprint -
ecreativegarden - sqli agency - design / richmédia - librairies css : l'exemple de blueprint -
ecreativegarden
aller au contenu |aller au menu | aller à la recherche
e-creative garden, le blogbranding, design & richmediapar sqli agency
+33% de créativité à chaque consultation
librairies css : l'exemple de blueprint
design
lundi 24 septembre 2007 15:16
tout comme on a vu fleurir récemment bon nombre de librairies javascript, quelques tentatives de librairies css commencent à pointer le bout de leur nez. et ici pour l'exemple, le prometteur projet blueprint : dirigé par olav bjørkøy depuis son blog qui vient justement de passer en version 0.6.
À quoi bon utiliser une librairie alors qu'on maitrise déjà son code css me direz-vous ? l'approche est sensiblement la même qu'avec javascript : moins de maitrise, mais une construction plus rapide et des méthodes éprouvées.
en outre pour blueprint, on trouve :
une gestion de la typographie avancée ;
une gestion des tailles de textes relative ;
l'utilisation d'un reset css (celui d'Éric meyer) ;
une feuille de style dédiée à l'impression ;
la compression des fichiers ;
un système de grille ;
une gestion du rythme vertical ;
un système de plugins ;
etc.
l'exemple proposé par le site est d'ailleurs assez pertinent.
pourquoi ?
si on s'attarde par exemple sur le système de grille, cela peut sembler contraignant au premier abord. mais il apporte parait-il plein d'avantages. voir à ce
sujet l'article de l'excellent smashing magazine : designing with grid-based approach.
il en va de même pour le rythme vertical, pour lequel je vous conseille la lecture de l'article sur biologeek : l'importance du rythme vertical en design css.
au final, une multitude de petites astuces intégrées directement au projet.
de quoi se poser la question aux débuts de vos intégrations... pour gagner du temps.
mots clés : blueprint, css, grille, reset
soumettre : | | | |
vincent valentinintégrateur
#55
rss
imprimer
commentaires
1
christophe buguet, le mardi 25 septembre 2007 à 11:18
yahoo ui library possède le meilleur des deux mondes : une librairie javascript et une librairie css du même type que blueprint (grilles, reset css, typographie...).
a voir ici :
developer.yahoo.com/yui/b...
developer.yahoo.com/yui/f...
developer.yahoo.com/yui/r...
developer.yahoo.com/yui/g...
2
laurent bourrel, le mardi 25 septembre 2007 à 17:04
un article intéressant sur les frameworks css, avec une partie "pour" et une partie "contre"...
3
laurent bourrel, le mardi 25 septembre 2007 à 17:05
avec le lien, ce sera encore mieux, je disais donc:
un article intéressant sur les frameworks css, avec une partie "pour" et une partie "contre"...
www.smashingmagazine.com/...
ajouter un commentaire
nom ou pseudo :
email (facultatif) :
site web (facultatif) :
commentaire :
captcha anti-spam : que donne trente-trois fois un ? (chiffres)
se souvenir de mes informations
le code html dans le commentaire sera affiché comme du texte,
les adresses internet seront converties automatiquement.
rechercher
mots clefs
accessibilité adobe ajax apollo apple application argent art brut bmw bureau virtuel chris cunningham concept board création créatitude css cyberpunk dan graham daniel johnston denis santachiara design dessin contemporain doktor a drawing restraint 9 décalé eastpack film d'artiste films flash flex fun google graphisme helvetica hypnotisant identité visuelle illustrator incendiary automaton inochi interactivité j.p.telotte japonais java jooce kw jeter label langage louis vuitton machinimas maquette graphique marque matthew barney messages michael jackson micro-blogging monstres pub motion design motion graphics mozilla mudam.lu musique méthodologie design naif navigateur nodern paco rabanne peacebone pensée créative photoshop piero frassinelli pop art productivité retouche ria rich media rubber johnny réseau safari science-fiction script standard steampunk steampunkworkshop.com stratégie de marque superflat takeshi murakami tendances tomorrow now twitter typographie vectoriel versace virtuel vêtements web web 2.0 webdesign wesley willis widgets zombis zooma zooma
s'abonner
fil rss des billets
rubriques
generaldesignrichmédiatendancesressources créativesmethodologiesound designavant garde
auteurs
vincent valentindamien melichcédric le flochfrédéric kalfonjulien demeuzoispatrick parfaithebba bettayebdavid gametjulien clementfrançois charlotdenis rionnetfrédéric guehoguillaume tributcédric pochonaurélien chapparddavid goutagneuxgael mullerkaren chevalliersamuel le morvanfabien billeauflorent capon
archives
octobre 2007septembre 2007août 2007juillet 2007juin 2007mai 2007avril 2007mars 2007février 2007janvier 2007
liens
sqli agencyaudit webla machine créativeemarketing gardenergonomic garden
© 2007 sqli agency | ce blog est propulsé par dotclear
ecreativegarden - sqli agency - design / richmédia - librairies css : l'exemple de blueprint - Précédent 245 Précédent 244 Précédent 243 Précédent 242 Précédent 241 Précédent 240 Précédent 239 Précédent 238 Précédent 237 Précédent 236 Précédent 235 Précédent 234 Précédent 233 Précédent 232 Précédent 231 Précédent 230 Précédent 229 Précédent 228 Précédent 227 Précédent 226 Précédent 225 Précédent 224 Précédent 223 Précédent 222 Précédent 221 Précédent 220 Précédent 219 Précédent 218 Précédent 217 Précédent 216 Suivant 247 Suivant 248 Suivant 249 Suivant 250 Suivant 251 Suivant 252 Suivant 253 Suivant 254 Suivant 255 Suivant 256 Suivant 257 Suivant 258 Suivant 259 Suivant 260 Suivant 261 Suivant 262 Suivant 263 Suivant 264 Suivant 265 Suivant 266 Suivant 267 Suivant 268 Suivant 269 Suivant 270 Suivant 271 Suivant 272 Suivant 273 Suivant 274 Suivant 275 Suivant 276