La balise <canvas> est nouvelle à la spécification HTML 5. Le développeur Daniel Puhe a fait quelques expérimentations intéressantes sur son site spielzeugz.de.
Commencez par regarder la démonstration vidéo de particules liquides sur YouTube. Ensuite, expérimentez vous-même le comportement des éléments sur le canvas avec votre souris et à l'aide d'un fureteurs récent compatible avec HTML 5 (Firefox, Chrome, Opera ou Safari). Vous pourrez aussi jeter un oeil au JavaScript dans le code source (il n'est pas minifié).
Particules liquides
Une version avec des lettres
Particules 2.0
Et ce n'est même pas du Flash ! Mais voyez l'usage du CPU de ma machine :
Pour en savoir plus sur le tag canvas, ce tutoriel présenté par Mozilla Developer Center saura vous guider convenablement.
Dans le glossaire d'un livre informatique, la définition du terme "infinite loop" :
Mais qu'est-ce qu'une boucle infinie ? Allons voir la définition :
Et c'est quoi la récursivité ?
Si vous ne la comprenez pas, ne comptez pas sur moi pour vous l'expliquer...
En cette période d'incertitude économique, amusons-nous a décortiquer l'endos du dollar américain (pour ceux qui y voient toujours les signes d'une conspiration).
- Le haut de la pyramide montre la partie non-complétée des États-Unis;
- L'ombre à gauche représente les terres à découvrir à l'ouest du pays;
- Le soleil levant représente la nouvelle nation;
- L'oeil pourrait ou non représenter la société secrète des Illuminati; C'est aussi probable que ça soit l'oeil de Sauron;
- Le bouclier représente l'habileté du pays à se prendre en charge et à voler de ses propres ailes;
- L'aigle regarde vers une branche d'olivier mais tient aussi des flèches. Il regarde pour la paix mais est aussi prêt à se défendre;
- Le numéro 13 est omniprésent. On compte aussi 13 étoiles au-dessus de l'aigle pour symboliser les 13 colonies originales. La pyramide possède 13 niveaux de briques, les citations latines (Annuit Coeptis et E Pluribus Unum) comptent chacunes 13 lettres, il y a 13 barres sur le bouclier, 13 feuilles sur la branche et 13 flèches;
- MDCCLXXVI est le chiffre romain pour 1776 (indépendance des États-Unis)
- La phrase latine "Novus ordo seclorum" veut dire "New Order of the Ages" pour indiquer la nouvelle ère où la nation américaine est devenue indépendante
- Annuit Coeptis veut dire "He (God) favors our undertaking"
- E Pluribus Unum veut dire "Out of many, one" dans le sens de "Out of many states, one nation"
Je vais partager avec vous un truc que je viens de voir dans un tutoriel vidéo et que je vais installer dès demain sur mon éditeur Netbeans au travail. Le projet Zen Coding sur Google Code propose une nouvelle façon d'écrire rapidement du code HTML et CSS selon les spécifications HTML 5.
Selon leur démonstration, après avoir installé leur package, si on inscrit cette ligne et qu'on appuie sur la touche TAB :
div#page>div.logo+ul#navigation>li*5>a
Ce sera automatiquement transformé en ce code HTML :
<div id="page">Vraiment cool hein ! Donc si votre éditeur est Aptana/Eclipse, Komodo, Notepad++, ils sont officiellement supportés. Du côté de Netbeans 6.8, la compatibilité est actuellement de base pour le HTML (vérifiez la liste des autres éditeurs compatibles sur le site, il y en a beaucoup d'autres dont Dreamweaver). Donc l'exemple ci-dessus ne fonctionne pas encore mais ça viendra et ce sera certainement un plugin prometteur pour les développeurs,
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
À la base, on pourra quand même utiliser certains raccourcis comme ceux-ci :
script TAB
<script type="text/javascript"></script>input TAB
<input type="type" id="name" name="name" value="value" />form TAB
<form action="action" method="method"></form>html:5 TAB (essayez aussi html:4s pour le HTML 5 strict)
<!DOCTYPE HTML>Et de nombreux autres. Référez-vous à la cheat sheet pour voir tous les raccourcis.
<html lang="ru-RU">
<head>
<title>title</title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
Installation sur Netbeans 6.8
- Rendez-vous sur la page du projet
- Téléchargez la version la plus récente pour votre éditeur (par exemple NetBeans.Zen.HTML.1.2.zip)
- Vous allez obtenir un petit fichier de 8 Kb
- Dans Netbeans, allez dans Tools / Options
- Sous l'onglet General, cliquez sur le bouton Import (en bas à gauche de la fenêtre)
- Sélectionnez le fichier zip sur votre poste
- Vous verrez une fenêtre avec les options disponibles. Cochez All pour installer les macros et les gabarits de code
- Faites OK et redémarrez l'IDE
Vous pouvez aussi voir la vidéo où j'ai trouvé cette astuce.
Vous vous rappelez que je vous avais parlé des chips les plus piquantes au monde (Blair's Death Rain Habanero Chips) ? J'étais convaincu qu'à la saveur décapante de ces croustilles, elles étaient en vente uniquement en petit format individuel.
Et bien voilà une bonne nouvelle pour les amateurs d'épices qui font bobo à la langue, elles sont maintenant disponibles en grand format de 142 grammes chez Coconut (au coût de 4,79$). Je m'en suis procuré un mais je n'ai pas encore osé l'ouvrir, ne sachant pas quelle occasion serait la plus appropriée pour mettre au défi mes amis.
Je crois que le prochain qui m'invite à un barbecue pourra profiter de ces succulentes chips en ma compagnie.
Hier était la dernière journée du Festival mondial de la bière 2010 qui se tenait à la Gare Windsor à Montréal. Certaines personnes se sont plaintes qu'il y avait trop de monde, qu'on se pilait sur les pieds et qu'il y avait une file d'attente soit pour entrer ou pour acheter des coupons pour les dégustations. Et en plus le mauvais temps était de la partie.
Quand nous sommes arrivés en début d'après-midi, c'était encore supportable. Nous n'avons pratiquement pas attendu en file et nous avons rapidement acheté nos coupons. Dès ma première consommation, j'ai remarqué que les exposants offraient une plus grande quantité si on avait acheté le verre de l'événement (on pouvait aussi en apporter un de chez soi). Je suis donc retourné m'en procurer un au kiosque à l'accueil (8$) et soudainement, il y avait deux files d'attentes qui se rendaient jusqu'à la porte extérieure. Tout ça, en 15 minutes.
Chaque dégustation de bière et autres breuvages alcoolisés coûtait entre 1 et 5 coupons (1$ par coupon, en moyenne 3-4 coupons par consommation). Aussi, il y avait différents mets (fromages, viandes, frites, etc) qu'on pouvait se mettre sous la dent moyennant un frais supplémentaire.
Je vous fais un petit résumé de ce que j'ai goûté (et que ceux qui m'accompagnaient ont bien voulu partager avec moi).
Bières
- Cherry Wheat de Brutopia de Montréal (1er coup de coeur, comme une Kilkenny du type crème aux cerises. J'en veux encore!)
- La Sauvage de Boquébière de Sherbrooke (type rouge de Belgique si je me souviens bien. Intéressant)
- Double de Bonsecours du Broue Pub Bouhaha de Montréal (très bonne, à essayer)
- Sein d'Esprit du Broadway Pub de Shawinigan (personnel sympathique et belle sélection de bières. J'ai maintenant une raison de trainer du côté de Shawinigan)
- Ochamena Bi-Ru au sarrasin et thé japonais du Dieu du Ciel ! de Montréal (j'ai été légèrement déçu, je m'attendais à quelque chose de surprenant)
- Pale Ale lime et framboise de La Barberie de Québec (la finale de lime cachait le goût de la framboise)
- Félix 11,9% du Bilboquet de St-Hyacinthe (bière de glace dont on m'a expliqué le procédé de fabrication avec beaucoup de passion. Juste wow! 2ème coup de coeur)
- Viande de kangourou (la saucisse était délicieuse, la longe devait être mastiquée, moins tendre que je pensais mais plus goûteux)
- Cornet de frites de Frites Alors (sous la pluie!)
- Cassis Monna & Filles de l'Ile d'Orléans (tout simplement délicieux! Produits de grande qualité et personnel sympathique)
- Mistelle de fraise Frasil de Nordvie en Abitibi (celui de type porto est super). Ils font aussi un granité / sloche aux vraies fraises et à la rhubarbe (aussi bon qu'à la crèmerie Meu Meu). À essayer, meilleur et moins concentré et sirupeux que la liqueur Fragoli.
Chronique Saviez-vous que...
J'ai remarqué récemment dans les romans d'une autre époque qu'on parle souvent de "mise en bière" quand on traite de la mort. En effet, une bière était aussi le mot utilisé pour désigner un cercueil.
Alors profitons du premier avant de subir l'autre ! Je lève mon verre à votre santé !
Laptop Toshiba - Réinitialisation "out of the box"
En fin de journée hier, j'ai joué au technicien informatique pour dépanner ma belle-mère avec l'installation de Windows 7 (que je n'ai toujours pas adopté) sur son nouveau laptop. La mère et la fille sont allées magasiner ensemble chez Future Shop et elle a décidé de se gâter en achetant un portable Toshiba Satellite L550D avec écran de 17 pouces (ça semble être un bon rapport qualité/prix). Avec cet achat, elle avait droit à une promotion qui lui permettait de choisir une imprimante qui lui revenait à 20$ seulement (Epson Stylus NX215).
Le vendeur a bien entendu proposé la garantie prolongée mais j'avais préalablement pris soin d'informer ma belle-mère de la garantie supplémentaire qu'offre gratuitement Visa si on paye avec la carte de crédit (je vous conseille fortement de vérifier avec votre banque pour voir si cette protection est offerte).
Par exemple, chez ING :
D’une assurance extension garantie constructeur étendant de 2 années supplémentaires la garantie initiale de 2 ans du constructeur en cas d’achat avec votre carte VISA d’un bien neuf à usage ménager (réfrigérateur…), électronique vidéo (écran Plasma…) ou audio (lecteur MP3…) réservé à un usage privé;
À la Banque Laurentienne :
La carte VISA Noire Ma Récompense vous permet aussi de protéger vos biens acquis avec les assurances achats et garantie prolongée. En effet, la carte double la garantie du manufacturier jusqu’à concurrence d’une année et vous offre une protection contre la perte, le vol ou le bris pour 90 jours suivant l’achat.
Aux Caisses Desjardins :
Double la durée des garanties de moins de cinq ans fournies par le fabricant, jusqu'à concurrence d'un an, à l'égard de presque tous les biens achetés comportant une garantie écrite honorée au Canada.
Ensuite le vendeur a suggéré d'acheter un câble USB pour brancher l'imprimante. Prix: 29,99$. Il justifiait le prix en disant que ce n'était pas un câble USB standard (pas de type A mais de type B). Si ma belle-mère avait été seule, elle l'aurait probablement acheté car elle ne connaît pas ça. Mais ma copine savait que je pourrais lui en dénicher un à meilleur prix chez Addison-Electronique (3,99$ pour 6 pieds) ou sur le site DealExtreme (4,13$ pour 3 mètres, livraison incluse).
Enfin, voyant qu'elle n'est pas une experte, il présente le service ConnectPro qui peut lui configurer l'ordinateur pour 79,99$. C'est là que ma copine m'a téléphoné. Je lui ai dit que sur les laptops récents, le système d'exploitaton est pré-installé sur une partition cachée du disque dur et que ça se configure à peu près tout seul. Pas besoin d'acheter Windows à part ni d'un expert pour attendre à notre place que le système se mette en place de lui-même.
Elles sont donc reparties pour installer tout ça. Durant l'installation, quelque chose s'est interrompu et le processus semblait recommencer continuellement en redémarrant l'ordinateur plusieurs dizaines de fois. Définitivement, il y avait quelque chose qui ne tournait pas rond.
J'ai suggéré qu'on reprenne l'installation à partir du début. Après avoir essayé les classiques F2 et F8 au démarrage, je ne voyais pas de moyen de reprendre en mode "recovery" ou en mode réparation. Je me suis branché sur mon ordinateur et j'ai fait une recherche dans la documentation web pour savoir comment reprendre à la toute première étape et annuler ce qui avait été fait jusqu'à maintenant.
La solution
Pour réinitialiser l'ordinateur à la configuration de sortie d'usine (factory settings), comme si on venait de le sortir de la boîte la première fois ("out of the box") :
- Maintenez le bouton "power" enfoncé jusqu'à ce que l'ordinateur soit éteint
- Appuyez sur la touche 0 (zéro), maintenez-là enfoncée et appuyez sur le bouton "power" en même temps pour le mettre en marche
- Lorsque l'écran de démarrage apparaîtra, vous aurez l'impression que l'image à l'écran sera figée car il n'avancera pas plus loin dans les étapes
- C'est à ce moment-là que vous devrez relâcher la touche 0
- Vous devriez voir apparaître les options de recovery
- Tout sera réinitialisé (et vous perdrez toutes vos données)
