Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Auteur
abernier
# 06 Mar 2008 - 03:59:41
Citer
4 Posts
Bonjour,

Laissez-moi vous présenter cornflex!

Cornflex est une technique de cadre arrondi pour le web:
- modulaire: minimaliste et réutilisable
- full CSS: pas de javascript requis
- gérant la transparence PNG
- compatible: internet explorer(ie) >=5 , mozilla/firefox , safari >=2 , opera
- liquide (ou fluide): horizontalement et verticalement
- emboîtable: un cadre arrondi dans un cadre arrondi...dans un cadre arrondi

Je vous laisse découvrir l'article détaillant son fonctionnement et j'attend vos commentaires(suggestions, améliorations...)

à bientôt

Antoine BERNIER
Modifié par abernier (14 Apr 2008 - 01:13)

http://dev.pnumb.com 
^
Laurent Denis
# 06 Mar 2008 - 11:31:44
Citer
7844 Posts
Bonjour antoine,

Moi, je veux bien. Mais : pourriez-vous nous remettre ça sans les gadgets qui gigotent, sans ceux qui font du contenu généré CSS et les autres qui y vont de leur javacript obstructif ?

ça aidera à voir exactement la solution pour le problème précis (les coins arrondis, le reste n'ayant pas grand intérêt), et ça vous évitera surtout de la discréditer imédiatement, ce qui est est hélas le cas pour l'instant.

Sinon, plus généralement pour les coins arrondis: oui, certes. Mais bon, l'intérêt est très limité. Je sais que c'est très décevant d'entendre ce genre de chose: ça se fait sans difficulté en fonction du contenu précis, avec beaucoup plus de robustesse que ce que peuvent offrir ces innombrables solutions génériques de la mort qui tuent, "Bonux lave plus blanc ", qu'on voit régulièrement fleurir. sachant que le mécanisme CSS générique qui rendra inutile ces bricolages relève, lui, de CSS3 éventuellement (parce que ce n'est même pas gagné dans ce cadre, en fait...). Bref, cherchez plutôt à faire votre trou sur un problème moins éculé cligne

Enfin, rapidement regardé pour le détail: c'est une des solutions classiques, en effet. C'est bien, mais rien d'original.
Modifié par Laurent Denis (06 Mar 2008 - 11:51)

apu pour le moment.

http://www.blog-and-blues.org/ 
^
abernier
# 06 Mar 2008 - 13:58:29
Citer
4 Posts
Bonjour Laurent,

Je vous présente simplement le fruit d'une recherche sur le cadre arrondi.

C'en est certes qu'une parmi tant d'autres et reste classique puisqu'écrite en CSS, mais elle répond à une problématique: celle de la transparence des cadres arrondis (notamment sur IE), tout en tentant de rester généraliste.

J'ai d'autre part voulu m'amuser et rendre les choses attrayantes/distrayantes, ce qui à mon sens ne gâche rien, d'où les animations et autres "trucs qui gigotent". Mais ceux-ci ont aussi leur utilité:
- l'animation flash en arrière plan rend compte de la transparence
- le javascript traduit la fluidité et le caractère emboîtable du cadre arrondi

Je post sur ce forum dans l'espoir que mon travail s'avère utile à d'autres et afin d'entendre les critiques constructives d'une communauté aguerrie mais aussi sympathique et indulgente qui a le soucis de faire avancer les choses.

Si vous jugez mon travail complètement futile, je vous remercie de simplement l'ignorer.

Merci,
Antoine
Modifié par abernier (06 Mar 2008 - 13:59)

http://dev.pnumb.com 
^
Laurent Denis
# 06 Mar 2008 - 14:45:57
Citer
7844 Posts
Il s'agissait de critiques constructives,et il y a beaucoup de paramètres que vous ne maitrisez pas. Mais laissez tomber. ce n'est pas un problème. Sorry pour le dérangement.

apu pour le moment.

http://www.blog-and-blues.org/ 
^
Florent V.
# 06 Mar 2008 - 20:17:39
Citer
On va manger des chips.
Modérateur
11440 Posts
Hello,

Pas vu la démonstration pour ma part: l'animation Flash se place en premier plan et masque le reste (à vrai dire, je n'ai compris qu'il y avait autre chose qu'en lisant votre deuxième message). Un problème du lecteur Flash 9 sous Linux, je crois.

Quant à la solution présentée: elle a un côté «ça marche tout seul» mais aussi «il faut bidouiller les valeurs à la main sans se tromper, sinon ça marche pas». Du moins si j'ai bien lu. Et dans ce cadre, le problème c'est que ça n'est pas tellement plus simple qu'un tutoriel qui expliquerait par le menu ce type de solution HTML CSS, afin que les lecteurs puissent se les approprier et les mettre en place en les adaptant aux cas particuliers qu'ils rencontreront. Je rejoins donc Laurent quand il dit «ça se fait sans difficulté en fonction du contenu précis, avec beaucoup plus de robustesse que ce que peuvent offrir ces innombrables solutions génériques de la mort qui tuent, "Bonux lave plus blanc", qu'on voit régulièrement fleurir».

http://www.covertprestige.net 
^
abernier
# 09 Apr 2008 - 06:21:46
Citer
4 Posts
Bonjour,

Je récidive en publiant aujourd'hui un plugin jQuery pour cornflex qui rend sont utilisation beaucoup plus simple.

En effet, plus besoin de "bidouiller les valeurs à la main sans se tromper" cligne c'est maintenant le plugin qui s'en charge pour vous.

La live démo du plugin ici.
Son manuel d'utilisation ici.

N'hésitez pas à me faire part de vos commentaires.

Antoine

PS: post-scriptum
Modifié par abernier (14 Apr 2008 - 01:49)

http://dev.pnumb.com 
^
abernier
# 12 Apr 2008 - 02:39:01
Citer
4 Posts
Et pour vous simplifier encore la tâche, un générateur dynamique de cadres arrondis vous permettant de créer facilement vos quatre images pour cornflex!

Rendez-vous sur: Shape -> Side

cligne

EDIT : perte de données, le générateur avec, sorry
Modifié par abernier (25 Apr 2008 - 17:17)

http://dev.pnumb.com 
^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.8 beta © dew
Contacter l'administrateur - 10 ms - Charte