Mot-clé - webdesign

Fil des billets - Fil des commentaires

mercredi, septembre 7 2011

Afficher les articles à venir avec CMSMS

Date de début et date de fin sur cmsms

CMS made simple (ou CMSMS pour les intimes) est un gestionnaire de contenu Open-Source très facile d'emploi. Je l'utilise régulièrement pour des sites de petite ou moyenne envergure. Pour un de mes clients, j'ai du adapter un peu le module "News" qui permet la gestion (simple) d'articles.

Lire la suite

vendredi, février 18 2011

Le thème dotclear du collectif Giroll disponible

Aperçu du thème

Lors de la mise en ligne le nouveau site du collectif Giroll fièrement propulsé par Dotclear, j'avais promis de mettre à disposition de tous les fichiers graphiques et les templates sous licence libre.

Lire la suite

jeudi, janvier 6 2011

Les projets en cours...

Graine d'Ortho 13

Voilà bien longtemps que je n'ai rien posté sur ce blog, et pour cause : j'ai un emploi du temps bien chargé en ce moment, trouver le temps pour écrire quelque chose ici est relativement difficile. Je vais donc faire un peu d'auto-promotion et parler de mes projets de création en cours.

Lire la suite

vendredi, juillet 9 2010

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

lundi, juillet 5 2010

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

jeudi, juin 10 2010

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

dimanche, avril 26 2009

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

lundi, janvier 26 2009

Shadowise : mon premier plugin Jquery

C'est Bastien qui m'a parlé de jQuery, et en juste retour des choses, c'est pour son blog (en cours de peinture) que j'ai créé mon premier plugin pour ce fabuleux framework javascript. Shadowise permet d'ajouter une ombre, ou plutôt 4, derrière une image. Pourquoi 4, tout simplement parce que  […]

Lire la suite

jeudi, octobre 23 2008

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

mercredi, juillet 23 2008

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

mardi, juillet 22 2008

Xieme-art travaille pour un ami

Tout s'est décidé aux Rencontres Mondiales du Logiciel Libre alors je présente à un ami un site fait avec CMSMS, Inkscape et GIMP qu'il trouve à son goût. Je lui propose donc un ravalement de façade pour son blog propulsé par Dotclear 2 (vous pouvez trouver ici et ici deux articles sur balises  […]

Lire la suite

jeudi, janvier 17 2008

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