Mot-clé - webdesign

Fil des billets - Fil des commentaires

Diapositives de ma conférence "Webdesign et Logiciels Libres"

Diaporama Webdesign et Logiciels Libres

Comme vous le savez surement, c'est la semaine des Rencontres Mondiales des Logiciels Libre. Cette année, elles se déroulent à Bordeaux. J'ai donné à cette occasion une conférence sur les outils libres que j'utilise pour faire du webdesign. J'ai axé mon intervention sur le processus de création d'un habillage web, de la phase de spécification des besoins à la création de la maquette HTML.

Lire la suite

Wireframing avec Pencil

Pencil - interface

Dans le processus de création d'un site Internet, le wireframing est une étape importante : réaliser une maquette succincte d'une page/site web. Le plus souvent, celle-ci est en noir et blanc, sans aucun élément graphique. Le principe étant de se concentrer sur les éléments constitutifs de la page et leurs placements . À l'origine, le wireframe était réalisé à l'aide d'un papier et d'un crayon, mais il existe maintenant tout un tas de logiciels adaptés.

Lire la suite

Thème dotclear Carnet

screenshot.jpg

Il y a maintenant plus d'un an, je vous parlais d'un thème Dotclear fait pour mon ami Bastien. J'avais alors partagé sur ce blog l'en semble des fichiers composant ce thème (gabarit Inkscape, fichiers Gimp). Mais le thème n'était pas vraiment fini : il manquait la gestion des rétroliens, des archives et les images n'étaient vraiment pas optimisées. J'y ai donc retravaillé et vous livre ici la version 1.0.

Lire la suite

Xieme-Art a fini de travailler pour un ami...

Aperçu du thème

J'en avais parlé ici il y a quelques mois, mais le voilà enfin fini : le thème Dotclear pour mon cher ami girollien Bastien... La création de ce thème a été révélatrice à plus d'un titres. J'ai d'abord appris à apprécier GIMP, découvert jQuery et dernièrement yuicompressor. Bien entendu, ce thème est libre, mais en plus, je vous fournis tout les fichiers sources pour que vous puissiez le modifier à votre guise.

Lire la suite

Jolis input dans un formulaire web

Les Formulaires web sont souvent très classiques : un texte descriptif et une austère boîte de saisie. Je vais ici vous livrer un petit tutoriel pour vous permettre de personnaliser tout ça. Nous devrions donc arriver à ceci : Le formulaire Notez que ce formulaire devra bien entendu être conforme XHTML/CSS, et que nous ne personnaliserons (cette fois) seulement les zones de texte.

Lire la suite

Le PNG au secours de la texture web

Soit un site découpé en trois parties : l'entête, le contenu et le pied de page. Ce site utilise une texture représentant une page de cahier à spirale arrachée qui se repète pour le contenu. Comment faire en sorte que la texture jointe parfaitement entre le contenu et le pied de page? Durée de l'épreuve : 10 minutes. attention, retournez les copie, c'est parti ! (mon kiki)

Lire la suite

Inkscape pour la création d'un gabarit web

J'ai découvert Inkscape cet été, et depuis je l'ai adopté. tout d'abord pour créer les visuels illustrant mes cours réseaux sur Giroll, pour créer divers affiches et cartes et enfin, point qui nous intéresse ici, pour créer un thème pour un site Internet propulsé par Dotclear. Je vais exposer ma méthode de travail pour le site Cookart.fr, vous pouvez télécharger ici le fichier original svg, il est distribué sous licence Creative Commons BY-NC-SA.

Lire la suite

Haut de page