Le Meilleur Du Web

le 1er mars 2010, Microsoft se voyait contraint de donner le choix à ses utilisateurs de leur navigateur.
Une page internet montre comment se présente cette possibilité :
http://www.browserchoice.eu/BrowserChoice/browserchoice_fr.htm

Grâce à l’ascenseur horizontal situé en bas, d’autres navigateurs sont disponibles laissant le choix d’alternatives aux 5 plus répandus.

Cette obligation va peut être changer la donne sur la répartition des navigateurs. Souhaitons que cela soit salutaire pour les standard du web !

Salut à tous,

en surfant j’ai trouvé un lien sur un aspect intéressant des CSS : les sélecteurs.
Voici le lien :
http://www.yoyodesign.org/doc/w3c/css2/selector.html

Les sélecteur permettent d’être très précis dans le choix des balises ou de spécifier autre chose que les class ou les ID comme par exemple un terme.

Sur de nombreux navigateurs, lorsque vous créez un menu déroulant HTML, que ce soit un select ou des listes, il s’affiche souvent sous le Flash. Pour régler ce problème il existe une méthode étrange mais infaillible : Il suffit d’ajouter aux paramètres Flash l’indication suivante :
<object data=... >
<param name="wmode" value="transparent">
</object>
Cette indication retire la couleur du background du module Flash et, pour une raison que j’ignore, rend la fenêtre HTML prioritaire.
Cela nécessite tout de même plus de ressources processeur, mais ça marche !

NB : c’est aussi grâce à cette méthode qu’on crée des animations intrusives qui viennent polluer vos pages web.

Il existe « quelques » modules, plus ou moins bien documentés, permettant d’ajouter un menu à Joomla (entre autres ceux proposés par Ced sur joomlashack).

De mon côté je cherchais plutôt un menu horizontal à l’image d’un proposé sur DynamicDrive. Menu horizontal avec sous-menus horizontaux.

Après avoir récupéré les fichiers, La difficulté est d’adapter le code à la structure particulière de joomla.
Pour ce faire, il y a quelques petites chose à modifier :

1-Uploadez les fichiers « droplinebar.css », « droplinemenu.js » et les images down.gif, blueactive.gif et bluedefault.gif dans les dossiers idoines de votre site
2- Dans le fichier CSS et JS, modifiez le chemin des images pour quelles correspondent
3- Copier / coller le code du head récupéré sur DynamicDrive dans votre page index.php de votre template. Modifiez la ligne droplinemenu.buildmenu("mydroplinemenu") par droplinemenu.buildmenu("moduletable_droplinemenu")
4- dans votre admin joomla, ouvrez le gestionnaire de modules, sélectionnez le menu auquel vous voulez l’appliquez. dans les paramètres avancées ajouté la class de module « _droplinemenu droplinebar » (il y a bien 2 classes séparées par un espace).
5- Ouvrez le fichier « droplinemenu.js », modifiez la ligne 14 :var $mainmenu=$("#"+menuid+">ul") par var $mainmenu=$("."+menuid+">ul")

et voilà. (Évidemment n’oubliez pas de placer votre module dans votre template, s’il n’y est pas, et de bien le pointer dans l’administration !)

Ce matin, je me battais encore pour adapter mon code à IE6… vainement
Mon menu déroulant passait irrémédiablement sous mon flash et ie6 était incapable de comprendre mes sélecteurs d’enfants dans le CSS. ARGH ! s’en était trop !!!
Mais quand ce maudit navigateur, cauchemar des web designers, disparaîtra ??? et là, je tombe sur 2 réponses :

1- le 31 Mars 2009, fin du support à l’initiative de designers Norvégiens qui espèrent l’éradication de ce fléau qu’est IE6 (bien qu’IE7 ne soit pas terrible non plus, mais attelons-nous à un problème à la fois…). Il nous enjoigne à rejoindre leurs rangs: Campagne pour l’éradication d’IE6. Moi, c’est déjà fait. Et voici le message que les utilisateur d’IE6 liront sur mes sites dorénavant:

« Savez-vous que votre navigateur est obsolète ?
Pour naviguer de manière satisfaisante sur ce site (et sur le reste du Web), nous vous recommandons de procéder à une mise à jour de votre navigateur. La version actuelle est Internet Explorer 8. La mise à jour est gratuite et bien mieux sécurisée. Si vous utilisez un PC au travail, veuillez contacter votre service informatique.
Si vous le souhaitez, vous pouvez aussi essayer d’autres navigateurs web populaires comme par exemple FireFox, Opera ou Safari. »

Un simple code à intégrer sur votre site et vous voilà inscrit sur la voie de la libération. Aux utilisateurs maintenant de faire le pas (et mes clients par la même occasion), ils leur restent un peu plus de 6 mois avant l’autre date, celle-là officielle.

2- 10 juillet 2010, C’est la date de la fin du support par Microsoft, presque 9 ans après ça sortie en Août 2001, une éternité en informatique. Tant de temps gâché à maintenir un logiciel vérolé, bugué et qui sera en fin de vie en même temps que certaines versions d’ie7, Microsoft à le sens de l’humour… noire, sombre, glauque. Surtout quand on prétend fournir les logiciels les plus sûrs, c’est écrit dans leurs guidelines. Laissez moi rire… jaune.

Pour vous faciliter la tâche, de nombreux plug-in détecte ie6 automatiquement et délivre un petit avertissement, pour wordpress par exemple :
http://wordpress.org/extend/plugins/shockingly-big-ie6-warning/screenshots/

internet explorer 6 est obsolète !

Que se cache t-il derrière cette dénomination difficile à traduire ? la possibilité de remplacer des morceaux du moteur de Joomla.
En créant un dossier html dans son template, le noyau de joomla vérifiera qu’il n’y a pas un composant ou un module customisé qui « remplace » celui par défaut.
Ca peut être utile pour personnaliser le footer, le login ou la recherche sans « saccager » la structure de base ! Elle restera donc comme elle est par défaut et vous pourrez donc mettre à jour sans vous soucier de rien.

Pour cela il s’agit de copier/coller le fichier que vous souhaitez transformer dans votre dossier html. Vous prendrez soin de le placer dans un dossier du même nom que son emplacement d’origine sans néanmoins recopier l’arborescence à l’identique car cela ne marcherait pas. exemple :
modules/mod_footer/tmpl/default.php sera copié ici : templates/montemplate/html/mod_footer/default.php
Si votre template est « installable » vous mettrez à jour templateDetails.xml
html/mod_footer/default.php

Il y a quelques temps j’avais pondu un post à propos de Wine & ie4mac. Je souhaitais émuler IE 6 et 7 sur mon Mac. Bon, le résultat n’était pas à la hauteur de mes espérances… bref je cherche encore et je viens de découvrir un service assez sympa :

http://browsershots.org/

Pour développer son site c’est assez sympa car vous obtenez une capture d’écran issue des différents navigateurs (totalement exhaustif !) et sur toutes les plate-formes (Os X, WinWin, Linux et BSD !). Il faut attendre un peu (environ 1/2 heure) mais par rapport à ce qui se fait à côté c’est très rapide et gratuit !

La redirection via une balise « refresh » donne les indications aux navigateurs pour rediriger les internautes vers une URL spécifique, au bout d’un laps de temps donné.

Exemple :
<meta http-equiv="Refresh" content="10;URL=mapage.html">

Traduction :
redirige vers la page « mapage.html » au bout de 10 secondes.

Il est fortement recommander de ne pas l’utiliser. D’après certains, cette balise a trop souvent été exploitée à mauvais escient. En déterminant son temps à zéro (il s’agit toujours de secondes) elle était utile dans le cas de sites miroirs. De ce fait, elle est mal considérée par les moteurs et donc mal référencée. Elle peut malgré tout s’avérer intéressante pour renvoyer vers une page temporaire.

Après avoir longuement galéré à essayer d’installer VirtueMart séparément de Joomla! j’ai trouvé un installeur « tout-en-un ».
Inutile d’aller sur la page de www.joomlafrance.org pour le télécharger, le lien est brisé !
Autant aller directement sur le site de VirtueMart :
http://virtuemart.net/index.php?option=com_content&task=view&id=54&Itemid=147
Pour le même prix (c’est à dire 0€) vous aurez :
Joomla 1,5 + VirtueMart + JCE et un package de langues (dont le français)

Il semblerait qu’une centaine d’aspects influe sur la position de nos pages dans les résultats de moteurs de recherche.

Je vais aborder certains points essentiels puis les développer. D’abord, les site maps :
Le « site map » ou « plan du site » est un élément important du référencement. Pourquoi ? parce que, d’abord, il y a peu de sites qui le font. Alors si vous faites ce que les autres ne font pas, c’est mieux. Et pourquoi ? parce que Google adore les sitemaps ! Il y a même une page consacrée à leur conception et leur référencement dans les outils pour webmaster de Google:
https://www.google.com/webmasters/tools

Pour Wordpress il existe un plugin très bien fait qui, au lieu de le réaliser soit même, s’occupe de tout:
http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/

Pour les autres, et ceux qui veulent le réaliser à la main, Google donne de nombreuses indications :
http://www.google.com/support/webmasters/bin/answer.py?hl=fr&answer=156184