Articles avec le tag ‘CSS’

[OOCSS] .lastUnit et Opera 10

Samedi 5 décembre 2009

Je bosse de plus en plus avec un framework CSS appelé OOCSS, cet article est, je pense, le premier d’une longue série sur ce framework.

J’ai rencontré un problème sous Opera 10 avec la classe lastUnit: le bloc se mettait en dessus plutôt qu’en fin de ligne, comme prévu. La solution est toute simple, il faut rajouter un « overflow: hidden » dans le sélecteur .lastUnit:after dans le fichier grids.css (à la ligne 3, dans la version que j’ai). Normalement ce bug est résolu à partir de la version 085dfa8

Bientôt fini le Wizard :)

Jeudi 30 avril 2009

Yipee, suite à l’article d’hier, j’ai refait toute l’appli ce soir, vachement simplifié (surtout les anims) et c’est boooooooooooon…

Alors les stats (ben waip, faut bien se vanter de ses miracles):

  • Javascript: 370 lignes (dont seulement 40 que j’ai pu reprendre sur les 364 d’hier)
  • HTML: 140 lignes (par rapport à 330 lignes). Ben waip, design, anims et copy simplifiés, ça raccourci vachement le code…
  • CSS: 7 lignes (hier: 96 ^^)

Baloo content :)

Me reste plus que l’intégration du copy des différentes solutions, comme un con, j’ai oublié de le reprendre ce soir…

ReCSS

Jeudi 19 février 2009

Aujourd’hui JC m’a filé un p’tit bookmarklet bien sympa: ReCSS. Vous le droppez dans votre toolbar et chaque fois que vous cliquez dessus il recharge la CSS sans recharger la page.

Bon il me l’aurait filé 2 semaines plus tôt ça m’aurait bien aidé parce que styler une page en pur AJAX avec 4 ou 5 états et repasser les états précédents à chaque refresh, un poil prise de tête…

Enfin, merci JC…

EDIT: ça a pas l’air de marcher quand on importe les CSS avec le @import. Pff, va faloir que je change ma manière d’importer les CSS moi ^^