Tous ceux qui ont déjà essayé de débuguer du javascript sont surement arrivés à un même constat : même si des outils ont vu le jour comme Firebug ou dernièrement le débugguer de Google Chrome, la solution la plus efficace reste le alert()…, avec toutes ses popups qui s’affichent….
Fini le alert grâce à Blackbird! Blackbird est un petit script javascript gratuit disponible sur la page officielle accompagné d’un CSS qui mettra en forme une console de debug javascript.
Dans cette console, vous pourrez séparer vos logs javascripts sous 4 formes : les erreurs, les infos, les debug, et les avertissements. de plus, une cinquième fonction permet de déclencher des timers.
Comment faire tout çà?, simplement en écrivant log.error (ou log.debug, info….) au lieu de vos traditionels alert! J’essaie çà dès ce week-end!
Via Free Tools
Tout le monde connait les Google Maps, Mappy ou autre en 2D, et aussi les Google Earth & co en 3D. Les premiers sont très simples pour trouver une rue, surtout avec les vues satellites ou les photos de rues comme dans avec Street View de Google, les second étant très jolis, mais personnellement, je ne les utilise que très peu car plus lourd à lancer.
L’originalité de OnionMap est de proposer des cartes en 2.5D (aussi appelée perspective/3D isométrique), à la manière du bon vieux SimCity 2000 que beaucoup connaissent. C’était un peu le chainon manquant entre les 2 styles de représentations et bien que peu de services proposent des cartes sous cette vue, il semble que l’exemple de OnionMap soit très prometteur, de mon coté, j’adore!
Seul hic, il n’y a pour l’instant que Paris en ville française, peut-être un jour Toulouse…
Info bonus: connaissiez-vous Lincity, je viens de découvrir çà en me documentant un peu sur le sujet, c’est un SimCity gratuit!
J’aime bien ces sites qui en leur donnant une photo de vous, vous mettent en scène dans la peu de différents personnages ou situation.
Photofunia est l’un d’eux avec en ce moment près de 70 différentes situations où votre tête sera intégrée. Ce n’est pas impressionnant, mais contrairement à certains de ces sites, Fotofunia arrive à très bien intégrer votre tête dans la photo de mise en scène et les zones de frontières ne se voient que très peu ou pas du tout!
Voilà ce que çà peut donner
Un javascript modifiant le code HTML d’une page dynamiquement qui marche sous Firefox mais qui buggue sous IE, ce post peut vous aider :
Mon problème était le suivant : j’ai un bout de javascript qui insère des lignes dans un tableau avec insertBefore ou appendChild (suivant si je veux insérer à la fin ou non). Ce javascript marche très bien avec IE mais buggue avec Internet Explorer.
En regardant de plus près, je m’aperçois que c’est ce insertBefore qui marche pas, le nombre d’élément de mon tableau n’augmentant pas avant et après l’appel à cette fonction. (je précise que je l’utilisais bien sur le Body de mon tableau, et que le paramètre passé en deuxième position était bien un fils de mon tbody, plus d’explication sur insertBefore sont dispos ici).
L’explication est toute simple mais si on ne la connait pas, elle est dure à trouver :
On ne peut pas modifier en javascript sous IE un élément HTML qui n’est pas fermé ! ! !
(mais on peut sous Firefox :p )
Et oui, mon javascript qui contenait le insertBefore était contenu à l’intérieur du tableau qu’il modifiait…le voilà résolu!
Pour contourner ce fonctionnement de IE :
- soit vous ne pouvez pas bouger votre code javascript et vous devrez alors positionner un timeout via la fonction setTimeout avec un timer assez grand pour que votre page ait le temps de se charger.
- soit (et la solution me parait bien meilleure, un code js lié géographiquement au code me paraissant mauvais), vous positionnez votre javascript après la fermeture de l’élément HTML qu’il modifie ou vous le mettez dans le onLoad de votre page.
Si on philosophe un peu, on ne peut pas vraiment appeler çà un bug de IE car çà peut paraître logique, mais quand on n’est pas sous IE7 qui contient des outils de debug un peu meilleurs, pas facile de débugguer un truc comme çà…
Et pour finir, une petite analogie trouvée par Nico qui résumera le problème pour les débutants : un maçon sous Firefox pourra mettre une fenêtre sur un mur même si le mur au dessus n’est pas fini, son collègue sous Internet Explorer attendra quant à lui de finir son mur pour mettre sa fenêtre 🙂
Désolé pour les non geeks mais ce genre de problème pouvant arriver à tout développeur web, et ayant passé 2H là dessus hier car je ne le connaissais pas alors qu’il est tout bête, peut-être que je sauverais quelques désespérés avec ce post 🙂
Voici un plug-in que j’avais testé il y a quelques mois (il s’appelait alors PicLens) sans qu’il me séduise (je me rappelle plus la cause mais je l’avais vite désinstallé…) et que je viens de découvrir grâce à Fab et qui semble maintenant plus abouti!
Cooliris est une extension Firefox (aussi compatible avec IE et safari) permettant de naviguer différemment sur Internet. En effet, vous pourrez à tout moment naviguer autrement sur un nouveau web où les contenus multimédias seront affichés en 3D. Par contre, pour les textes, faudra revenir au bon vieux navigateur :p.
A essayer donc ce plug-in qui pourrait être l’origine de nouvelles formes de navigation 3D plus jolies comme par exemple ma chaine Youtube :
Quand vous ouvrez un nouvel onglet sous Firefox, celui-ci est vide. L’extension que je vous propose aujourd’hui permet de se servir de cet espace vide pour insérer des liens vers vos sites favoris.
Une fois l’extension Fast Dial téléchargée et installée, ouvrez un nouvel onglet et des carrés vides apparaitront. Il ne vous restera plus qu’à cliquer dessus pour insérer vos sites favoris. D’autres paramétrages (vignettes personnalisées, couleurs, nombre de favoris, …) sont aussi disponibles via le bouton Option disponibles dans la fenêtre des modules complémentaires.
C’est donc une extension finalement bien utile pour remplir ce « trou » du nouvel onglet de Firefox, et voici ce que çà donne pour moi avec les paramétrages de base.
Il y a pas très longtemps, Gmail a sorti une idée toute bête mais qui nous servira un jour à tous : un détecteur de pièce jointe. En quoi çà consiste : détecter dans un mail certains mots clés comme (« ci joint », « pièce jointe », …) et s’il en trouve, vérifier la présence d’un fichier joint dans le mail envoyé.
C’est pour l’instant disponible que sur la version anglaise de Gmail, mais il y a fort à parier que cette fonctionnalité sera reprise par les autres (webmail, ou logiciel…) car utile pour tous, qui n’ayant pas envoyé un second mail juste après un premier juste pour un pièce jointe?!
Hier, c’est une nouvelle fonctionnalité qui est sortie des labos Google pour ne pas envoyer des messages trop précipitamment. Comme vous tournez votre langue dans votre bouche avant de parler (quoi, vous ne le faites pas?! :p ), vous devrez maintenant faire des opérations de calcul mental avant d’envoyer votre mail (fini les regrets dès l’envoi d’un mail…).
Pour ne pas devoir faire çà à chaque mail, vous pourrez choisir les tranches d’heures où cette fonctionnalité sera active (apparemment, les mails qu’on regrette ont lieu à des heures régulières!)
Une petite amélioration à çà (on sait jamais, Google me lit pt etre :p ) pourrait être un détecteur de mots clés intégrés (si çà détecte des insultes ou autre dans le mail, hop, un petit calcul mental impossible et vous ne regretterez pas d’avoir envoyé votre mail d’insultes!)
Ces trois mots sont un peu les cibles de tout développeur web. Ergonomie car pour que le navigation sur un site soit agréable, il faut que la construction du site ait été bien faite. Mais qu’est un site bien fait si personne n’y vient, le référencement ferra donc toujours parti des plus grandes préoccupations des webmestres. Et finalement, pour qu’un maximum de personnes puisse profiter de votre site, le rendre à accessible à tous est toujours un but à garder en tête.
Afin de respecter ces 3 mots clés, Navigation-Web propose des extraits très complets de son livre 60 modèles de navigation commentés, où tout ce qui fait une page web est analysé, des barres de menu à la recherche avec des cas concrets donnés en exemple.
Même si ce sont parfois des conseils tout simples, ils ne sont pas mis en oeuvre sur beaucoup de sites, un petit coup d’oeil à ces conseils ne ferra donc pas de mal! 😉
Tout le monde a déjà eu ce problème à un moment : en agrandissant une image, celle-ci devient très floue à partir d’une certaine taille. Dans un dessin vectoriel, ce problème n’apparait pas car l’image étant construite grâce à des vecteurs, un changement d’échelle ne génère aucune perte de qualité.
Pouvoir convertir une image en dessin vectoriel est donc la chose « magique » que propose Vector Magic dans une interface en Flex très agréable et surtout quasi autonome car par défaut, le programme détectera automatiquement les meilleurs paramètres pour convertir votre image (et le pire, c’est que çà marche!)
Bien sur, la conversion génère une petite parte de qualité et l’impossible qui serait de pouvoir agrandir une photo à l’infini n’est donc pas réalisable mais le rendu est assez bon, et vaut en tout cas le coup d’être testé!
re-découvert (je l’avais dans mes services à tester depuis un temps indéterminé! :D) grâce à Espace Rezo.
Vous en avez tous entendu parler, il y a quelques jours, le plus grand accélérateur de particules au monde a été mis en service.
Depuis, le système informatique du CERN s’est fait piraté, des opposants contre la fin du monde ont déposé plainte (rejetée) contre les chercheurs car ils ont peur que la Terre disparaissent au fond d’un grand trou noir, et au final, on en a beaucoup sans savoir vraiment de quoi on parlait.
Aussi, et comme c’est le week-end, je vous invite à lire cette doc du CERN (ici, le lien tenu à jour)qui fait 63 pages et qui vous dira tout ce que vous voulais savoir sur la LHC, de la théorie des particules élémentaires jusqu’au role des différents éléments de l’accélérateur.
Pour l’anecdote, voici quelques chiffres impressionnants sur le CERN pris notamment à la fin du doc :
- Les données qui seront enregistrées avec les détecteurs du LHC représentent en effet un volume d’information si vaste qu’elles pourraient remplir environ 100.000 DVD double couche par an.
- Elles produiront donc 15 Petaoctets chaque année, l’équivalent d’une pile de CDs haute de 20 km.
- Les physiciens vont produire lors des collisions de protons une fournaise dépassant les 2.000 milliards de degrés.
- Les quatre collisionneurs répartis le long du tunnel sont gigantesques. Le plus gros, baptisé Atlas, est un cylindre de 25 mètres de diamètre pour 46 mètres de long, soit la moitié du volume de Notre-Dame de Paris. L’engin pèse 7.000 tonnes, presque autant que la Tour Eiffel, et s’enroule dans 3.000 km de câbles. Pour creuser la cavité dans laquelle il est installé, il a fallu dégager près de 300.000 tonnes de roche, puis couler 50.000 tonnes de béton. En un an, Atlas produira des données équivalant à 160 fois les 3 milliards de livres réunis à la Bibliothèque du Congrès à Washington, la plus grande du monde.
- En 10 heures de fonctionnement, le faisceau de protons traversera dans le tunnel l’équivalent de 10 milliards de km, soit la distance d’un aller-retour Terre-Neptune. A pleine intensité, chaque faisceau dégagera l’énergie d’une voiture roulant à 1.600 km/h. Le LHC grillera jusqu’à 120 mégawatts de courant, soit la consommation de tous les ménages de la région de Genève.
- Les protons à pleine énergie circuleront dans le LHC à une vitesse de 0,999999991 fois celle de la lumière. Chaque proton fera plus de 11 000 fois par seconde le tour de l’anneau de 27 km.
- Lors de l’excavation du tunnel circulaire de 27 km de long, entre le lac Léman et la chaîne du Jura, les deux bouts du tunnel se sont rejoints à 1 cm près.
Voilà, vous serez le génie à votre prochaine pause devant la machine à café !
