October 2006
Comment bien coder en Javascript ?
by sibelius & 26 others
Ce tutoriel vous montre, au travers de bonnes pratiques, comment obtenir un code Javascript non intrusif, évolutif, accessible, facilitant la maintenance et minimisant les risques d'interaction. Ce document regroupe diverses notions de base et d'autres plus avancées telles que les tests de fonctions, les variables globales, la séparation de la structure, de la présentation, du comportement voire des données, le modèle objet, les littéraux, une introduction à JSON ou encore la gestion des événements.
December 2005
Galerie photo avec JavaScript - Alsacréations
by link-javascript & 2 others (via)
Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. La séparation du contenu et de la partie script permet une facilité de gestion de votre galerie et un allègement du poids des pages, en effet vous n'avez aucun code JavaScript à ajouter dans votre page en elle même, tout est géré par le script et appelé dans la partie <head> de la page.
Faire apparaître des popups sans nouvelle fenêtre - Alsacréations
by sibelius & 1 other
Il est parfois utile de présenter une partie de l'information sous forme attractive, dans une boîte autonome qui se distingue du reste du site.
En général, ce comportement est géré en JavaScript ou à l'aide de la fonction "target blank" et crée une popup (fenêtre volante). Or ce comportement, qui surprend et gêne la navigation du visiteur est à prohiber et tend à disparaître avec la démocratisation des navigateurs et outils qui bloquent les popups.
Des blocs de même hauteur sans tableaux - Alsacréations
by sibelius
Les mises en pages en CSS ont de nombreux avantages par rapport aux designs par tableaux.
Cependant, un bloc <div> ne se comporte pas comme une cellule de tableau et le problème le plus fréquent est que l'on voudrait que deux cellules côte à côte s'adaptent l'une à l'autre lorsqu'elles sont étirées en fonction de leur contenu.
Un menu déroulant en CSS et XHTML (horizontal et vertical) - Alsacréations
by sibelius & 9 others
Nous allons voir comment créer un menu déroulant comportant plusieurs menus, contenant chacun des sous-menus. Cette version de ce tutoriel a été remise à jour en août 2004 pour y apporter des simplifications et des fonctionnalités supplémentaires notamment au niveau de l'Accessibilité.
Galerie photo avec JavaScript - Alsacréations
by sibelius & 2 others
Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. La séparation du contenu et de la partie script permet une facilité de gestion de votre galerie et un allègement du poids des pages, en effet vous n'avez aucun code JavaScript à ajouter dans votre page en elle même, tout est géré par le script et appelé dans la partie <head> de la page.
Réalisation d\'un design complet (XHTML / CSS) en 5 étapes - Alsacréations
by sibelius & 10 others
Dans ce tutoriel nous allons voir étape par étape comment faire le code xhtml et css d'un design pas forcément très évolué mais vous pourrez comprendre le processus de création d'un design en xhtml et css.
Tableaux ou Div, petite comparaison concrète - Alsacréations
by sibelius & 2 others
A l'heure actuelle, la grande majorité des sites web sont construits grâce à l'utilisation de tableaux. Les tableaux, permettent en effet de structurer la page en plusieurs parties, et chaque partie peut contenir un menu, un entête, un contenu,...
Cependant, cette méthode quasi-universelle présente de nombreux désavantages...
Construire un site sans tableaux - Alsacréations
by sibelius & 1 other
L'orientation des Standards est claire : tous les attributs de taille, de position, de couleurs, d'alignement (width, height, align, font, color,...),... NE DOIVENT PAS figurer sur la page html, mais sur ce qui va gérer l'affichage, c'est à dire la feuille de style CSS.
Nous allons donc créer notre site proprement, intégralement en CSS (pas de tableaux pour l'affichage). Ce site sera respectueux des Standards du W3C, mais aussi de l'Accessibilité aux non-voyants, non-entendants, personnes présentant des handicaps divers (sensoriels, moteurs...).
Centrer les éléments ou un site web en CSS - Alsacréations
by sibelius & 1 other
Il existe plusieurs méthodes d'alignement et de centrage en CSS, qui dépendent de la structure des balises (bloc, en-ligne) et le type (vertical, horizontal)
Comprendre le positionnement des balises en CSS - Alsacréations
by sibelius & 3 others
Les éditeurs HTML visuels n'utilisent qu'une infime partie des possibilités des balises (faussement nommées "calques" en général), ce qui les rend souvent peu compatibles et peu pratiques.
Voici comment positionner les éléments en CSS de façon optimale, bien que résumé schématiquement.
Faire un Style switcher (changement d\'habillage) en PHP - Alsacréations
by sibelius
La séparation du contenu et de la mise en forme permet de créer différentes mises en pages ou styles en changeant simplement la feuille de style du document. Nous allons voir alors comment créer simplement un style switcher (une liste permettant de choisir entre différents styles) géré en PHP qui gardera en mémoire (via un cookie) le style choisi pour permettre d'afficher ce style à chaque chargement de page.
Inclure un fichier dans un autre, grâce à CSS et PHP - Alsacréations
by sibelius
Les cadres (frames et iframes) sont fréquemment utilisés pour faire une mise en page avec des parties fixes et des parties dynamiques, scrollables. Cependant, cette technique, heureusement peu voire non utilisée par les sites professionnels tout-publics présente de nombreux désavantages, notamment pour le référencement, la mise en favoris, l'impression de page,...
1
(13 marks)
