Archive pour le thème 'HTML et CSS'

A noter si vous utilisez Opera : j’ai rencontrĂ© un problème plutĂ´t difficile Ă  rĂ©soudre ces derniers temps.

Alors que je bricolais avec IPv6 en vue de convertir mon rĂ©seau personnel et mon PC principal, j’ai commencĂ© par goĂ»ter l’eau en essayant d’en valider le fonctionnement sur ma config Windows XP. Pour mon malheur, Opera est complĂ©tement prĂŞt Ă  passer Ă  IPv6 mais mon routeur ne l’est pas. Alors le premier effet observable a Ă©tĂ© qu’Opera, en dĂ©cidant d’utiliser absolument IPv6 pour naviguer sur tout site qui signalait sa capacitĂ© IPv6 dans son DNS (pas nombreux, mais Google et Free mon FAI font partie de cette liste), a essayĂ© de se connecter Ă  ces sites en IPv6 mais a systĂ©matiquement Ă©chouĂ© (parce que le reste de ma configuration n’est pas 100% IPv6). Pour 99% des sites web, cela ne faisait aucune diffĂ©rence, mais Google et Free Ă©taient devenus inaccessibles…

Il m’aura fallu plusieurs jours (et l’aide de Google – Ă  travers Firefox, Safari et Chrome) pour comprendre que c’est un problème connu et pour retirer IPv6 de ma configuration Windows pour le moment.

Je vais devoir améliorer mon routeur avant de ré-essayer.

OK, on vous l’a dĂ©jĂ  fait et vous avez dĂ©jĂ  vu toutes les collections d’icĂ´nes sur Internet. Rien ne peut plus vous surprendre. Stop ! Icons Etc est vraiment autre chose. Vous y trouverez des centaines d’icĂ´nes de qualitĂ© qui se caractĂ©risent par leur prix (gratuit) et leur qualitĂ© (excellente).

Pour faire exemple, j’ai simplement choisi au hasard une catĂ©gorie toute bĂŞte : les gouttes d’eau (rain drops).

Gouttes d'eau (on Icons Etc.)

Je suis sûr que vous parviendrez facilement à y trouver les icônes dont vous avez besoin pour un site web, votre bureau Windows ou toute autre application à icônes.

Je ne suis pas sĂ»r que ce soit exact dans le monde entier, mais je viens de constater que c’est une rĂ©alitĂ© pour YLovePhoto, l’un de mes sites :

YLovePhoto.com

Puis, j’ai vĂ©rifiĂ© sur Roumazeilles.net lui-mĂŞme et j’ai pu constater qu’il en allait de mĂŞme :

Roumazeilles.net

Il semble bien que la progression de Firefox est très nette. Qui aurait pensé -il y a seulement quelques années- que Microsoft pourrait être ainsi bousculée ?

Apple n’est pas seulement le concepteur d’ordinateurs Ă©lĂ©gants ou de jolis petits tĂ©lĂ©phones mobiles. Ils distribuent aussi un excellent navigateur Internet : Safari.

VoilĂ  que sa dernière version, Safari 4, est maintenant disponible.Plus rapide et toujours aussi puissant, mais Apple affirme aujourd’hui pouvoir dĂ©tenir la couronne de navigateur « le plus rapide au monde ». Ce sera peut-ĂŞtre mĂŞme vrai dès que OS-X Snow Leopard sera disponible plus tard cette annĂ©e. En effet, il tournera alors en natif en mode 64-bits sur Mac et sera 50% plus rapide encore que le prĂ©cĂ©dent Safari 3.

Safari version 4

Safari 4 est disponible pour Windows XP, Vista, ou Mac OS X 10.4.11 ou plus.

Depuis longtemps dĂ©jĂ , je recommande chaleureusement le navigateur web Opera. C’est une sorte de Firefox dans lequel toutes les extensions utiles auraient dĂ©jĂ  Ă©tĂ© installĂ©es d’origine (pas besoin de plug-in). Et il est rapide, en plus. Pour les applications mobiles (PDAs, tĂ©lĂ©phones portables, etc.) Opera Mini est sans doute la meilleure option possible et se trouve dans une compĂ©tition serrĂ©e pour la place de leader mondial.

Aujourd’hui, Opera lance une version 10 beta de son navigateur. Et il a de bien attirantes fonctions.

• Navigation rapide sur des connexions lentes
• Navigation Ă  onglets et flexible
• Raccourcis dans la page vide
• IntĂ©gration du web mail
• Champ de recherche re-dimensionnable
• Moteur web beaucoup plus rapide et Ă©tonnamment compatible avec les standards web les plus modernes
• Correcteur orthographique en ligne (je l’utilise dĂ©jĂ  beaucoup pour amĂ©liorer mes travaux de blogging)
• Mises Ă  jour automatiques (bien mieux que de simplement avoir Ă  vĂ©rifier si des mises Ă  jour existent)
• Commandes par mouvements de souris

Encore mieux, après l’avoir longuement testĂ© en alpha, je peux confirmer que c’est dĂ©jĂ  un produit stable. La version beta ne devrait pas rĂ©duire cet attribut important et c’est bien.

Vous pouvez le télécharger ici.

Mes compétences informatiques comparées à ce que ma famille et mes amis en pensent.

• Les patches du kernel Linux que j’ai Ă©crits : nul
• La certification d’architecte Java que j’ai obtenue : nul
• Le moteur Web 2.0 que j’ai crĂ©Ă© : nul
• Projet de traitement d’images par rĂ©seau de neurones : nul
• Optimisations de moteur de rendu 3D : nul
• Installation de Windows XP et drivers : grave top dĂ©lire

From GraphJam.

Si vous voulez crĂ©er un site web, ou un meilleur site web, je suis en train de lancer une sĂ©rie de petites idĂ©es simples pour amĂ©liorer sensiblement et rapidement un site ou un blog avec des tâches de difficultĂ© très limitĂ©e. Une par semaine. C’est dans le thème « IdĂ©e facile » de mon autre site web : Y Want Visits.

C’est vraiment le moment de vous lancer. Un site web peut vous rapporter des revenus pour passer la crise avec le sourire.

Compagnie Melody Nelson

Comme j’ai rĂ©cemment travaillĂ© sur la prĂ©paration du site web de cette compagnie thĂ©atrale, je voulais vous inviter Ă  y aller jeter un oeil.

Excellent thĂ©atre. Par ailleurs, n’hĂ©sitez pas Ă  commenter le design du site lui-mĂŞme dont les dĂ©fauts sont Ă  attribuer au web designer plus qu’Ă  la compagnie. J’ai essayĂ© de faire des choses simples et peu perturbantes et nous utilisons les reproductions de peintures de Paul AĂŻzpiri.

Nota bene : pour ceux qui se demanderaient (il n’y a peut-ĂŞtre personne dans cette situation), le site est construit autour de WordPress alors que ce n’est pas un blog Ă  proprement parler (on peut vraiment l’utiliser Ă  presque tout ce WordPress).

C’est ce que je me suis dit rĂ©cemment en constatant qu’un bout de code PHP avait cessĂ© de fonctionner sur un de mes sites web. Il s’agit donc d’un rappel pour les autres programmeurs inattentifs : $DOCUMENT_ROOT = $HTTP_SERVER_VARS['DOCUMENT_ROOT']; ne fonctionne plus. Il faut maintenant utiliser la nouvelle forme : $DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];.

A bon entendeur, salut.

Quand vous avez un site web, il devient plutĂ´t courant de voir certaines personnes trouver si facile d’utiliser vos images qu’ils ne prennent mĂŞme plus la peine de les copier. Dans ce cas, ils ne volent pas seulement votre travail artistique ou graphique, ils dĂ©tournent la bande passante de votre serveur (pour laquelle vous payez par ailleurs).

Finalement, il y a une solution. Vous pouvez modifier lĂ©gèrement votre site web pour vous assurer que si cela arrive, l’image servie n’est pas l’image originale mais une autre (soit un gros X rouge, soit un message pour le visiteur du site voleur). C’est un peu dur Ă  faire Ă  la main, mais un outil sur le web que j’ai trouvĂ© facilite beaucoup le travail : HTMLbasix – Htaccess Disable Hotlinking Code Generator.

Certaines personnes m’ont dit : « Tu blogue ! Ca doit te prendre un temps fou, tous les jours ».

Ne vous inquiĂ©tez pas, vous voyez un article tous les jours sur Roumazeilles.net, mais cela ne veut pas du tout dire que je m’installe devant le clavier de mon ordinateur tous les jours. Loin de lĂ  ! Je m’en sors avec une fonctionnalitĂ© très avantageuse de WordPress (le package logiciel que j’utilise pour supporter mon site web). J’Ă©cris quand je veux et je programme la publication automatique pour une date future.

Ainsi, mon inspiration est infiniment moins contrainte. Par exemple, en ce moment, j’ai programmĂ© une publication hebdomadaire Ă  propos des illusions d’optique pour les 6 mois Ă  venir, une pleine semaine d’articles quotidiens sur les fĂ©lins (la semaine prochaine), une semaine entière de vidĂ©os quotidiennes intitulĂ©e « quand les XXXXX s’amusent » pour dans deux mois.

Le bon vieux test Acid3 est un test simple, court et difficile pour Ă©valuer la compatibiltĂ© des navigateurs Internet avec les standard du web. Bien peu d’entre eux sont capables d’afficher simplement quelque chose qui ressemble au rĂ©sultat attendu. Mais les choses changent vite ces derniers temps avec ces quelques nouvelles rĂ©centes:

• Le 26 mars, Opera s’est prĂ©sentĂ© comme le tout premier navigateur Ă  atteindre un score de 100/100 ou 100%.
• Safari 3.1 qui est la première version non-beta du navigateur d’Apple maintenant prĂ©sent sous Windows a atteint le score de 100% seulement quelques jours après Opera.
• Internet Explorer 8 qui est encore en beta pour un public restreint a Ă©tĂ© annoncĂ© successivement comme 100% compatible, puis non, puis Ă  nouveau. Tout indique que Microsoft a le code nĂ©cessaire mais hĂ©site Ă  mettre son navigateur dans cette configuration idĂ©ale.

Référence : la page du test Acid3.

Je viens de dĂ©couvrir (je ne suis pas très attentif, vous direz) une petite fonctionnalitĂ© assez surprenante dans le navigateur Opera (Ă  partir de la version 9) : l’interface vocale. C’est fascinant, Opera accepte des commandes vocales et peut lire le contenu d’une page web.

Il faut installer un petit module (qui est directement tĂ©lĂ©chargeable et accessible depuis un bouton de la barre d’icĂ´nes d’Opera) pour avoir accès Ă  ces fonctionnalitĂ©s. Après quelques secondes ou minutes, l’internaute a la possibilitĂ© d’utiliser son navigateur en appuyant sur une touche pour dĂ©clencher l’Ă©coute. C’est simple : touche Insert, Baby open page, touche Insert, et une nouvelle page s’ouvre. Il faut prendre un accĂ©s amĂ©ricain (mĂŞme approximatif), mais cela marche pas mal du tout (mĂŞme avec la radio en bruit de fond).

A l’opposĂ©, on peut demander Baby read pour Ă©couter Opera lire (en anglais) les premières lignes de la page ou le paragraphe prĂ©alablement sĂ©lectionnĂ©.

Nota bene : j’ai indiquĂ© que je souhaitais prĂ©cĂ©der mes commandes de Baby (bĂ©bĂ© en anglais) plutĂ´t que Opera ; je trouve ça plus mignon.

Fonctionnalité à découvrir dans un navigateur de grande classe. Et gratuit, bien sûr.

Le design d’un site web est notoirement opposĂ© Ă  l’utilisation de polices de caractère riches et variĂ©es : tout vous invite Ă  vous limiter Ă  la petite liste des polices communes. Malheureusement, cela ne fait pas toujours l’affaire. Si vous avez dĂ©jĂ  commencĂ© Ă  explorer les alternatives comme texte-dans-les-images-GIF, vous feriez bien de lire cet article de hackzine : HOWTO – Use rich fonts in your web design.

Vous avez un site web, vous voulez voir son trafic croĂ®tre (il paraĂ®t que c’est mĂŞme un des problèmes principaux des crĂ©ateurs de sites web : ils surveillent de trop près la moindre variation du trafic). Je vous propose donc une liste effarante de moyens pour satisfaire vos envies statistiques les plus perverses.

Ce n’est pas très compliquĂ©, nombre de sites mĂŞme payants veulent Ă  tout prix ĂŞtre indexĂ©s par Google. Pour cela, ils reconnaissent le spider de Google et lui donnent un accĂ©s privilĂ©giĂ©. Pourquoi ne pas vous-mĂŞme vous faire passer pour le moteur de recherche le plus connu au monde ? Il suffit -pour l’essentiel- de modifier l’identificateur de votre navigateur. Par contre, ce n’est pas garanti fonctionner partout.

Vu sur uneasysilence.com.

Les plus attentifs des lecteurs l’auront remarquĂ©, il y a eu aujourd’hui un changement mineur Ă  la prĂ©sentation du site web. Cela dervait amĂ©liorer lĂ©gèrement la performance et permettra des Ă©volutions futures que vous apprĂ©cierez certainement.

Si vous aviez des difficultés techniques avec votre navigateur (cela ne devrait pas être le cas, bien sûr, si vous utilisez un navigateur qui a moins de 5 ans), merci de laisser un commentaires à ce sujet.

Pour les plus accros de la technologie web, je peux simplement dire que sans notablement modifier l’apparence du site, j’ai converti l’ancienne prĂ©sentation Ă  base de tables HTML en un modèle complètement appuyĂ© sur une feuille CSS et cela explique la plus grande part du gain de performance attendu.