Nouveau design de blog

03/07/2009

Et voilà, j’ai hésité à le mettre… mais je me suis lancé. Le fait est que j’ai développé ce design en 2h cette nuit… pas sommeil, envie de m’amuser avec gimp et le nouveau FireFox 3.5. Donc voilà, les bordures sont généré par CSS 3 (donc valides pour Firefox et Webkit, c’est à dire pour Chrome, Safari, midori…)

Il m’a fallut passé par un petit script pour simplifier le travail. Tous les “div” que je voulais entourer de bordure transparente sont wrappés de cette manière: $$('.bordered, .ticket, #twitter_div, #menu, #blog_tags').each(function (el){ var semi = new Element('div').addClass('semi-transp'); semi.setStyle('width',el.getStyle('width')); semi.injectAfter(el); el.injectInside(semi); el.setStyle('width',''); el.setStyle('float','') });

Vous notez que c’est Mootools qui est utilisé, et toujours en version 1.11 pour mon Copix 3.0.4. La bordure transparente est en fait un bon vieux png avec un canal alpha. Bref, je me suis pas pris la tête… et tant pis pour Internet Explorer.

Bon ok, je me suis pas foulé, IE 8 sait gérer les bordure arrondies. Mais j’ai pas eut le courage de tester sur ma VM, et en plus de ça j’ai simplement pas beaucoup d’intérêt à le faire vue le pauvre 5% de visiteur sur IE que j’accueil.

J’ai pas tout remis, vous ne trouvez pas le bloc RSS ni quelques liens “amis”… je cherche une façon de les mettre plus en avant. Ce sera fait ce week-end.

Tout n’est pas encore super clean, je sais que mes page wiki sont un peu cassées et je sais aussi que j’ai des soucis avec mes addsenses google qui scintillent au chargement. Faut aussi que je trouve une meilleure manière de faire, mais ça ne saurait tarder.

Sur ce, je continue à avancer sur Drupal pour le projet en cours chez un client. N’hésitez pas à critiquer, me passer un savon, vous moquer de mon design :P

A+

Ça peut vous intéresser aussi


IE8 ou la désillusion

Et nous y voilà, IE8 en phase finale est disponible ...


IE et Firefox en guerre pour le Direct2D

J’ai lut cet article il y a quelques jours, et je ...


CSS transformations transitions animations

Les animations dans une page web, Dieu sait à quel ...


Mais quel navigateur je vais prendre

Dans un mouvement jusqu’alors jamais vu depuis des années,...

Merci de m'aider à financer mes services

Si vous avez apprécié cet article, je vous serai reconnaissant de m'aider à me payer une petite bière :)

Si vous voulez en savoir plus sur l'utilisation de flattr sur mon blog, lisez cette page: Ayez pitié de moi

Commentaires

Ajouter un commentaire

Olivier - 06/07/2009

Wahou, tu développes même la nuit?

Metal3d - 06/07/2009

98% de mes développements comme Pholow, Copix ou mes contributions à OOC se font entre 23h et 4h du matin.

Du coup je suis devenu fan de café :)

Pour la petit histoire, le code javascript ci-dessus n’est plus utilisé et j’ai surchargé mes templates Copix pour que ça se fasse directement. Et c’est plus clair comme ça.

Je viens de voir des captures sur IE8 de mon blog, ça passe pas si mal finalement… même sur IE7

Ajouter un commentaire

(*) Votre e-mail ne sera ni revendu, ni rendu public, ni utilisé pour vous proposer des mails commerciaux. Il n'est utilisé que pour vous contacter en cas de souci avec le contenu du commentaire, ou pour vous prévenir d'un nouveau commentaire si vous avez coché la case prévue à cet effet.