lundi 28 février 2005

Attention : peinture fraîche !

Le plâtre n'est pas encore tout à fait sec, le contenu n'est pas encore complètement intégré et certains détails vont encore être modifiés, mais l'essentiel est là : les tutoriels d'Alsa et le blog on subi un gros ravalement de façade durant ces derniers jours, suite à une idée et un design de Dew.

(Lire "Attention : peinture fraîche !")

"Or" et "Hors", une nouvelle mode ?

Je ne sais pas si je suis le seul à remarquer cette faute qui devient de plus en plus fréquente dans les textes que je lis dans mon entourage et dans les forums de discussion web...

(Lire ""Or" et "Hors", une nouvelle mode ?")

samedi 19 février 2005

Connaissez-vous les Gravatars ?

Mise en place des Gravatars sur le blog d'Alsacréations !

Les GRAvatars (Globally Recognized Avatar), comprenez par là, Avatar universel, sont des images associées à un compte sur Gravatar.com permettant d'utiliser une image d'avatar automatiquement pour les commentaires sur les blogs (entre autres).

(Lire "Connaissez-vous les Gravatars ?")

mercredi 16 février 2005

Deuxième concours sur le forum Alsa !

Le concours numéro 2 du forum Alsacréations, appelé "Remue-méninges" commence à l'instant.

Retrouvez les règles complètes sur le sujet d'annonce du concours.

Bonne chance aux participants ! :)

Bonnes pratiques Web : un grand pas en avant.

Opquast, le jeune référentiel pour la qualité des sites Web annonce aujourd'hui le lancement officiel de son outil de pointe : mon-opquast, un système de gestion personnel permettant de suivre l'avancée de vos sites Web au niveau des bonnes pratiques.

(Lire "Bonnes pratiques Web : un grand pas en avant.")

mardi 15 février 2005

Inclure un fichier dans une page HTML sans utiliser <iframe>

Si l'usage des inclusions en langage serveur n'est pas possible et si l'on tient à éviter l'usage contesté de la balise <iframe>, il est théoriquement possible d'utiliser la balise générique <object> pour inclure n'importe quel format de fichier au sein d'un document HTML.

Cependant, bien que cela fonctionne parfaitement sur Firefox, tous mes essais sur Internet Explorer avaient lamentablement échoués jusqu'à ce jour.

En fait, pour utiliser l'élément <object> sous Internet Explorer il faut en définir explicitement les dimensions :

CSS :
object {width:400px; height:200px}

HTML :
<object data="fichier.html" type="text/html" />

Merci à Xavier pour m'avoir ouvert de nouveaux horizons ;)

Il reste un seul hic : pas moyen de supprimer ou cacher les vilaines barres de scroll autour de l'objet. Les "overflow: hidden" ne fonctionnent pas sous IE et Opera (mais s'appliquent bien sur Firefox). Si quelqu'un a une idée pas trop biscornue, elle est la bienvenue !


EDIT de derrière les fagots

Merci à Cassy d'avoir exhumé cette astuce et d'y avoir apporté une solution.

Exemple pour page.html : c'est la page principale qui appelle l'objet

<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test objet</title>
</head>
<body>
<object type="text/html" data="object.php" width="160px" height="600px">
</object>
</body>
</html>

... puis il faut appliquer ces styles à la page fille object.php :

html {

	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 0 none;
}

body {
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 160px;
	height: 600px;
}

lundi 14 février 2005

Une FAQ (X)HTML / CSS pour le forum Alsa

Le forum Alsacréations, dédié aux Standards W3C sous toutes leurs formes (HTML, XHTML, CSS, Accessibilité, etc.), commence à prendre de l'ampleur puisqu'il est en passe d'accueillir son 1000è membre en moins de quatre mois d'existence.

Comme beaucoup de communautés d'entraide, le forum Alsa voit régulièrement se poser les mêmes questions par les membres, malgré l'outil de Recherche sur le forum (pourquoi target ne valide pas en strict ? pourquoi mon bloc flottant dépasse du contenu ? etc.).

Grâce à Olivier Patry, ces questions fréquentes sont à présent regroupées dans une toute nouvelle FAQ (Foire Aux Questions, ou Frequently Asked Questions), ce qui va faciliter les recherches.

Cette FAQ prend un peu plus de poids chaque jour, grâce à la contribution de l'équipe de modération du forum. Espérons que chacun y trouvera réponse à ses interrogations.

(EDIT : en ce moment, des essais d'habillage sont en cours pour la FAQ, ne vous étonnez pas si elle change de look entre deux visites ! D'ailleurs les commentaires sur la mise en page sont les bienvenus :))

mardi 8 février 2005

And now, ladies and gentlemen...

Vous aviez peut-être remarqué le petit drapeau dans le menu des tutoriels Alsa, mais la nouvelle n'est officielle que depuis ce jour : Alsacréations s'internationalise grâce à une traduction anglaise de ses tutoriels.

Je tiens à remercier ceux qui ont beaucoup travaillé pour arriver à finir ce projet : Emmanuel de Grafimages (qui, lui et sa femme, ont traduit la 30aine de tutoriels), Jean-Baptiste Prédéry et Semih (modérateur et membre du forum, qui ont effectué un gros boulot de relecture et correction).

vendredi 4 février 2005

La bière opensource !

Ils l'ont fait : la première bière sous une licence Creative Commons (source : Dive the web)

La version 1.0 est une bière moyennement forte (6% vol.) avec une couleur profonde rouge dorée et un goût original mais familier, indique le Vores Group.

jeudi 3 février 2005

"Créer un site web conforme pour les nuls"

Voici un petit inventaire des différents outils en ligne qui existent pour créer un site (ou blog) sans réelles connaissances des langages HTML / CSS et surtout assez proches des Standards.

(Lire ""Créer un site web conforme pour les nuls"")

  • Réussir son site web avec XHTML et CSS
  • CSS : Le guide complet
  • Memento CSS
  • Memento XHTML