vendredi 25 mai 2007

[Tuto] Un design fluide avec trois «colonnes», grâce au positionnement flottant

Beaucoup de sites web présentent une mise en page sur trois colonnes, avec une colonne centrale de contenu et des colonnes latérales.

Ce tutoriel, rédigé par Florent Verschelde montre comment on peut utiliser les flottants pour réaliser ce type de mise en page, en largeur fixe ou fluide.

Au menu :

  • Mise en place des trois « colonnes » (habillage, positionnement, rappel sur le positionnement flottant)
  • Des marges latérales pour empêcher la colonne centrale de se glisser sous les flottants
  • Forcer le bloc central à « fuir » les flottants avec un contexte de formatage (bugs IE)
  • Quelle technique utiliser : marges ou contexte de formatage ?
  • Aller plus loin : Comment faire des colonnes de même hauteur ?

Bon appétit ! :D

mercredi 23 mai 2007

1million4disability, un million de signatures pour une Europe plus accessible

Le forum européen des personnes handicapées est une organisation internationale qui a pour but de représenter les personnes handicapées devant les institutions européennes. Depuis le début de cette année, le FEPH mène une campagne visant à recueillir un minimum de 1 000 000 de signatures citoyennes en faveur de la lutte contre la discrimination dans tous les domaines de la vie des personnes handicapées en Europe.

(Lire "1million4disability, un million de signatures pour une Europe plus accessible")

mardi 22 mai 2007

[Tuto] Faire un style switcher (refonte)

Véro et quelques assistants du forum Alsacréations, nous ont concocté une refonte complète du tutoriel Faire un Style switcher (changement d'habillage) en PHP.

Le voici bien plus clair et accessible aux débutants : vous n'aurez plus d'excuse à présent !

lundi 21 mai 2007

Firebug, un outil précieux d'aide au développement

En plus d'être un débuggeur JavaScript et un inspecteur DOM évolué, cette extension de Firefox sortie au mois de décembre est aussi un excellent outil d'aide à l'intégration XHTML/CSS.

(Lire "Firebug, un outil précieux d'aide au développement")

mercredi 16 mai 2007

[Tuto] Faire une feuille de style pour l'impression

Un nouveau tutoriel qui manquait sur Alsacréations : "Faire une feuille de style pour l'impression" explique et montre en détail, avec exemples à l'appui, comment créer et gérer au mieux une feuille de style CSS pour le média imprimante.

Merci aux différents contributeurs de ce tutoriel, qui furent nombreux entre la première ébauche et la version finale :)

Bonne lecture !

mardi 15 mai 2007

[Article] Le rendu par défaut des éléments HTML

Un nouvel article vient d'être publié dans la zone des Tutoriels Alsacréations. Il s'agit du "rendu par défaut des éléments HTML".

Ce texte, rédigé par le collectif des modérateurs l'Alsa, est une base indispensable pour expliquer et comprendre pourquoi les éléments (balises) HTML s'affichent différemment par défaut d'un navigateur à un autre.

Il est complété par un outil de comparaison plutôt utile : un script qui permet d'afficher dans un tableau récapitulatif l'ensemble des éléments et leurs valeurs par défaut sur votre navigateur.

Voici l'article en question.

Bonne lecture !

lundi 14 mai 2007

Publication du Référentiel Général d'Accessibilité des Administrations (RGAA)

C'est aujourd'hui le grand jour de la sortie du Référentiel RGAA concernant l'accessibilité des services en ligne.

(Lire "Publication du Référentiel Général d'Accessibilité des Administrations (RGAA)")

mercredi 9 mai 2007

AlsaTest Tableless n°2 : les réponses

Voici les résultats du test Tableless 2 du blog Alsacréations. Il s'agissait de retrouver à quels sites appartiennent les extraits de captures d'écran proposées, sachant que tous les sites étaient conçus sous forme "tableless", c'est à dire sans tableaux de mise en forme.

(Lire "AlsaTest Tableless n°2 : les réponses")

vendredi 4 mai 2007

AlsaTest : Tableless n°2

Il s'agit de retrouver à quels sites appartiennent les extraits de captures d'écran proposées.

Tous ces sites web (français ou internationaux) sont actuellement conçus sous forme "tableless", c'est à dire sans tableaux de mise en forme (certains diront sous forme "CSS").

(Lire "AlsaTest : Tableless n°2")

mercredi 2 mai 2007

Refonte du tutoriel sur la fonction PHP include

Classé dans la catégorie des tutoriels les plus décriés (en compagnie de celui sur les menus déroulants), l'article sur les "pseudo-frames" en PHP vient d'être complètement remis à jour par Cygnus.

(Lire "Refonte du tutoriel sur la fonction PHP include")

  • CSS2
  • Memento XHTML
  • Le zen des CSS
  • CSS
  • Web accessible