IE8 passera le test Acid2

La bonne nouvelle de la semaine, c’est Microsoft qui l’a lancée en annonçant que IE8, la prochaine version d’Internet Explorer, passera avec succès le test ACID2.

Le quoi ?!?

Le test ACID2 est un test permettant de vérifier le respect des standards W3C par un navigateur internet (les standards du HTML et des CSS2).  Ce test consiste en une “simple” page affichant une image construite en CSS. Si l’image s’affiche correctement, c’est que le navigateur passe avec succès le test.

Jusqu’à présent, peu de navigateurs passent le test ACID2 avec succès. Parmi les plus connus, on peut citer Safari, Konqueror et Opera. Firefox devrait le passer dans sa version 3.0.

Si tous les navigateurs de la prochaine génération respectent les CSS de la même manière, ce sera un grand pas en avant pour les webmasters (bon, la couche JavaScript sera toujours un problème cela dit).

CSS Builder

Voici un petit outil pour générer ses CSS à partir d’un formulaire divisé en 5 onglets : font, box, background, positioning, list.

Source : WebDesign 2803

Formatage du code

Presse Citron a publié une liste d’outils de formatage du code pour les principaux langages. Pratique pour uniformiser son code.

Source : Presse Citron

85 outils pour vous faciliter la vie

Snap2Objects a publié une liste de 85 outils pratiques pour le web design : images, polices, icones, couleurs, outils, etc.

Source : Snap2Objects

Boutons en CSS

Voici un petit tutoriel pour faire de jolis boutons grâce aux CSS.

Source : WebDesign 2803

Ressources pour la création de formulaires

La création d’un formulaire, c’est quelque chose de facile. Mais faire en sorte qu’il soit joli, c’est déjà plus délicat.

Quelques ressources autour de la création du style pour un formulaire :

• un article du site Nidahas dans lequel on peut trouver un template de formulaire relativement classique.
• une galerie de formulaires par Smashing Magazine, pouvant donner un peu d’inspiration pour la partie design.
• une autre galerie, réalisée par The Form Assembly.
• A List Apart a aussi réalisé un sympathique tutorial pour faire un formulaire agréable.

Source : WebDesign 2803

Liste de galeries de sites web

Visual Evasion a publié une liste de galeries de sites web qui pourraient intéresser des designers en manque d’inspiration.

Dans ce même article, on trouve aussi quelques liens vers des sites très intéressants :

• CSS Showcase, une galerie de menus de navigation en CSS.
• Email Design Gallery, une galerie de newsletters en HTML.
• Heading Style Gallery, une galerie d’en-têtes en CSS pour vos titres.
• Icon Search Engine, un moteur de recherche pour icones, essentiellement en png.
• Listamatic, une galerie de listes (horizontales et verticales) avec leur code HTML & CSS.
• un classeur de Design Patterns sur Flickr avec des catégories variées telles que “Error 404″, “Calendar Views”, “Footers”, “Pagination”, “Tagclouds”, bref plein d’exemple pour les différents modules d’un site.

Source : Visual Evasion

Optimiser ses CSS avec Clean CSS

Clean CSS est un service vous permettant d’optimiser vos CSS en supprimant le code superflu (règles doublées, compression des couleurs, optimisation, etc.

Source : Presse Citron

Générer sa mise en page CSS

Pour commencer, une petite note sur un outil bien pratique réalisé par Yahoo! : le CSS Grid Builder.

Cet outil vous permet de créer très facilement la mise en page de votre site, par exemple en spécifiant le nombre des colonnes et leur position. Seul hic, le code généré n’est que du HTML utilisant une CSS de Yahoo, il est donc nécessaire d’aller récupérer cette CSS manuellement pour ensuite la paufiner avec qu’elle réponde parfaitement à vos attentes.

Source : Presse Citron

Un autre outil, cette fois-ci plus pointu, permettant de spécifier les dimensions des différentes parties du site en pixels, em ou pourcents, la couleur de fond, le centrage, etc.

Son ptit nom : CSS Layout Generator.

Source : Presse Citron

Voici deux autres sites vous permettant de visualiser le code HTML et CSS  de templates de mise en page : Layout Gala et Intensivstation.

Source : Presse Citron