Styleguide

Un guide de style ou styleguide est un ensemble de normes pour l'écriture et la conception de documents, que ce soit pour un usage général ou pour une publication, organisation spécifique ou dans un domaine. La mise en œuvre d'un guide de style procure une uniformité dans le style et le formatage d'un document. (Wikipédia)

Depuis un certain temps, j'avais envi de faire un guide de style pour mon site afin de pouvoir rassembler et documenter les styles que j'utilise plus ou moins fréquemment. En effet, il m'arrive souvent de créer un jeu de styles spécifiques pour un truc en particulier, et de devoir le réutiliser des mois bien après. Parfois même il m'est même arrivé de dupliquer des styles... Ainsi, un styleguide est très pratique pour :

  • Présenter tous les styles disponibles ;
  • Documenter l'utilisation des styles et du HTML qui va avec ;
  • Faire une sorte de plate-forme de test, permettant de faire la comparaison d'affichage sur plusieurs navigateurs ;
  • Conserver une trace dans le temps de ce qui a été fait, notamment en signalant les classes dépréciées.

Ce guide est inspiré par l'article Style Guide sur A List Apart.

Lire la suite...

Using The Best Blockquote Available

Il y a quelques années, Dan Cederholm a écrit un article pour inciter les développeurs Web à utiliser la meilleure version possible du symbole & (l’esperluette pour les francophones, et l’ampersand pour les anglophones).

Dans le même ordre d’idée, je me suis demandé s’il n’était pas possible d’essayer d’améliorer un élément aussi utile qu’important : le blockquote. Le bloc de citation permet d’ajouter du texte extérieur au document ce qui en fait un élément courant du lexique HTML. Par défaut, les blockquotes ont un style très simple : un simple espacement sur la gauche permet de signaler que la zone contient du le texte cité. Ce n’est pas terrible terrible quoi…

En parcourant le Web, je me suis rendu compte que la grande majorité des sites Internet modifient les styles CSS pour améliorer ce composant et le rendre plus lisible, plus compréhensible.

Lire la suite...

Une flopée de design

design-sbo.jpg

Sites réalisés entre 2010 et 2011 pour le compte de St. Barths Online.

St. Barths Online

sbo.jpg

www.st-barths.com

Il s'agit du premier portail touristique de l'île de Saint-Barhtèlemy. Premier site sur St-Barth créé en 1996, il est regardé par 63,000 visitors du monde entier chaque mois.

Technologies: Apache, PHP 5.2, MySQL, Ajax, jQuery, CSS 3, RSS, intégration sociale (Facebook & Twitter), version mobile par détection automatique (responsive layout), URL Rewritting, support multi-langue, optimisations SEO, profiling, moteur de recherche interne...

jDocumentary.com

jdocumentary.jpg

jdocumentary.com

J'ai réalisé ce site web en 2011 pour promouvoir et héberger mon projet jDocumentary, une librairie Javascript permettant de réaliser des Web-Documentaires. Pour plus de détais, voyez la page du projet.

Technologies: PHP, Apache, URL Rewritting, support multi-langues, Javascript & jQuery, Twitter API

Un accent particulier a été mis sur le côté SEO (Search Engine Optimization) ce qui a donné de très bons résultats en très peu de temps.

jdocumentary-google.jpg

page 1 de 2