En vrak – 83

Cela faisait un bail… Certains liens sont un peu vieux mais ils valent encore la peine !

* Si vous souhaitez partager des morceaux de code source sur des forums ou des listes de discussion, Pastie est l’outil qu’il vous faut. Dans le même genre mais en moins bien, il existe aussi pastebin.
* Styler les formulaires HTML, c’est possible de différentes façons avec CSS et JavaScript.
* Brûlez la cigarette !
* Technique ultime pour faire des bords arrondis de façon cross-browser en utilisant une astuce différente pour chaque navigateur.
* ErrorKey, un moteur de recherche de messages d’erreur.
* Comment développer pour l’iPhone.
* Principes de code CSS propre et optimisé.
* Liste de librairies pour ActionScript 3.
* 10 applications AIR pour les Web designers.
* Tutorial pour faire ses premiers pas en CSS 3.
* Web design patterns.
* Liste des balises et attributs HTML supportés par Flash Player 10.
* Quelques campagnes qui tentent de tuer Internet Explorer 6 !
* Animator vs. Animation
* Beaucoup de réseaux sociaux sur le Web sont relativement moches graphiquement mais pas tous
* Plus de 7500 icônes en tous genres !
* Amateur ou professionnel ?
* Cappucino, un nouveau framework pour réaliser des applications Web qui ressemblent à des applications desktop.
* PleaseDressMe : moteur de recherche de t-shirts !
* 10 principes des maîtres CSS.
* 10 principes des maîtres PHP.

La suite bientôt…

60 applications Mac indispensables

Cela fait désormais un an et demi que j’ai switché définitivement de Windows à Mac. Durant tout cette période, j’ai eu le temps de tester une multitude de logiciels et d’en sélectionner les meilleurs. Tout récemment, un ami (qui vient de commander un MacBook et va donc faire le grand switch lui aussi) m’a demandé de lui faire une liste des applications Mac indispensables. Je me suis donc exécuté et je me suis dit que ça pourrait vous intéresser aussi…

J’ai mis en italique les logiciels payants et en bleu marine les logiciels qui sont fournis par défaut dans les dernières versions de Mac OS X.

* Adobe Creative Suite 4 : Suite indispensable pour le designer Web. Comprend Photoshop, Illustrator, Flash, InDesign, etc.
* ImageWell : Logiciel de retouche d’images et photos.
* Seashore : Logiciel de retouche d’images et photos.
* Iris : Logiciel de retouche d’images et photos.
* Naked light : Logiciel de retouche d’images et photos.
* Photo Booth : Logiciel permettant de faire des photos et vidéos de soi-même (via la webcam).
* Firefox : Navigateur Web.
* Safari : Navigateur Web.
* Opera : Navigateur Web.
* Mars Edit : Outil de blogging.
* Colloquy : Client IRC.
* Transmit : Client FTP.
* Versions : Client SVN.
* iChat : Messagerie instantanée.
* Skype : Messagerie instantanée.
* Adium : Messagerie instantanée.
* Microsoft Messenger : Messagerie instantanée.
* Twitterific : Client Twitter.
* TextMate : Le meilleur éditeur de texte de tous les temps !
* Coda : Logiciel de développement Web.
* Espresso : Logiciel de développement Web.
* MAMP : Plateforme Web Apache/PHP/MySQL similaires à EasyPHP ou WAMP sur Windows.
* Silverback : Logiciel pour faire des tests d’ergonomie.
* Evernote : Logiciel permettant de se faciliter la vie (difficile d’en donner une description plus explicite, il faut voir la vidéo).
* VLC : Logiciel de lecture vidéo.
* QuickTime Pro : Logiciel de lecture et encodage vidéo.
* Perian : Couteau suisse pour Quicktime.
* Flip4Mac : Logiciel permettant de lire les fichiers Windows Media Video dans votre navigateur.
* iTunes : Logiciel de lecture de musique et podcasts.
* ByteController : Utilitaire pour afficher les contrôles iTunes dans la barre supérieure.
* Last.fm : Logiciel permettant de tracker la musique qu’on écoute et de jouer des radios personnalisées.
* Skitch : Logiciel permettant de faire rapidement des copies d’écran et de les partager.
* Pipette : Utilitaire permettant de capturer et copier un code couleur.
* Toast Titanium : Logiciel de gravure.
* Transmission : Client BitTorrent.
* Mail : Le meilleur client mail sur Mac.
* Google Notifier : Utilitaire permettant de recevoir des notifications de nouveaux emails (via Gmail) et nouveaux événements (via Google Calendar).
* Mail Badger : Utilitaire permettant d’améliorer l’utilisation de Mail.
* Mailplane : Gmail sur votre desktop.
* iCal : Calendrier.
* QuickSilver : Lanceur d’applications.
* The Unarchiver : Logiciel de décompression.
* VirtualBox : Machine virtuelle pour faire tourner Windows ou Linux sur Mac.
* Flickr Uploadr : Logiciel permettant d’uploader rapidement des photos sur Flickr.
* coconutBattery : Utilitaire fournissant des informations détaillées à propos de l’état de la batterie.
* Celtx : Logiciel permettant de faire de la pré-production de films ou dessins animés.
* Librarian Pro : Logiciel permettant de faire l’inventaire de ses livres, DVD, etc.
* Rulers : Logiciel permettant de mesurer des distances en pixels. C’est très utile pour l’intégrateur Web.
* Miro : Logiciel permettant de transformer votre ordinateur en télévision.
* Money : Logiciel permettant de gérer son argent.
* NeoOffice : Suite bureautique.
* Omnigraffle : Logiciel permettant de réaliser des diagrammes (à la manière de Visio).
* Keynote : PowerPoint mais en 100 fois mieux.
* ScreenFlow : Logiciel permettant de réaliser des screencasts.
* Things : Logiciel de gestion de tâches.
* Timeline : Logiciel pour réaliser des lignes du temps en 3D.
* Keywurl : Plugin Safari qui permet de taper un mot-clé dans la barre d’adresse au lieu d’une URL. D’autres plugins pour ce navigateur se trouvent sur Pimp My Safari.
* NetNewsWire : Agrégateur de flux RSS.
* ForkLift : Logiciel de gestion de fichiers et client FTP.
* Undercover : Permet de tracker votre Mac en cas de vol.
* Hypercube : Logiciel permettant d’agréger les widgets provenant de sources diverses.
* iBiz : Logiciel permettant de gérer votre business.

Je rajoute à la liste un blog qui m’a bien aidé lorsque je débutais sur Mac : Newbiemac.

Si vous en voulez plus, allez jeter un oeil sur le site iusethis qui est un Digg-like des applications sur Mac.

Je vous invite à compléter cette liste qui donnera très certainement naissance à un nouveau billet avec vos contributions.

innerText ?

Je vous propose aujourd’hui un bon vieux post technique pour briser cette longue période de silence…

Il y a peu, j’ai eu besoin de récupérer le contenu textuel d’un tag HTML. Concrètement, je voulais lire le texte se trouvant dans un fil d’Ariane, sans récupérer le contenu HTML de ce tag. Pour faire simple, à partir de ceci :

<ol id="breadcrumbs">
	<li><a href="index.php">Accueil</a> &raquo;</li>
	<li><a href="news.php">News</a> &raquo;</li>
	<li>Le point sur la crise financière...</li>
</ol>

Je voulais obtenir quelque chose comme :

Accueil &raquo; News &raquo; Le point sur la crise financière...

En passant, et comme je vous vois déjà venir, je suis au courant que mon markup n’est pas sémantique… Je devrais virer les &raquo; et les remplacer par un background sur le a (ou mieux : utiliser la pseudo-classe CSS :after mais c’est encore loin d’être supporté sur tous nos navigateurs…)

Bref, ce dont j’avais besoin n’était pas quelque chose comme innerHTML (qui m’aurait donné tout le contenu HTML du ol, ce qui inclut les tags li et a) mais plutôt quelque chose comme innerText.

Est-ce que innerText existe ?

Oui et non… A vrai dire, cela fonctionne partout sauf sur les navigateurs dont le moteur de rendu est Gecko, c’est-à-dire Mozilla Firefox, principalement… Gecko fait le même boulot via la propriété textContent et il a raison car c’est le standard W3C.

Pour pouvoir récupérer le contenu textuel d’un tag, de façon cross-browsers, il faut donc tester si textContent existe, l’utiliser si ce test s’avère positif et utiliser innerText dans tous les autres cas.

Comment tester que innerText (ou textContent) existe ?

Simplement en testant sur un élément qui est toujours présent dans un document, l’élément body, par exemple :

var hasInnerText = !!document.getElementsByTagName('body')[0].innerText;

Maintenant, vous pouvez tester et vérifier la valeur de hasInnerText avant d’utiliser innerText ou textContent.

Mais cela me semble un peu laborieux… Pourquoi ne pas créer une fonction qui renverra toujours le bon résultat, quel que soit le navigateur utilisé ? Le top du top est d’ajouter une méthode directement sur Element via le prototypage :

Element.prototype.text = function() {
	return !!document.getElementsByTagName('body')[0].innerText ? this.innerText : this.textContent;
}

Vous pouvez désormais utiliser cette expression, elle donne le résultat espéré :

document.getElementById('breadcrumbs').text();

Cela résout ce problème dont je suis sans doute un des seuls sur terre à m’être posé (quoique). Pendant que vous êtes en train de paniquer à propos de la crise, de votre argent en banque, de vos investissements et du pouvoir d’achat, j’essaye de m’occuper comme je peux…

Belgian Usability Day 2008

Juste une petite note pour vous avertir que la version belge de Usability Day aura lieu le 13 novembre 2008 au Best Western Premier Sodehotel La Woluwe.

Après une édition 2007 totalement réussie (à laquelle j’avais assisté), l’équipe stratégique d’Emakina remet ça dans ce qui sera encore une fois une soirée très instructive et très riche en rencontres. On y parlera sans doute encore de Bastien & Scapin et de plein d’autres choses 🙂

Belgian Usability Day - 2008/11/13 - Brussels

L’inscription est gratuite (mais obligatoire). Si vous avez quelque chose d’intéressant à présenter, n’hésitez surtout pas à compléter la liste des orateurs.

La beauté de la Mauricie…

J’ai enfin un peu de temps pour vous parler de la suite de mes aventures en Mauricie !

Avec Gabriel de Tourisme Mauricie, j’ai quitté l’Auberge du Trappeur dans la brume d’un vendredi matin, direction le musée du bûcheron !

Situé dans le charmant village de Grandes-Piles, berceau de l’exploitation forestière québécoise en Mauricie, ce village forestier demeure le plus important du Québec. Il retrace et perpétue l’histoire des bûcherons et draveurs de la Mauricie de 1850 à 1950. Le musée fête cette année ses 30 ans !

Nous y avons été accueilli par un authentique bûcheron (avec le look qui va avec) qui nous a guidé et expliqué tout ce qu’il fallait savoir dans les moindres détails.

Le guide et moi

Après ça, un repas dans la Cookerie du musée du bûcheron s’imposait ! Après avoir goûté au caribou, nous avons eu droit à un vrai repas de bûcheron dont je retiendrai surtout la soupe aux pois qui en est un classique !

Pour digérer tout ça, rien de tel qu’un petit bout de route vers Shawinigan, splendide ville située dans un crochet de la rivière Saint-Maurice (qu’on appelle la baie de Shawinigan). La ville abritait une usine de pâtes et papier, nommé Belgo car elle a été mise sur pied grâce à un investisseur belge. Malheureusement, l’usine a du être fermée récemment ce qui fut une petite catastrophe pour Shawinigan… Notre temps de visite là-bas a été très court mais j’ai pu monter tout en haut de la tour de la Cité de l’énergie où la vue était tout simplement splendide. On a même pu apercevoir Trois-Rivières au loin, alors que les deux villes sont séparées de plus de 30 kilomètres !

Shawinigan

La route nous appelant à nouveau, nous avons gagné Saint-Alexis-des-Monts qui compte parmi ses bonnes adresses la microbrasserie Nouvelle-France. Là-bas, nous avons pu visiter les installations où la bière est fabriquée et bien entendu en goûter quelques unes : l’Ambrée de Sarrasin, la Blonde d’Epeautre, la Claire Fontaine et la Messagère.

Microbrasserie Nouvelle-France

En fin de journée, j’ai rejoint le petit paradis sur terre où j’allais loger et me divertir : la Pourvoirie du Lac Blanc. Je pense que je n’ai jamais vu un lieu si beau de toute ma vie. Je m’y serais bien installé. Je recommande à quiconque d’y passer quelques jours. Les activités qu’on peut y réaliser sont nombreuses, aussi bien en hiver qu’en été. J’ai pu y observer des ours et des castors, faire du quad, pêcher la truite, tirer au pigeon d’argile, etc.

Pourvoirie du Lac Blanc

Cela finissait en beauté mon petit tour de Mauricie, merci encore à toutes les personnes qui ont rendu cela possible !

Au coeur de la Mauricie…

Après mon périple à Trois-Rivières, d’autres aventures m’attendaient…

C’est aux alentours de 9 heures hier matin que Gabriel de Tourisme Mauricie (qui est, en passant, le guide d’exception qui m’accompagne durant mes pérégrinations en Mauricie) est venu me chercher à l’hôtel Delta de Trois-Rivières où j’ai passé une nuit sensationnelle.

En route pour le Parc National de la Mauricie !

Après un petit bout de chemin, nous sommes arrivés à St-Jean-des-Piles, la principale porte d’entrée du parc. A partir de ce moment, j’ai été pris en charge par Parcs Canada qui m’a préparé un petit circuit dans la nature. Si je devais résumer ce que j’y ai vu en un seul mot, je dirais : magnifique ! En effet, les paysages sont vraiment splendides, la flore et la faune y sont abondantes et l’été indien, qui vient de commencer (j’ai de la chance, il y a une semaine, tout était encore vert), rendait cela encore plus beau. Pour parler un peu plus en détails de la faune, sachez qu’on y trouve des animaux aussi variés que des ours, des loups, des coyotes, des orignaux, des caribous, des lynx (non, pas le navigateur Web, espèce de geek), des castors, etc.

Vue sur le lac

Le Parc de la Mauricie est un parc d’une superficie de 536 km2. Au niveau des activités, il est possible d’y faire énormément de choses car il possède plusieurs sentiers pédestres, beaucoup de rivières où le rabaska est l’une des activités proposées ainsi que le canoë et le kayak, des terrains de camping, des sentiers de ski de fond l’hiver, et j’en passe…

A la fin du circuit, je me suis retrouvé à Saint-Mathieu-du-Parc où j’ai rejoint l’endroit où j’allais terminer l’après-midi et passer la soirée : l’Auberge du Trappeur. Pour information, un trappeur est un chasseur solitaire qui pratique le piégeage (ou le trappage), non pas pour la viande, mais pour la fourrure. Je referme la parenthèse… Juste à côté de l’auberge se trouve le village amérindien Mokotakan. Le village retrace la présence amérindienne depuis plus de 5000 ans grâce à la reconstitution de différents bâtiments des 11 nations autochtones du Québec. La mission de ce site est le partage, la diffusion et l’interprétation de la culture amérindienne. Mission accomplie !

Mokotakan

Plus tard, ce fut le clou de la journée : l’observation des ours noirs ! Perché dans une tente qui donnait sur le bord d’un ruisseau et ses environs, nous avons pu observer deux ours qui se régalaient de ce que notre guide leur avait donné à manger, ainsi que quelques coyotes qui passaient par là, à la recherche de restes laissés par les ours… Cette observation fut un moment intense et émerveillant ! On a même pu assister à un début de bagarre entre un ours et un coyote !

L'ours

Toutes les photos se trouvent sur mon compte Flickr.

Du pétrole en Belgique (?)

Selon le site www.freepetrol.be, John McRoe, qui a déjà découvert des gisements de pétrole dans le monde entier, en aurait trouvé également en Belgique !

En vous rendant sur le site, vous pourrez essayer de deviner où se trouvent ces gisements de pétrole. Pour ce faire, il vous suffit de placer un derrick sur la carte. Les cinquante participants qui se rapprocheront le plus des gisements de pétrole remporteront un plein de carburant d’une valeur de 50 EUR.

Comme le prix du carburant est devenu astronomique de nos jours, je pense que cela pourrait faire un bien fou à votre portefeuille… Dépêchez vous de participer, le concours est actif jusqu’au 1er octobre !

Trois-Rivières

Trois-Rivières était la première étape de mon périple de trois jours en Mauricie (généreusement offert par Tourisme Mauricie). Ici, j’étais plus particulièrement l’invité de Tourisme Trois-Rivières qui m’a préparé une journée bien remplie dans leur splendide ville.

Tout d’abord, il faut savoir que le nom de la ville est une erreur… En effet, une seule rivière coule à Trois-Rivières : la rivière Saint-Maurice. La confusion vient du fait qu’il existe deux îles à l’endroit où le Saint-Maurice se jette dans le Saint-Laurent, donnant l’illusion qu’il y a trois rivières…

Cette précision étant faite, je peux donc vous parler du déroulement de ma journée… Après avoir mangé dans un excellent restaurant, j’ai eu la chance de visiter la vieille prison de Trois-Rivières, qui est fermée depuis 1986 à cause de l’insalubrité ambiante. La particularité de cette visite est qu’elle est guidée par d’anciens détenus. J’ai eu l’occasion d’apprendre l’historique de la prison et de la vie carcérale de manière plus générale. J’ai même été placé au cachot pendant quelques minutes… J’en ai encore froid dans le dos !

En Prison

Après cette expérience hors du commun, j’ai pu visiter l’expo Papier identité où était retracée toute l’histoire et expliquée tout le processus de fabrication du papier. Il faut savoir que le Québec est/était une région très connue pour son industrie de papier.

Papier identité

Ensuite, j’ai effectué la promenade de la poésie ce qui m’a permis de découvrir quelques charmes cachés de la ville. Une fois par an, Trois-Rivières organise le festival international de la poésie. Cette année, cela aura lieu du 3 au 12 octobre. Trois-Rivières sera également la capitale culturelle du Canada en 2009 !

Trois-Rivières

La soirée s’est terminé par une bière canadienne (dont j’ai malheureusement oublié le nom) au Trèfle et un steak de wapiti à l’Essentiel. Ces deux établissements se trouvent dans la rue des Forges, la rue la plus animée de la ville.

Pour terminer, j’aimerais partager avec vous la vue que j’avais de ma chambre au réveil :

Vue depuis la chambre

C’est pas beau, ça ?

Si vous apprécié mes talents de photographe, vous pouvez découvrir toutes mes autres photos sur Flickr.

Un jour à Montréal…

Hier, je me suis réveillé et j’étais à Montréal. Je me suis donc dit que la meilleure chose à faire était de voir à quoi ressemblait cette ville.

Je me souviens

Je me suis donc dirigé de mon gîte Chez François vers la station de métro Papineau où j’ai pris la direction du parc olympique. Ce parc est composé de plusieurs infrastructures sportives dont le stade olympique qui a la particularité d’être surmonté d’une tour inclinée, la plus haute du monde ! Tout cela a été érigé pour accueillir les jeux olympiques d’été de 1976. D’ailleurs, on m’a dit qu’il avait fallu 30 ans pour payer le stade !

Stade olympique

A côté du stade olympique se trouve le Biodôme (aucun rapport avec le fabuleux film), construit dans l’ancien vélodrome. Il habrite des reconstitutions de quatre environnements différents : la fôret tropicale, la fôret laurentienne, le St-Laurent marin et les pôles (Arctique et Antarctique). On peut y observer de nombreux animaux qui y vivent quasiment en liberté.

Biodôme

A promixité du stade, on trouve également le jardin botanique mais je n’ai pas encore eu l’occasion de le visiter, ce sera pour un autre jour…

Après cela, je me suis dirigé vers le centre (station de métro McGill) où il y a de nombreux skyscrapers et magasins. Après cela, j’ai entrepris le chemin à pied qui mène du centre au Vieux-Montréal. Sur la route, je suis passé par le quartier chinois où j’irai manger un jour (sauf si me le déconseillez formellement). Le Vieux-Montréal est très beau. On y trouve de très belles battisses et de jolies places où s’arrêter boire un café. En descendant un peu plus au sud, on arrive au Vieux-Port qui mérite aussi d’être vu.

Vieux-Montréal

Comme il me restait encore du temps après tout ça, je me suis dirigé vers le Planétarium Dow mais je suis arrivé trop tard pour le film (Extinction)… J’y retournerai. J’ai toutefois pu visiter l’exposition qui retrace quarante ans de conquêtes spatiales. Ce fut très instructif !

Nicolas Copernic

Durant toute ma journée, j’ai pu un peu faire connaissance avec la culture et les expressions québécoises. J’ai donc appris qu’on ne disait pas “embouteillage” mais “congestion” et que les “pakis” (comme on les appelle en Belgique) sont ici des “dépanneurs” (ce qui est plutôt bien vu). Sur toutes les plaques d’immatriculation du Québec apparait la devise “Je me souviens“. Sa signification exacte semble difficile à établir…

Aujourd’hui, de nouvelles aventures m’attendent, je pars en Mauricie !

Premier contact avec le Québec…

Une journée dans un avion, c’est chiant. Du coup, rien de tel que d’aller aux toilettes et prendre des photos de soi pour passer le temps. Ce vol m’aura quand même permis de voir Kung Fu Panda et de revoir School of Rock pour la deuxième fois consécutive sur un vol transatlantique. Jack Black a la cote chez AA (car ils proposaient aussi Be Kind Rewind).

Moi

L’ennui d’un vol long courrier n’est toutefois rien par rapport au stress d’une correspondance. Ici, en l’occurrence, on avait deux heures pour faire le transfert à New York. Ca a l’air très confortable, easy game, fingers in the nose… Cependant, il faut savoir qu’aux USA, il faut passer à la douane et refaire un check-in, juste pour un transit ! De plus, Nicolas Sarkozy ne nous a pas aidé aujourd’hui. En effet, il a débarqué pile au même moment que nous à New York et comme il est considéré comme quelqu’un d’important dans ce monde (plus important que nous en tout cas), il est passé en priorité à l’atterrissage, nous faisant perdre 45 minutes et diminuant donc quasiment de moitié notre temps imparti pour sauter d’un avion à l’autre… Enfin, on y est arrivé. Heureusement car ça m’aurait royalement fait chier de louper ma correspondance à cause d’un hurluberlu d’un mètre vingt…

Parc Lafontaine

Une fois arrivé au Canada, j’ai fait une balade dans le très beau Parc Lafontaine et dans quelques autres coins du Plateau Mont-Royal. Dans ce quartier, j’ai eu l’occasion de boire un très bon café à la Brûlerie Saint-Denis. Je ne sais pas si c’est une adresse réputée à Montréal mais j’ai apprécié !

Caramello

La soirée s’est terminée par un verre et une bouffe au Laika avec Michelle Blanc et Philippe Martin, que j’ai enfin pu rencontrer. On a du se barrer à 21h car ils devaient tourner un film…

Philippe & Michelle

La suite au prochain épisode…