Archive pour le thème 'HTML et CSS'

Sample chart

Quand vous crĂ©ez un site web, il arrive souvent d’avoir besoin de crĂ©er un diagramme, un graphique. Mais cela peut ĂŞtre une tâche ardue si vous ne voulez pas y passer toute la nuit et si vous ne voulez pas vous contenter des graphiques de base fournis par Excel (ou OpenOffice Draw, d’ailleurs). Alors, il vous faut un package de dessin de diagrammes et de graphiques.

J’en ai trouvĂ© deux particulièrement intĂ©ressant Ă  partager avec le plus grand nombre :

• amCharts est en fait un bel ensemble de diagramme en Flash pour les sites web et les produits reposant sur le web. AmCharts extrait ses donnĂ©es due fichiers CSV ou XML, ou ils peuvent lire des donnĂ©es gĂ©nĂ©rĂ©es dynamiquement par du PHP, .NET, Java, Ruby on Rails, Perl, ColdFusion, et plein d’autres langages de programmation. J’aime bien le look final mĂŞme s’ils peuvent encore amĂ©liorer le rĂ©sultat pour lui donner le designer touch.
• Chartle fournit des graphiques, des cartes, des plots et des diagrams simples et faciles Ă  crĂ©er. Il est encore en beta Ă  ce jour (dĂ©but 2010) mais les rĂ©sultats sont dĂ©jĂ  pas mal du tout.

Mon navigateur Internet prĂ©fĂ©rĂ©, Opera, est arrivĂ© dans une nouvelle version v10.50. Non seulement c’est toujours le mĂŞme navigateur sympa, puissant et souple, mais il arrive avec des nouveautĂ©s notables :

• Plus rapide : je n’avais pas essayĂ© les versions beta et j’ai Ă©tĂ© surpris : il va vite, très vite. Je ne sais pas si c’est toujours le navigateur le plus rapide du monde comme le clament ses promoteurs mais c’est rare de sentir la diffĂ©rence ainsi entre deux versions.
• Parfaitement intĂ©grĂ© dans Windows 7, prĂŞt Ă  tout : menus spĂ©cifiques d’intĂ©gration Ă  la barre d’icones, icone spĂ©cialisĂ©e, bords de fenĂŞtre optimisĂ©s, etc.
• Navigation privĂ©e et sĂ©curisĂ©e Ă  la demande.
• Les widgets sont maintenant dĂ©posables sur le bureau.

Comme Opera est compatible avec non seulement Windows, mais aussi Apple, Linux et la plupart des téléphones mobiles, cela est une très bonne nouvelle qui va se répandre.

Nous passons tellement de temps penchĂ©s sur nos claviers que nous en sommes arrivĂ©s Ă  ne plus le remarquer. Mais il y a des moyens d’amĂ©liorer la situation (pour moins taper sur le clavier et produire plus de texte). Une des mĂ©thodes les plus simples consiste Ă  identifier ce que vous rĂ©pĂ©tez tout le temps sur les touches de votre clavier et Ă  utiliser un utilitaire pour vous aider Ă  en crĂ©er un raccourci.

Le programme va reconnaĂ®tre le raccourci, puis automatiquement le remplacer par le texte correct. Tapez « win« , voyez apparaĂ®tre « Windows« . Tapez « HTML » et voilĂ  un plein bloc de code HTML qui apparaĂ®t (j’utilise d’ailleurs des raccourcis pour saisir rapidement et proprement des pleins blocs de code HTML sur mes sites web, amĂ©liorant mon efficacitĂ© et rĂ©duisant les fautes de frappe).

Pour cela, il vous faut un utilitaire spĂ©cialisĂ©. J’en ai remarquĂ© deux plus notables que la moyenne :

• AutoHotkey (pour Windows) relit de petits scripts très simples (il fournit des exemples très lisibles) ; je l’utilise tous les jours (il marche parfaitement sur une installation Windows 7, d’ailleurs).
• Certains prĂ©fèreront peut-ĂŞtre jeter un Ĺ“il Ă  Texter et TextExpander.
• Si vous ĂŞtes sous Linux, prĂ©cipitez-vous sur AutoKey qui est librement inspirĂ© de AutoHokey (la copie est une apprĂ©ciable forme de flatterie)

Pour faire suite Ă  un article prĂ©cĂ©dent Ă  propos des Ă©volutions de navigateurs web, il est intĂ©ressant de signaler que Google vient d’annoncer que ses applications en ligne (GMail, Calendar, GDoc, etc.) n’accepteront plus Internet Explorer 6 Ă  partir du mois prochain. Il est temps de passer Ă  une technologie plus rĂ©cente comme dĂ©jĂ  mentionnĂ©.

Mise Ă  jour : j’apprends aussi que Internet Explorer 8 a vraiment commencĂ© Ă  se dĂ©ployer et serait devenu le navigateur le plus utilisĂ© au monde. MĂŞme s’il y a le choix, Microsoft se dĂ©fend toujours bien (via DownloadSquad).

Tout au cours de cette semaine, nous avons pu voir se dĂ©velopper sous nos yeux Ă©carquillĂ©s une histoire surprenante au cĹ“ur de la culture de l’Internet mondial. Cela a commencĂ© comme un Ă©change d’invectives boueuses entre Google et la RĂ©publique Populaire de Chine ; il en est sorti une victoire marketing de Firefox. RĂ©sumons-nous.

Au dĂ©but Ă©tait Google et ses serveurs installĂ©s en Chine depuis 2006. La sociĂ©tĂ©, connue pour son motto « ne pas faire le mal », y a acceptĂ© les conditions imposĂ©es par le gouvernement de la RPC et installĂ© des filtres efficaces et des outils de censure brutale des rĂ©sultats de ses recherches (si vous voulez des informations sur Tienanmen les rĂ©sultats visibles en Chine et ailleurs dans le monde n’ont strictement rien Ă  voir – de la politique on passe au tourisme). Mais en janvier 2009, Google a dĂ©couvert que certains hackers ont obtenu des informations dĂ©taillĂ©es arrachĂ©es Ă  ses ordinateurs au sujet d’entreprises amĂ©ricaines et de dĂ©fenseurs de la libertĂ© en Chine. Sur ces entrefaites, Google a annoncĂ© sa double intention de lever les mesures de censure et de simplement quitter la Chine.

Certaines choses restent imprécises :

• Google est-elle vraiment sĂ©rieuse dans ces deux propositions ?
• La vraie raison de leur colère est-elle politique ou Ă©conomique ? (le gouvernement amĂ©ricain, Hilary Clinton en tĂŞte, n’a pas hĂ©sitĂ© Ă  soutenir Google très activement).

D’autres choses sont claires :

• Les fuites sont restĂ©es limitĂ©es (seuls l’objet des mails ont Ă©tĂ© pris Ă  Google et non pas les contenus).
• Les hackers sont proches des autoritĂ©s chinoise et n’ont pas seulement visĂ© Google.
• Les hackers ont utilisĂ© des pratiques de manipulation sociale (social engineering) et des failles de sĂ©curitĂ© prĂ©sentes dans Internet Explorer et Adobe PDF, qui sont probablement connues de Microsoft et Adobe.

Qu’arrive-t-il alors quand une telle information est librement Ă©changĂ©e par les agences de presse ? La plupart des experts ont commencĂ© par gloser sur les failles de sĂ©curitĂ© de Internet Explorer 6 (et du lecteur PDF d’Adobe, Ă©galement). Nombreux sont ceux qui ont ajoutĂ© que Internet Explorer 6 est plutĂ´t vieux et qu’il est malheureux de voir autant de gens continuer Ă  l’utiliser alors qu’il est connu comme une des plus grosses fragilitĂ©s de la navigation sur Internet. C’est ainsi que des gens très sĂ©rieux ont dĂ©cidĂ© de demander le remplacement rapide d’Internet Explorer (principalement v6) par des navigateurs plus modernes. Ce sont mĂŞmes des reprĂ©sentants de gouvernements allemands, français et australien que l’on a entendu prĂŞcher pour le remplacement de Internet Explorer.

3x Firefox

Les concurrents n’en croyaient pas leurs yeux et leurs oreilles : cela a provoquĂ© une vĂ©ritable ruĂ©e vers les autres navigateurs. Par exemple (voir le graphe ci-contre), Firefox a vu une explosion de ses tĂ©lĂ©chargements en Allemagne (presque 300.000 allemands ont tĂ©lĂ©chargĂ© Firefox en quatre jours, soit trois fois plus qu’en temps normal). Cela Ă©tait vrai aussi dans d’autres pays oĂą la mesure Ă©tait moins prĂ©cise et les autres navigateurs ont observĂ© le mĂŞme phĂ©nomène : Opera, Safari, Chrome (qui profite actuellement d’une grosse campagne de pub dans certains pays europĂ©ens comme la France).

Fort bien! VoilĂ  de meilleurs navigateurs sur de nombreux ordinateurs. Cela aurait pu en rester lĂ . Mais plusieurs Ă©vènements ont amplifiĂ© la visibilitĂ© de ce mouvement. Le premier est que Firefox Ă©tait sur le point de lancer une nouvelle version de son navigateur Ă  succès (on a notĂ© que dans plusieurs endroits du monde, Firefox est maintenant plus utilisĂ© que le navigateur de Microsoft). Sous le nom de v3.6, cette nouvelle version est plus importante que ne le laisserait penser son petit accroissement numĂ©rique (de 3.5 Ă  3.6 nous n’aurions dĂ» voir que des amĂ©liorations mineures). Cela a accĂ©lĂ©rĂ© la ruĂ©e, avec les internautes intĂ©ressĂ©s par des caractĂ©ristiques comme :

• Skins proposĂ©es pour personnaliser le navigateur
• Plus rapide, plus stable
• Plus sensible Ă  la sĂ©curitĂ© avec l’ajout de messages clairs pour les utilisateurs, Ă  propos des risques de sĂ©curitĂ© comme le rappel des plug-ins qui attendent d’ĂŞtre mis Ă  jour.
• PrĂ©-visualisation des onglets, qui permet de voir leur contenu simplement en les balayant avec Ctrl-Tab
• Aptitude Ă  naviguer en laissant peu de traces sur votre PC (utile pour ceux qui souhaitent visiter les sites rĂ©servĂ©s aux adultes)

Cette version est aussi appréciée par les développeurs pour un tas de petites améliorations (comme les gradients CSS).

Cela fait une jolie histoire à raconter, mais ne vous y limitez pas. Firefox est un superbe navigateur et vous devriez sérieusement penser à télécharger Firefox 3.6 dès maintenant !

Si vous n’ĂŞtes pas complètement convaincu, vous pouvez aussi considĂ©rer une autre option : le dernier navigateur Opera. Opera v10.10 est disponible depuis plusieurs mois dĂ©jĂ  et offre tous ces avantages, plus d’autres encore comme :

• Opera Unite : pour partager facilement des donnĂ©es avec d’autres utilisateurs Opera, sans avoir Ă  ouvrir un site web ou Ă  utiliser un rĂ©seau social.
• Opera Turbo : pour qu’Opera s’adapte aux connexions Internet les plus limitĂ©es.
• Speed dial : pour un accès plus rapide Ă  quelques sites web de votre choix (des amphĂ©tamines pour les signets).
• Le pilotage du navigateur par des mouvements de souris pour aller toujours plus vite.
• Opera link : pour partager les signets et speed dial avec plusieurs ordinateurs oĂą vous utilisez Opera.

Opera est bien ma solution prĂ©fĂ©rĂ©e pour la navigation (mĂŞme si je me dois de tester mes sites web avec tout ce qui me tombe sous la main, Opera est bel et bien mon pont d’envol pour Internet). Allez tĂ©lĂ©charger Opera v10.10 maintenant.

Et, si cela ne suffit toujours pas, vous pourriez envisager le navigateur de Google: Chrome est petit et rapide. Comme tout Ă  commencĂ© avec Google en Chine, c’est normal.

Tout allait si vite que Microsoft se devait de faire quelque chose. Bien sĂ»r, ils ont des versions plus rĂ©centes d’Internet Explorer (IE8 est inclus dans Windows 7 et peut ĂŞtre tĂ©lĂ©chargĂ© librement. Mais cela ne suffisait pas vraiment, trop d’internautes commence Ă  se plaindre de voir Microsoft attendre la date normalement prĂ©vue pour les mises Ă  jour mensuelles. Pire, certains experts ont fait remarquer que Microsoft Ă©tait dĂ©jĂ  au courant du problème depuis plusieurs mois. Dans ces conditions, ne rien faire allait tourner au fiasco de relations publiques et produire des vents dĂ©sagrĂ©ablement contraires.

Microsoft s’est donc prĂ©cipitĂ© pour produire une mise Ă  jour hors-circuit de IE6. Windows Update offre maintenant la correction pour tous les utilisateurs Windows encore Ă©quipĂ©s de IE6 (bien sĂ»r, encore faut-il avoir validĂ© Windows Update et on sait que nombre d’internautes ne l’ont pas fait ou refusent les mises Ă  jour proposĂ©es – c’est regrettable et la raison principale pour laquelle tant de PC sont infectĂ©s de chevaux de Troie, de virus et de programmes de pub). Si vous n’avez pas encore profitĂ© des offres de passage Ă  IE7 ou IE8, il est grand temps de mettre Ă  jour votre vieille bĂ©cane.

Cette histoire connaîtra encore quelques rebondissements, je crois. Mais il y a une leçon à retenir (par Google, et la plupart des internautes) :

Maintenez votre navigateur Ă  jour et ne cliquez pas sur les liens d’un message de courrier Ă©lectronique inattendu.

Il y a aussi une leçon pour Microsoft :

Désolé si vous pensiez être débarrassé des vieilleries comme IE6, mais le quasi-monopole (présent ou passé) implique des responsabilités.

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.