Code-Web.org

Développement en toute liberté!
  • Blog
  • Plugins DC2
  • Contact
  • À propos

» Tag : design

Fil Atom des billets de ce tag Fil des billets
Fil Atom des commentaires de ce tag Fil des commentaires

Votre logo Web 2.0 !

Ah le Web 2.0 ! C'est la grande mode alors je ne passerai pas à côté et je vous propose aujourd'hui de créer rapidement et simplement votre propre logo au style 2.0. Logo WEB 2.0

Lire la suite...

Par Thierry Geindre | mardi 24 février 2009 | 10:00
Commentaires
aucun commentaire
Catégorie
› Web Design
Tags
design, logo, web 2.0

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

(Encore) Une nouvelle charte

Code-Web.org fait une nouvelle fois peau neuve. Cette fois-ci c'est propre et clair. Par ailleurs, le site ne change pas seulement sur la forme, mais aussi dans le moteur qui le fait fonctionner. En effet, il est passé sous Dotclear 2 Beta 7, version très prometteuse du soft que je recommande à tout les bloggeurs désireux de tester quelques solutions.

La coloration syntaxique des code source n'est plus, et pour cause, le plugin qui s'en chargeait n'est actuellement pas disponible pour Dotclear 2. Cela-dit, on peut espérer qu'il sera porté à l'avenir sur cette version ou qu'un autre viendra le remplacer. J'envisage également de le créer moi même, après tout j'aimerais bien apporter ma modeste contribution à cette communauté.

Enfin, vous avez peut-être remarqué la petite publicité qui se cache en bas de la partie droite du site. Je vous conseille de visiter le site qui offre ce service, j'ai nommé Blogbang.com. Le concept est sympa et prometteur.

Bon allez, je retourne aux rédactions de contenus sérieux.

Par Thierry Geindre | mercredi 26 mars 2008 | 18:39
Commentaires
aucun commentaire
Catégorie
› Code-Web.org
Tags
code-web.org, design

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Un arrière plan étirable

Les propriétés CSS permettant d'appliquer une image d'arrière plan aux éléments d'une page, ou à la page elle même, ne permettent de couvrir toute la surface disponible que par répétition de l'image. Je vous propose ici une méthode permettant détirer l'image en hauteur et/ou en largeur en fonction de l'espace disponible. A noter qu'à l'inverse de beaucoup de solutions proposées sur la toile, celle que je vous propose n'utilise pas de java script.

Lire la suite...

Par Thierry Geindre | vendredi 15 février 2008 | 22:32
Commentaires
2 commentaires
Catégorie
› Html / CSS
Tags
design, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Trouver les bonnes couleurs

L'une des étapes de la production d'une charte graphique, et non des moindres, est le choix des couleurs qui seront utilisés. Une première couleur pourra assez facilement être déterminée en fonction du thème abordé ou selon les goûts et les couleurs du designer. Cependant, il n'est pas toujours aisé de trouver les couleur qui se marieront bien avec la première.

Heureusement, il existe sur la toile des outils destinés à faciliter cette tâche. Parmi les meilleurs, on citera colormatch.dk mais il existe d'autres. Une recherche sur le web vous en donnera la liste. A noter que ce genre d'outils n'est pas exclusivement destiné au Web Design, il pourrait très bien être employé pour le choix des couleurs de votre future salon par exemple.

A propos des couleurs, citons un dernier site, pourpre.com où vous pourrez trouver bon nombre d'informations à propos des couleurs et notamment de bons moyens pour calibrer correctement votre écran.

Par Thierry Geindre | lundi 4 février 2008 | 13:46
Commentaires
aucun commentaire
Catégorie
› Web Design
Tags
design, kit graphique, ressources

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Nouvelle charte graphique pour Code-Web.org

Code-Web.org fait peau neuve avec cette nouvelle charte graphique nommée BlueNight. Pour l'heure, elle a été testée sous les navigateur suivant :

  • Mozilla Firefox 2.0
  • Opera 9.24
  • Konqueror 3.5
  • Dillo 0.8

Quelques bug subsiste sous Internet Explorer 6. Sous la version 7, on observe des marges un peut trop grandes au niveau des formulaires. Ces problèmes seront réglés sous peu.

Comme pour la précédente charte, vous pouvez télécharger BlueNight ou simplement en avoir un aperçu dans un autre contexte.

La production de cette charte graphique a demandé un certain temps de travail. Elle vous est gracieusement offerte. La seule contrepartie demandée aux utilisateurs de cette charte, sans pour autant être obligatoire, est de laisser le lien vers Code-Web.org déjà présent dans la charte.

Par Thierry Geindre | lundi 28 janvier 2008 | 09:52
Commentaires
un commentaire
Catégorie
› Web Design
Tags
code-web.org, design

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Centrage vertical et horizontal

S'il est simple de centrer horizontalement un bloque dans une page, il moins simple de le centrer verticalement. Nous verrons dans cette article une technique qui fonctionne uniquement grâce aux CSS et sur tous les navigateurs. Le tout en respectant les normes!

Lire la suite...

Par Thierry Geindre | jeudi 22 novembre 2007 | 17:09
Commentaires
7 commentaires
Catégorie
› Html / CSS
Tags
design, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Effet encadrement photo avec ombre sur vos images

Je vous propose de découvrir dans cet article comment donner à vos images un encadrement blanc, un contour gris et enfin une ombre. L'objectif est de leur donner l'apparence d'une photo papier surélevée par rapport à votre page. La technique qui sera présenté ici ne nécessitera aucune modification de vos images, et pourra donc s'appliquer à n'importe laquelle de façon automatique.

Lire la suite...

Par Thierry Geindre | jeudi 15 novembre 2007 | 10:56
Commentaires
6 commentaires
Catégorie
› Html / CSS
Tags
css, design, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Télécharger la charte de CodeWeb!

Afin de marquer une bonne fois pour toute l'esprit de liberté de réutilisation du contenu de ce site, je vous propose ici de télécharger la charte graphique de CodeWeb pour la réutiliser comme bon vous semble. Naturellement, il serait grandement apprécié que codeweb.free.fr soit cité comme auteur de la charte graphique dans vos réalisations!

  • Aperçu de la charte
  • Téléchargement

Cette charte respecte la norme XHTML 1.0 Strict et a été testée sur de nombreux navigateurs avec succès.

Par Thierry Geindre | dimanche 11 novembre 2007 | 00:14
Commentaires
un commentaire
Catégorie
› Web Design
Tags
design, kit graphique

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Stop ACTA

Catégories

  • Html / CSS (9)
  • Java Script (4)
  • PHP (9)
  • Dotclear (18)
  • Référencement (2)
  • Actualité (13)
  • Web Design (4)
  • Ressources (6)
  • Code-Web.org (8)
  • Système (1)
  • Technologie (2)

Publicité

S'abonner

  • Fil des billets
  • Fil des commentaires

Racketiciel

Racketiciel

Tags

  • accessibilité
  • actualité
  • apache
  • automatisation
  • code-web.org
  • css
  • design
  • dotclear
  • html
  • kit graphique
  • messagerie
  • objet
  • php
  • plugin
  • rc
  • ressources
  • référencement
  • service
  • syntaxehl
  • widget

Tous les tags

Influent ?

Blogueurs NON influents

Sondage

Vous êtes :

Propulsé par Dotclear - Thème Freshy de Julien de Luca adapté depuis Wordpress