Code-Web.org

Développement Web en toute liberté!

Aller au contenu | Aller au menu | Aller à la recherche

26mar

(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.

15fév

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

04fév

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.

28jan

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.

22nov

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

15nov

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

11nov

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!

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