Voici les résultats du test n°3 du blog Alsacréations. Il s'agissait de retrouver les noms des rédacteurs de blogs célèbres francophones. Chacun des blogs de la liste est classé parmi ceux ayant un fort trafic. Les deux sources utilisées ont été les classements de Wikio et de Alianzo.... Et voici ce qu'il fallait répondre :01. arrington-ohayon (fr.techcrunch.com)02. dupin (presse-citron.net)03. phan (journaldugeek.com)04. vanbremeersch (vanb.typepad.com/versac)05. le meur (loiclemeur.com/france)06. grebert (puteaux.typepad.com)07. weeks (scally.typepad.com/cest_moi_qui_lai_fait/)08. lagane (blog.accessoweb.info)09. klein (pointblog.com)10. gloaguen (embruns.net)Merci à toutes les per...

Salut à tous, alsanautes et autres lecteurs ! Vous êtes tous au courant que se déroule actuellement le 2ème Cascading Stylesheet Summer Refresh (CSSR2007 pour les intimes), concours de refonte de site Web estival prônant le respect des standard Web et imposant l'utilisation des CSS pour la mise en page (en n'oubliant pas les critères minimum d'accessibilité !). La phase de vote vient de débuter aujourd'hui 15 août et durera jusqu'au 30 août 2007 à minuit. Vous pouvez donc voter pour chacun des sites présentés en attribuant une note allant de 1 à 10.Les critères de notation sont les votres, mais n'oubliez pas que ce concours de design souhaite, en plus du graphisme, que les standards ...

Le concours CSSR2007 touche à sa fin : plus que quelques jours avant le dénouement final... Dans trois jours, le jeudi 30 août, les votes des membres seront clos et le site ayant la meilleure moyenne générale sera déclaré grand vainqueur de cette édition 2007.Voici en vrac ce qui va se passer dans les jours qui viennent :les membres d'Alsacréations ont encore 3 jours pour exprimer leurs votes. Les moyennes demeurent encore secrètes, mais pour info, sachez qu'au moment où ce billet est rédigé, il y a 4 ex-aequos dans les 10 premiers au classement et que de nombreuses places se jouent au dixième de point !le 30 août, les votes seront clos et tout le monde pourra enfin découvr...

Un mécène surprise s'invite au concours CSSR2007, deux jours avant la fin des votes. Il s'agit de l'éditeur Eyrolles... Eyrolles, éditeur de livres spécialisés (sciences, photographie, bâtiment, management, ... mais aussi et surtout informatique), vient d'accepter de parrainer[1] l'édition 2007 de ce concours de redesign web.Pour être plus précis, cela fait maintenant plusieurs semaines qu'Eyrolles était partant pour ce partenariat et il nous restait à concrétiser les modalités.Dans le cadre du concours, Eyrolles propose d'ajouter les gains suivants à ceux déjà prévus :Pour le vainqueur du concours : trois livres au choix dans la collection "informatique" (plusieurs centaines d...

Roulements de tambours, Hellgy la marraine du concours vient de désigner son site coup de coeur... Rappelons que le site "coup de coeur" n'est pas forcément le vainqueur du concours, ni le plus beau, ni le plus propre, ni le plus rose... c'est tout simplement le site que notre marraine Hellgy affectionne un peu plus que les autres.Ce verdict est attendu avec beaucoup d'impatience parmi les candidats puisque le site favori d'Hellgy remporte un véritable doudou fait main avec amour ;)Inutile de laisser traîner le suspense trop longtemps, je vous invite à découvrir le Coup de Coeur d'Hellgy... sur le blog d'Hellgy !

Après plusieurs semaines de suspense, voici enfin le dénouement du 8è concours organisé par Alsacréations : le Cascading Style Summer Refresh version 2007 est indéniablement un grand crû. Le moins qu'on puisse dire est que le niveau de ce CSSR2007 aura été particulièrement élevé : même si quelques sites sortent du lot, l'ensemble des participations a vraiment été très agréable à contempler.L'ambiance générale a été globalement très conviviale et les commentaires plus nombreux, souvent plus critiques (en positif ou en négatif) et plus "professionnels" que la précédente édition du concours en 2005.Le vainqueurLe vainqueur de l'édition 2007, avec une petite longueur d'avance sur se...

Eyrolles vient de publier un nouvel ouvrage sur les feuilles de styles CSS : "Transcender CSS". Il s'agit en fait d'une traduction d'un livre de Andy Clarke, dont l'avant-propos est de Molly Holzschlag et la préface de Dave Shea. Bref, que des pointures dans le domaine.Ayant pu feuilleter ce livre, je me préparais à rédiger un billet très positif à ce sujet, car le contenu le mérite vraiment et prend un virage à 180° par rapport aux ouvrages maintenant classiques sur les CSS.Oui mais voilà, j'y ai trouvé dans ce livre une partie témoignant d'un manque de tact évident des auteurs : une inspiration (c'est le moins qu'on puisse dire) d'Alsacréations.fr sans aucune mention... Excell...

Cette fois-ci, le jeu est de retrouver les noms des membres du forum Alsa à qui appartiennent les Avatars suivants. Tous ces membres font partie des 100 plus gros posteurs du forum. Le champ associé à l'image recueillera le pseudo du membre tel qu'il apparaît sur le forum (accents, espaces et majuscules compris)Précision importante : ce test sera récompensé par des points Kiwiz. Le premier joueur qui enverra la liste complète des bonnes réponses par Message Privé à Raphaël sera gratifié de 10 Kiwiz !Notez bien que seul le joueur le plus rapide sera vainqueur. EDIT : c'est déjà trop tard pour gagner le jeu, mais n'hésitez pas à jouer quand-même... pour vous entraîner au prochain ...

Comme nous avons pu l'écrire dans le tutoriel Alsacréations sur les feuilles de style pour l'impression (si vous ne l'avez pas lu, c'est le moment !), les possibilités des CSS print sont intéressantes mais limitées, notamment à cause d'une implémentation très partielle par les navigateurs. Les CSS pour l'impression permettent donc de rendre une page de site web ou un article imprimable, et agréable à lire sur papier, mais cela ne va pas beaucoup plus loin. Pour une mise en page complexe et plus maitrisée, le format de prédilection sera donc le PDF.Mais générer du PDF avec une mise en page travaillée impose de produire un travail spécifique, avec un logiciel de traitement de texte ou de PA...

Voici les résultats du test n°4 du blog Alsacréations. Il s'agissait de retrouver les noms des membres du forum Alsa à qui appartiennent les Avatars suivants. Tous ces membres font partie des 100 plus gros posteurs du forum. ... Et voici ce qu'il fallait répondre :01. Julien Royer02. Gilles03. Marvin Le Rouge04. Maxwell05. Philippe06. FlorentG07. Cedric08. Vero09. Sylvain10. ernsteinMerci à toutes les personnes ayant joué le jeu. Et bravo à Mpok qui remporte 10 Kiwiz d'Alsacréations !Rendez-vous au prochain AlsaTest :)

Andre writes:how do you center images inside a div with css?Andre, here's one way. If your html looks like this:<div> <img src="elephant_ball.jpg" alt="" /></div>Apply display:block; to the image, and also make sure it's left and right margins are set to "auto", like so:<style type="text/css">div img { display:block; margin:auto;}</style>That should do it. View the example.I hope you didn't mean "vertical" centering......because right now, there's no elegant and easy way to do it that's acceptable to all browsers. Below are some possible options to look into - pick your poison.Applied CSS Vertical-AlignVertical Centering with a Floated Shim

Bill writes:One thing I am not certain how to do, or if it is even possible is to define some sort of pseudo-variable that can be used in the CSS definitions. For example, I am working on a page that the owners want a specific color scheme used throughout the site. Each page has five colors (they all share the same set of colors). CSS has made my life sooo much easier to make changes they want (they are making several changes a day trying to "fine tune" the exact shades they want.Anyway, it would be nice if I could do something like this: #Red1 { color: #400000 }#Cream1 { color: #F0E68C }#Cream2 { color: #FAFAD2 }#Blue1 { color: #00008B}and then further in the CSS file uses these names...

Need some Creative CSS3 Animation Menus ideas? This will get you started.

Mobile UI Patterns, a growing collection of mobile interfaces.

The 7th professional dropline menu which can have as many droplines as you wish. The demo goes up to 5 lines.