public marks

PUBLIC MARKS from sibelius with tag alsacreations

December 2007

October 2007

Le gestionnaire de contenu CMS Made Simple

by 1 other
Présentation du gestionnaire de contenu CMS Made Simple : Avantages et inconvénients, Caractéristiques spécifiques par rapport à d'autres CMS, Le travail du rédacteur de contenu, Le travail de l'intégrateur-designeur, Documentation, informations et aide sur CMSMS

September 2007

Le nouveau livre Transcender CSS. Oui, mais...

Eyrolles vient de publier un nouvel ouvrage sur les feuilles de styles CSS : "Transcender CSS". Il s'agit en fait d'une traduction d'un livre de Andy Clarke, dont l'avant-propos est de Molly Holzschlag et la préface de Dave Shea. Bref, que des pointures dans le domaine. Oui mais voilà, on trouve dans ce livre une partie témoignant d'un manque de tact évident des auteurs : une inspiration (c'est le moins qu'on puisse dire) du site de l'agence française Alsacreations.fr sans aucune mention de la source...

June 2007

Concours Cascading Style Summer Refresh 2007

by 1 other
Le principe de ce concours - que nous avions déjà organisé en 2005 - est simple : vous êtes invité à profiter de cette période estivale pour nous proposer une refonte de votre site web. L'idée est de remettre au goût du jour votre page en terme de design, mais aussi de conformité aux standards (X)HTML et CSS, puis de le soumettre au vote des membres et d'être classé dans un tableau général.

May 2007

Faire une feuille de style pour l'impression

by 5 others
On se focalise souvent sur les feuilles de style pour le rendu à l'écran, mais une page web peut également se décliner sous la forme d'un document imprimé. Coup de chance : les feuilles de style CSS servent aussi à définir les styles pour l'impression des pages web. Elle est pas belle, la vie ?

Inclure un fichier dans un autre grâce à PHP

by 1 other
Tout site possède au moins une partie commune à chaque page. Partant de ce constat, pourquoi ne pas insérer de manière dynamique ces éléments et éviter ainsi de dupliquer les portions de codes répétées d'une page à l'autre ? Faciliter la maintenance d'un site et permettre son évolution sans avoir besoin de tout reprendre, tel est le principal attrait de cette méthode. Alors, si comme bon nombre d'entre nous, vous êtes légèrement fainéant sur les bords, et trouvez dommage de vous embêter à ré-écrire une partie de votre code alors qu'une simple ligne suffit ... Ce tutoriel est fait pour vous ! Il vous détaille, pas à pas, la façon de procéder pour inclure un élément sur une ou plusieurs pages de votre site, au moyen de la fonction include().

April 2007

Quelle démarche à suivre pour intégrer une maquette en page HTML/CSS ?

by 1 other
Je suis relativement débutant avec CSS, auparavant j'utilisais des tableaux, et je créais mon design avec photoshop, ensuite il ne me restait plus qu'à utiliser les tranches, d'arranger un peu le code en fonction de mes besoins, et le tour était joué. Maintenant le css, je suis un peu perdu, et je n'aimerai pas perdre du temps à des "bidouillages", ma question est donc la suivante, quel est le meilleur moyen d'envisager un design CSS ?

January 2007

Créer des menus simples en CSS

by 3 others
Un tutoriel pour apprendre à réaliser des menus "simples" (sans arborescence: tous les liens sont au même niveau) à l'aide des feuilles de style.

Faire un site pour toutes les résolutions

La question des dimensions idéales d'un site est souvent posée. Les résolutions d'écran varient généralement de 800x600 pixels à 1280x960 pixels, en passant par 1024x768. Quelle est donc la résolution à privilégier ? Quelle est la dimension idéale pour un site web ? Comment faire un design fluide "intelligent" ?

FAQ XHTML, CSS : Questions fréquemment posées

by 13 others
Une Foire Aux Questions concernant XHTML, CSS, l'accessibilité web, la typographie, bref, la conception web conforme aux standards actuels.

December 2006

JavaScript : organiser son code en modules

by 6 others
Ce tutoriel vous propose, dans la lignée de celui présentant les bonnes habitudes de codage en JavaScript, d’étudier différentes techniques permettant d’isoler votre code dans des modules « hermétiques », évitant ainsi les interactions involontaires avec le reste de votre code, ou avec le code que vous ne contrôlez pas.

Les liens d'évitement

by 9 others
De plus en plus de sites implémentent des liens particuliers connus sous le nom de "liens d'évitement" ou "liens de navigation interne" comme "Aller au menu", "Aller au contenu", "Retour en haut de page"... Bien qu'ils ne soient qu'une exigence de niveau AAA pour WCAG ou Argent pour Accessiweb, ces liens sont pourtant indispensables, notamment pour les utilisateurs de la navigation clavier. Comme tout dispositif nécessitant une adaptation spécifique de la page, ils doivent être utilisés à bon escient et réclament de respecter quelques règles d'implémentation.

November 2006

[Rencontre] Monique Brunel

by 3 others
Interview de la célèbre "mamie" du web accessible

October 2006

Deux bougies pour le forum Alsacréations

Le forum est devenu le coeur de la communauté Alsacréations. Il est l'endroit le plus vivant et où fourmillent des milliers de membres prêts à s'entraider, défendre la cause des standards ou simplement demander un coup de main

A propos du Modèle de boîte Microsoft (ou "quirks")

by 3 others
Internet Explorer interprète les dimensions CSS différemment des autres navigateurs, ou plutôt interprétait... Contrairement à ce que laissent supposer certains articles et propos de designers "chevronnés" qui n’en démordent pas, Internet Explorer 6 de Microsoft interprète les dimensions CSS des pages html et xhml valides de la même manière que les autres navigateurs de même génération. Alors pourquoi cette confusion ?

Impact du rendu de la mise en forme du code HTML

by 5 others
On considère généralement que la mise en forme du code HTML (retours à la ligne, indentation, espaces entre les balises) n'a aucun impact sur le rendu final. Il est possible, par exemple, d'écrire le code d'une page web complète sur une seule ligne ; ou bien de revenir systématiquement à la ligne pour chaque nouvelle balise ; ou encore de laisser plusieurs lignes vides, pour « éclaircir » un code et en faciliter la lecture. Même si cette conception est généralement vraie, il faut se méfier de ce genre de généralités. La mise en forme du code peut avoir des conséquences sur le rendu ! Petite mise au point...

Comment bien coder en Javascript ?

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

April 2006

Emploi dans la conception web

by 11 others
Un outil d'aide aux recruteurs et demandeurs dans l'informatique et la conception internet.

March 2006

Service de recherche et d'offres d'emploi sur Alsacreations

Alsacréations propose aux entreprises, associations, organisations d'ajouter leurs offres d'emploi dans le domaine informatique et de la conception web aux normes. Vous avez la possibilité de proposer une offre d'emploi qui sera présentée par la suite parmi d'autres selon différents critères (type de contrat, compétences requises, lieu, télétravail etc.). De même, si vous recherchez un emploi dans le domaine de la conception web aux normes, vous pouvez proposer votre candidature en présentant vos compétences, votre expérience et vos motivations.

December 2005

Les balises et propriétés HTML dépréciées et obsolètes - Alsacréations

Les balises dépréciées sont l'ensemble des balises qu'il est déconseillé d'utiliser car elles pourraient devenir obsolètes et ne plus fonctionner sur les futurs navigateurs

Faire apparaître des popups sans nouvelle fenêtre - Alsacréations

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

Ouvrir des liens externes dans une nouvelle fenêtre - Alsacréations

by 2 others
Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l'utilisateur non expérimenté et particulierement désagréable pour la navigation, mais on peut comprendre que le fait de quitter le site au clic sur un lien soit un peu rageant !

Des blocs de même hauteur sans tableaux - Alsacréations

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