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

Galerie de sites verts

WebDesign 2803 a publié une liste de 18 sites basés sur la couleur verte.

Source : WebDesign 2803

Concours Alsacréations 2007

Une bonne source d’inspiration pour créer un design : les résultats du concours Alsacréations 2007 avec 71 magnifiques sites web.

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

Présentation du Web 2.0

Voici une intéressante présentation du Web 2.0, réalisée par Ed Yourdon. C’est toujours pratique lorsqu’il s’agit de justifier des choix technologiques auprès d’un client.

Source : AccessOWeb

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