Des plaies s’abattent régulièrement sur notre monde, le plongeant dans un chaos qui éclipse malheureusement un grand nombre de lumières.
Suivant ce postulat, nous pouvons aisément affirmer qu’Internet Explorer est au World Wide Web ce que la Peste Noire est à l’humanité.
En tant que développeur PHP je suis sans cesse confronté au non-respect des standards qui incombent à cette ersatz de navigateur, il est en effet rare d’avoir une feuille de style qui ne contient pas de ligne dédiée à contourner un problème dû implicitement à Internet Explorer.
1
<!--[if IE 7]>
En plus de cela s’ajoutent plusieurs effets étranges relevés sur des opérations basiques, on peut citer l’exemple de la très courante instruction JavaScript « getElementById » qui provoque des plantées monumentales lorsque l’on a le malheur de l’imbriquer un peu trop, renvoyant un message d’erreur à la con.
Les raisons qui poussent les utilisateurs à utiliser Internet Explorer sont nombreuses, elles vont de l’ignorance simple à l’obligation due une politique d’entreprise rigoureuse ou obscure.
Je vais aujourd’hui te montrer comment s’attaquer à la première catégorie, à savoir les ignorants.
Tel les messies des temps moderne nous allons leur montrer la voie de la lumière en affichant un message d’avertissement en haut de nos blogs WordPress, leur indiquant la marche à suivre pour installer un navigateur digne de ce nom.
Ce message ne s’affichera bien entendu qu’aux visiteurs dont le navigateur est Internet Explorer, tu peux tester cette fonctionnalité ici-même, en visitant ce blog avec l’erreur informatique susmentionnée.
Nous vivons une époque où l’on amasse, où l’on collectionne à outrance. Des centaines d’amis sur Facebook, des milliers de followers sur Twitter, des millions de marques-pages dans le navigateur web.
Avoir des amis virtuels morts ou qui n’utilisent plus le service social concerné ne dérange pas, au contraire même, cela participe à quantifier la popularité d’une personne. On s’imagine avec horreur le nombre de personnes décédées dont le compte Twitter continue de suivre celui de Justine Bibeure, ou le nombre de cadavres qui « aiment » ses nombreuses pages Facebook. Mais on s’en fout, la notoriété d’une personne se compte aujourd’hui avec son nombre d’amis virtuels, qu’ils soient réellement vivants ou pas.
Mais avoir beaucoup de liens n’est pas forcément une bonne chose, on accumule ainsi souvent des tonnes de sites web dans les marques-pages de notre navigateur préféré, sites qui sont parfois fermés depuis belle lurette.
Je vais donc aujourd’hui te montrer comment éliminer automatiquement tous les liens morts de ton inventaire, pour cela nous allons utiliser l’extension CheckPlaces pour le navigateur Firefox.
Tout le monde déteste quelque chose, que ce soit l’armée, les véhicules tous terrains, les coiffeurs ou plus récemment le football et l’iPhone.
Le problème étant que l’on est soumis à un certain matraquage médiatique lorsque l’on passe beaucoup de temps sur le World Wide Web, et que les sujets récurrents ne nous plaisent pas toujours.
FoxReplace est une extension pour Firefox qui remplit à merveille un rôle qui devrait être intégré par défaut à tout navigateur, à savoir remplacer certains mots par d’autres.
Imaginons par exemple que tu en aies plein le derche de tous ces sites qui parlent du dernier iPhone 4, qui franchement n’apporte rien qui n’existait déjà sous Android depuis un bon moment. Je vais te montrer comment configurer le module FoxReplace pour rendre la lecture de ces sites beaucoup plus attractive, comme en témoigne cet exemple non retouché tiré d’un site d’actualité helvétique.
Tu vas donc aller dans le menu « Outils » , « FoxReplace » puis « Options de FoxReplace… » , cela va ouvrir une fenêtre. Cette dernière contient la liste des remplacements.
Tu constateras sur l’exemple ci-dessus que j’ai déjà remplacé « l’iphone » par « cette merde d’iphone » . Tu cliques sur le bouton « Ajouter » et ensuite tu te débrouilles tout seul pour créer tes propres remplacements.
Tu peux cibler tes remplacements afin qu’ils ne soient effectifs que sur certains sites, mais si tu préfères faire des règles plus globales alors utilise le symbole de l’astérisque dans le champ « URL » , ce caractères signifiant « tous les sites » . Fais bien attention à ne pas cocher la case « Remplacer le code HTML » , cette manipulation peut entrainer des effets de bord assez désagréables.
Finalement, tu peux indiquer à Firefox de faire les remplacements automatiquement (sinon il te faudra presser F2 sur chaque nouvelle page), pour cela tu vas dans le menu « Outils » , « FoxReplace » puis tu cliques sur la ligne « Remplacer automatiquement lors du chargement de la page » .
Cette extension peut poser problème si comme tout blogger tu édites régulièrement des articles, car le remplacement se fera également à chaque fois que ton brouillon sera chargé dans la zone d’édition. Dans ce cas il te faudra désactiver l’automatisation.
Quand tu tapes ton mot de passe dans un formulaire sur le web, les caractères sont alors remplacés par des jokers, empêchant ainsi aux personnes qui regarderaient malicieusement par dessus ton épaule de connaitre ton précieux sésame.
Seulement voilà, on a pas toujours des hackers derrière le dos, et parfois on aimerait bien voir ce que l’on tape.
Il existe une extension simple et pratique pour Firefox qui permet de passer outre la protection visuelle de ton navigateur, il s’agit de Unhide Password.
Nous autres développeurs en informatique avons pour tradition de donner des noms courts à nos programme, le commun des mortels étant à l’instar des chats incapables de retenir les mots de plus de deux syllabes.
Aujourd’hui je te présente Bing Maps, le petit dernier de chez Microsoft dont l’essence repose droit dans la grande lignée des autres logiciels de l’entreprise, à savoir imiter quelque chose d’existant.
L’interface est sobre et uniquement disponible via ton navigateur web, le téléchargement et l’installation d’un plugin sera toutefois nécessaire. Et ça tourne même sous Firefox, alléluia!
Tout comme son monstre modèle, Bing Maps te propose des vues en deux dimensions, avec noms des rues et calculs d’itinéraires.
Une vue satellite est bien évidemment disponible.
Et la fonction bluffante, vue en trois dimensions des bâtiments.
Cette vue n’est actuellement disponible que pour une poignée de villes, dont Toulouse ici présentée. Les textures sont à priori calculées sur la base d’une série de clichés pris par un avion volant à basse altitude, on peut retrouver ces images en sélectionnant le mode « Bird’s eye » et naviguer entre les prises de vues.
Actuellement la bestiole est en version bêta, ce qui signifie qu’elle n’est pas tout à fait terminée. Fera-t-elle un jour de l’ombre à Google Earth?
Tintintiiiiiiiin.
(difficile de retranscrire une musique tragique en onomatopée)
L’avantage et l’inconvénient de Google c’est qu’au contraire de sa puissance, son interface n’a pratiquement pas évolué au fil des années. Les résultats sont toujours sous forme de texte noir sur fond blanc, sans images, vestige d’une époque où Internet était beaucoup plus lent. De nos jours on a d’ailleurs tendance à excuser la platitude d’un tel site web avec un mot très simple et pratique : « sobriété » .
Il existe heureusement un module pour Firefox qui permet d’ajouter un peu de convivialité à cette austère page de recherche, il s’agit de Search Preview, anciennement appelé Google Preview.
Pour faire simple, voici le résultat d’une recherche sans cet addon.
La même, avec l’addon activé.
Tu remarqueras les petites vignettes sur la gauche de chaque résultat, très pratique pour celles et ceux qui utilisent surtout leur mémoire visuelle. L’outil fonctionne bien évidemment pour d’autres moteurs de recherche comme Yahoo et Plouf.
Tu noteras également que cet incontournable blog apparait en pôle position lorsque l’expression « même pas mal » est employée sur Google Suisse, juste avant le grand film métaphysique « Dodgeball » dont le titre français m’a d’ailleurs quelque peu inspiré à l’époque.
Il ne se passe pas vingt-quatre heures sans entendre parler de Twitter, outil de communication rapide devenu standard dans de nombreux secteurs d’activités tels que le show business, la politique, et bien d’autres.
Pour faire court, Twitter est le moyen le plus simple et le plus répandu pour partager tout ce qui te passe par la tête, avec une limite de 140 caractères pour chaque message. Chacun de ces messages est appelé un « tweet » , en français on utiliserait le mot « gazouilli » . Pour utiliser cet outil c’est très simple, tu vas sur twitter.com et tu te crées un compte personnel, c’est gratuit et rapide.
Une fois que tu es dans la place il y a deux notions fondamentales à retenir : les « Following » et les « Followers » , en d’autres termes, les gens dont tu vois les messages, et ceux qui voient les tiens. Certaines stars de la musique comme Britney Spears comptent des millions de « followers » , des gens banals comme moi à peine quelques dizaines. Certains médias publient également des résumés via Twitter, c’est le cas de la Télévision Suisse Romande, la Tribune de Genève, CNN, et cætera. Tout ce beau monde se mélange, utile ou futile.
Il existe de nombreux moyens pour visualiser les tweets d’autres personnes et poster les siens. La solution courante est de passer directement par le site web twitter.com.
Si tu as l’immense honneur d’avoir Firefox tu peux également utiliser l’addon Echofon, anciennement appelé « Twitterfox » . Il se loge en bas à droite de ton navigateur et va régulièrement chercher les nouveaux tweets.
Pratiquement chaque téléphone mobile moderne possède un programme permettant d’accèder au réseau Twitter, une des applications phare pour Android se nomme Twidroid, elle est disponible gratuitement via l’Android Market.
Il en existe également de nombreuses pour l’iPhone, le problème de cet appareil étant que lesdites applications ne tournent pas en tâche de fond, on ne peut donc pas être prévenu automatiquement lors de nouveaux tweets comme c’est le cas avec Twidroid.
Place à quelques astuces. Les tweets peuvent contenir des caractères ou codes spéciaux qui feront qu’ils seront interprétés de manière différente par ton lecteur préféré (Echofon, Twidroid, etc.).
Les utilisateurs
Les comptes twitter sont précédés par le célèbre signe arobase, le même « @ » utilisé dans les adresses de courriel. Par exemple, mon compte twitter s’appelle @memepasmal.
Les mentions et réponses
Comme indiqué ci-dessus, si tu parles d’un membre de Twitter alors tu précèdes toujours son nom par le fameux arobase. Par exemple : « Je trouve le blog de @memepasmal vraiment excellent! » . La personne concernée verra qu’elle est mentionnée dans un tweet, ce genre de technique s’appelle d’ailleurs une « mention » . Si le message commence directement par le nom d’un membre, alors ce tweet peut être considéré par certains logiciels comme un message direct, un genre de SMS visible publiquement. Par exemple : « @memepasmal Merci pour ton billet sur la reproduction des poulpes norvégiens! » . On appelle alors bêtement ce genre de message une « réponse » , ou un « message direct » .
Le retweet
Autre technique très employée, le « retweet » symbolisé par le code « RT » . Tu vas prendre le message d’une personne que tu suis (following) et le re-transmettre aux personnes qui te suivent (followers). C’est le principe du bouches à oreilles, tu entends quelque chose qui te plait, et tu le répètes à tout le monde. Par exemple : « RT @grosgeek J’ai installé Windows 95 sur mon Game Boy » . Tu peux également placer un petit commentaire avant ton retweet, par exemple : « Mon pote a une annonce, RT @grossebaleine Je vend mon fusil, utilisé une seule fois dans les chiottes. » . Par politesse on ne modifie pas un message que l’on retweet, bien que ce soit possible.
Les hashtags
Dernier gros point, les hashtags. Ce sont des mots-clés que tu peux créer ou utiliser dans tes messages, toute personne cliquant sur un hashtag pourra voir tous les messages le contenant, même ceux d’autres personnes non-suivies. Un hashtag commence toujours par le caractère dièse et devrait être utilisé avec parcimonie, par exemple : « Je suis un grand fan des #hummer et du #tricot » .
Les trending topics
Les hashtags ou mots les plus cités dans tous les tweets du monde sont appelés « trending topics » , le top dix est affiché et mis à jour en permanence sur la page principale de twitter.com. Le grand jeu étant bien évidemment de voir un de ses propres « trending topics » affiché dans la liste, mais il faut pour cela avoir un sacré réseau de followers.
Les liens
Dernier point, les liens. Twitter étant limité à 140 caractères, cela peut poser problème lorsque l’on veut poster un lien « http » , ces derniers étant souvent longs. Il existe des services de « url shortening » qui convertissent les longs et illisibles chemins en quelque chose de plus court. Ils sont gratuits et intégrés de manière invisible dans la très grande majorité des outils de tweeting, ce qui signifie que tu peux coller tes longues adresses web dans tes messages, et ils seront automatiquement raccourcis. Par exemple, « http://www.memepasmal.ch/index.php/2009/10/09/grande-puissante-violette-et-toufue » deviendra « http://bit.ly/PJPHR« , tu peux cliquer si tu veux.
Puisse ce petit tutoriel t’aider à mieux comprendre la Bête, surtout n’oublie pas le guide.
Deux nouvelles versions ont été mises de côté, elles ont heureusement été récupérées par la concurrence.
Deux pandas roux, rejetés par leur mère à leur naissance, le mois dernier, dans un zoo du nord de la Chine, grandissent depuis en bonne santé grâce au lait et à l’amour d’une chienne, a raconté jeudi l’agence Chine nouvelle.
Les deux petits pandas ont vu le jour dans la province du Shanxi le 25 juin, mais ont été immédiatement abandonnés par leur mère biologique. Le zoo s’est alors mis à la recherche éperdue d’une mère de substitution, finissant par élire la chienne.
« Elle est gentille et elle a assez de lait. Les deux bébés ont l’air de l’aimer aussi », a dit M. Ha.
Mais, cruel revers des choses: la mère a elle-même rejeté son chiot récemment né. « Elle pense que les deux pandas roux sont ses propres petits et refuse de s’occuper du petit chien », a ajouté le gardien, qui s’est depuis chargé de nourrir le chiot.
Au bout de trois semaines, les bébés pandas ont grandi de 20 centimètres, « le double de leur taille de naissance », a dit Ha, « Ils commencent à bouger un peu mais ils n’ont toujours pas ouvert les yeux. »
Les pandas roux sont de petits mammifères vivant dans le sud de la Chine qui, comme les pandas géants, se nourrissent essentiellement de bambous et sont protégés en Chine.
Tout vieil utilisateur d’Internet sera passé par de nombreux navigateurs web avant de se fixer sur un favori, regrettant parfois la perte de fonctionnalités lors d’une de ces transitions.
Un des outils regrettés d’Internet Explorer est cette petite barre d’outils qui apparait dans le coin d’une image lorsqu’on laisse le curseur dessus, permettant de facilement enregistrer l’image.
Image Toolbar est un module pour Firefox qui rétablit cette petite fonctionnalité bien pratique.
Le paramétrage est total, il est en effet possible de déterminer la taille minimale que doit avoir l’image pour autoriser l’affichage de la barre d’outils, ainsi que le temps avant qu’elle n’apparaisse.
Tu peux même choisir quels seront les boutons visibles.
Certains sites protègent leurs images via un Javascript qui t’affiche un message d’avertissement lorsque tu tentes de faire un clic droit dessus, rendant impossible leurs enregistrements par le commun des mortels. Avec ce module, la sécurité est contournée et tu peux techniquement enregistrer toutes les images affichées dans ton navigateur.
Le panda roux est disponible en version 3.5 depuis hier!
Parmi les nouveautés les plus marquantes, on note l’arrivée de deux balises HTML très attendues, à savoir <video> et <audio>.
En effet, jusqu’à hier si tu voulais insérer du contenu audio ou vidéo dans ta page il te fallait alors passer par des scripts Flash. Maintenant le code est grandement simplifié.
<video src= »http:/www.memepasmal.ch/prout.ogg »>
Ton navigateur ne supporte pas la balise video.
</video>
Même chose pour <audio>. Tu noteras que c’est le format Ogg qui est utilisé, on reste dans le domaine de l’open source.
Autre nouveauté marquante, nous autres webmestres pouvons à présent intégrer des polices de caractères TrueType dans nos pages web, le début de la fin diront certains. En effet, jusqu’à aujourd’hui la lisibilité d’un site web était quasiment garantie par la normalisation des polices, dans le futur les pages web ressembleront probablement à d’horribles mosaïques de fontes hétéroclites. Si le langage SMS te fait peur, attend de le voir écrit en caractères Austin Power.
Si tu veux t’amuser à ça, il te suffit d’envoyer ton fichier TTF sur ton serveur web pour ensuite créer ta police dans ton fichier CSS.
Lire la suite
Imprimer
