tag:blogger.com,1999:blog-24879380947880432192024-03-13T04:20:00.360-04:00Mets-le au 3.NETApps, Programmation, Revue. Tout ce qui a trait à la technologie git ici.Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.comBlogger31125tag:blogger.com,1999:blog-2487938094788043219.post-31948882015206614962015-06-30T20:14:00.000-04:002015-06-30T20:19:33.614-04:00TV: Après les Hipsters, les Cord-Cutters<h2 style="text-align: justify;">
<span style="font-size: x-large;">Cord-Cutting</span></h2>
<div style="text-align: justify;">
<span style="font-size: x-large;"><br /></span></div>
<h3 style="text-align: justify;">
Qu'est-ce qu'un "cord-cutter"?</h3>
<div style="text-align: justify;">
<br /></div>
<div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdLy77abe2BSBZDHlJBnI5lUKoN8Kcec_cARTlhREuQiS8zIx2bfPvO10gdacdPLeEenoh9hFuh1bWvkXMmu8Tx2RbG9N5LUfatfDBSjmrhb2ghuDZUW4AYqwdx8a3go3uV9jyyszEQTF/s1600/download.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdLy77abe2BSBZDHlJBnI5lUKoN8Kcec_cARTlhREuQiS8zIx2bfPvO10gdacdPLeEenoh9hFuh1bWvkXMmu8Tx2RbG9N5LUfatfDBSjmrhb2ghuDZUW4AYqwdx8a3go3uV9jyyszEQTF/s1600/download.jpg" /></a></div>
Je ne sais pas si c'est le printemps, la fin du mois, ou la planification du budget des vacances. Mais beaucoup de gens autour de moi, me parlent de leur service de télédiffusion et de leur facturation onéreuses. Je vous partage alors mon expérience, dans ce court billet, si cela peut vous inspirer.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le fait de ne pas avoir de service câblé pour la télé-diffusion, fait souvent augure de myth et de légende. Pourtant le phénomène de "Cord-cutting" est très en vogue. Dans mon cas, je ne suis pas vraiment un "cord-cutter" mais plutôt un "Never-Had-A-Cord" (c'est une autre histoire). Je n'ai donc pas eu à subir le sevrage et l'inquiétude reliée à la perte de services tenus pour acquit.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le CRTC a imposé la diffusion de Signal HD-OTA (ATSC) et l'arrêt de signal (analog NTSC) depuis 2011. Tous les téléviseurs relativement récents supportent le décodage de signaux ATSC et NTSC.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oui, je regarde la télévision. Comme vous, j'ai accès à la majorité des postes français, car les chaines généralistes diffusent toutes OTA (SRC, V, TVA, TQ). Pour la plupart, les émetteurs sont situés sur le Mont-Royal. J'ai aussi accès à la télé anglophone. Soit CBC, CTV, Global... pour citer que ceux-ci.</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le mouvement est assez important pour inquiéter les télés-diffuseurs. Microsoft ont même annoncé que le XBox-One supportera la télévision OTA (over-the-air) dans un avenir proche avec l'achat d'un TV-tuner USB compatible.</div>
<div style="text-align: justify;">
<br /></div>
<div>
<div style="text-align: justify;">
Quelle qualité d'image avons-nous? Bien c'est simple, une image HD (720p) de meilleure qualité puisque presque pas compressée.</div>
</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
Qu'avons-nous de besoins pour y arriver?</h3>
</div>
<div style="text-align: justify;">
<br /></div>
<div>
<div style="text-align: justify;">
Du courage, une télé ATSC (ou un convertisseur pour les plus télés anciennes) et d'une bonne vieille antenne "oreilles de lapin" dépoussiérée. Ce qui est important ce sont la captation des ondes "UHF". Ce ne sont pas les "oreilles et la laine d'acier" qui sont importants dans ce cas, mais le nœud papillon ou le cerceau au centre de l'antenne.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Vous trouverez en ligne des antennes Do-It-Yourself (DIY) faites à partir de cintre. Sa fonctionne très bien. Les bonnes vieilles tour, montées sur le coté des bungalows font très bien l'affaire, ou vous pouvez vous en procurer une d'intérieur pour 30$ à 50$. C'est la renaissance des antennes.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Évidemment, pour combler les manques nous pouvons penser à des services comme NetFlix, Tou.TV, Youtube. Mais si ça se trouve, vous payez peut-être déjà ces services en plus de votre forfait de télé mensuel. Pour les amateurs de sports, les grandes chaines spécialisées, pour la plupart, offrent des forfaits mensuels qui donnent accès à leur programmation.</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pour tout le reste, il y a internet avec un peu de débrouillardise et un bon forfait (bande passante et limite de téléchargement) tout est accessible. Plusieurs fournisseurs internet indépendants se font la guerre pour vous offrir un excellent service à des prix en dessous des distributeurs majeurs. Il suffit de magasiner un peu (Tek Savy, Electronic Box, Acanac, etc). Aller voir les opinions des gens sur <a href="http://dslreports%20com/">DSLReport</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Avant de couper, rien ne vous empêche de l'essayer! Si vous voulez savoir les chaines disponibles selon votre localisation. Le site <a href="http://http/www.Tvfoolcom/">TV-Fool</a> vous aidera. Avec Internet et l'OTA, je comble tous mes besoins de Radio, Télévision et Téléphone. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pour ce dernier, le téléphone résidentiel, j'utilise un service VOIP, qui a des frais à la minute et me facture à la seconde un prix dérisoire. Ainsi, j'ai un téléphone fixe autre que mon cellulaire à un montant minimum (dans mon cas on parle de 0.005$ la minute). Pour arriver à ce scénario, j'ai dû bien étudier mes besoins, me documenter et évaluer ma consommation. </div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
Ce que j'obtiens maintenant?</h3>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4gnJNVDHDnJVjyTQcNaZ70qsxl2F20vXw2Fgy-CiIbI_8gei2fkQUbmDoJLCWjcm9VtJy04KlYZctSr7wEoWFs5j2q1dzM3RQWypr0BxpAVfNa1ieaSz737ztsdjUAbeVGEutjXRbgdeX/s1600/featured-image1.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4gnJNVDHDnJVjyTQcNaZ70qsxl2F20vXw2Fgy-CiIbI_8gei2fkQUbmDoJLCWjcm9VtJy04KlYZctSr7wEoWFs5j2q1dzM3RQWypr0BxpAVfNa1ieaSz737ztsdjUAbeVGEutjXRbgdeX/s320/featured-image1.jpg" width="320" /></a></div>
<div style="text-align: justify;">
Des services sans contrats, qui me donnent plus flexibilité et qui répondent mieux à ma consommation. Finis les forfaits de 50 postes dont seulement 3 m'intéressent.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Au final cela m'a permis de couper le cordon et de devenir indépendant à moindre coût. Durant cette<br />
période de déménagement, avant de renouveler vos services de câblodistribution, il vaut la peine d'envisager cette alternative.</div>
</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div>
<h3 style="text-align: justify;">
Liens</h3>
</div>
<div>
<div style="text-align: justify;">
<a href="http://dslreports.com/">DSLReport</a></div>
<div style="text-align: justify;">
<a href="https://www.blogger.com/(http://www.tvfool.com/">TV-Fool</a></div>
<div style="text-align: justify;">
<a href="http://fr.wikipedia.org/wiki/T%C3%A9l%C3%A9vision_num%C3%A9rique_terrestre_au_Canada">Télévision numérique terrestre au Canada</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-68887402872321639172015-02-17T13:56:00.000-05:002015-02-17T13:58:49.431-05:00Javascript : FooTable.JS, afficher des tableaux adaptatifs / Responsive design<br />
<span style="font-size: x-large;"><b>FooTable.JS</b></span><br />
<div style="text-align: justify;">
Pour faciliter le développement et s'assurer d'une expérience usagée uniforme indépendamment du point d'entrée, plusieurs outils voient le jour. Un de ces outils est une extension pour la librairie Javascript jQuery qui permet aux tableaux HTML de se conformer au type d'affichage automatiquement. La conception de sites adaptatifs (responsive design) permet de développer un site unique qui comme son nom l’indique s’adapte à la plateforme utilisée pour le consulter.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
L'information reste accessible à l'usager mais est présentée différemment.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEFCDHHzeZrT9lk_nX1cxiDV949tuqp035gSxBUX4NsQ3XoxxjodMaqKpVoV0A-HCij23C9tnXjD49aDQ0TyUxs43dHYfKQfJJSgs_B5h_zuuId2YTffxpM-DsREZNzdt_jpQTIJxIMxPd/s1600/screenshot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEFCDHHzeZrT9lk_nX1cxiDV949tuqp035gSxBUX4NsQ3XoxxjodMaqKpVoV0A-HCij23C9tnXjD49aDQ0TyUxs43dHYfKQfJJSgs_B5h_zuuId2YTffxpM-DsREZNzdt_jpQTIJxIMxPd/s1600/screenshot.jpg" height="267" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
FooTable.JS applique ces notions aux tableaux. En fait, il cache les colonnes qui ne peuvent être affichées selon la résolution et les disposes dans une nouvelle sous section, sous la ligne tronquée. Cette section est extensible avec un simple clique et affiche les données qui ont été supprimé de la présentation conventionnelle.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Voyer la <a href="http://fooplugins.com/footable-demos/" target="_blank">démonstration</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Il est possible d'intégrer ce concept à même l'objet GridView de ASP.NET comme nous le démontre cet <a href="http://css-tricks.com/footable-a-jquery-plugin-for-responsive-data-tables/" target="_blank">article</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div>
<h3>
Liens</h3>
<div>
<a href="http://themergency.com/footable/" target="_blank">FooTable</a></div>
<div>
<a href="http://techbrij.com/asp-net-gridview-responsive-jquery-footable" target="_blank">Application GridView ASP.NET</a></div>
<div>
<a href="http://css-tricks.com/footable-a-jquery-plugin-for-responsive-data-tables/" target="_blank">Why FooTable?</a></div>
<div>
<a href="https://github.com/bradvin/FooTable" target="_blank">Source de FooTable</a></div>
<div>
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-5488365609083301312015-01-20T01:00:00.000-05:002015-01-20T19:40:38.354-05:00Apps : Feedly, suivez le flux<span style="font-size: x-large;">Feedly</span><br />
<br />
<div style="text-align: justify;">
L'an passé au 1er juillet 2013, Google a retiré leur "<a href="http://www.google.com/reader/about/">Google Reader</a>" qui permettait de réunir et personnaliser un fils de presse. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Les fournisseurs offrant des produits similaires avaient l’occasion de récupérer un groupe important d’usager. Un joueur important décidant de fermer son offre de service, a obligé les fidèles à changer de plate-forme s’ils voulaient paliers à ce besoin. Des agrégateurs de nouvelles comme <a href="https://flipboard.com/">Flipboard</a>, <a href="https://www.pulse.me/">Pulse</a>, <a href="http://feedreader.com/">Feedreader</a> ont eu l’opportunité d'accroitre leur masse d’abonnées grâce aux orphelins nouvellement créés.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Un grand gagnant du couperait de Google fut <a href="http://feedly.com/">Feedly</a>. Malgré le fait qu'il existe depuis 2006, il a vu son bassin d'utilisateurs grandir de centaines de milliers d'inscriptions, quelques heures à peine après l’annonce de Google, en mars. À la fin du mois de mai de cette même année, soit deux mois plus tard, <a href="http://feedly.com/">Feedly</a> comptait 12 millions d’abonnés.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYxClTbrlmnwe6rC0C7uZzV9VCV5S0rqSYceofquE1_4Vtsflm_uEbmU88xjjBTn1al-FUTkDlfQtn2G96_QY1lYmoch0ROVnVcVTz8MoNakVzlkmrj1aSY7EgcSyVfcY1Tsl9QDQHeC_/s1600/feedly-logo-june-2012-black-color.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYxClTbrlmnwe6rC0C7uZzV9VCV5S0rqSYceofquE1_4Vtsflm_uEbmU88xjjBTn1al-FUTkDlfQtn2G96_QY1lYmoch0ROVnVcVTz8MoNakVzlkmrj1aSY7EgcSyVfcY1Tsl9QDQHeC_/s1600/feedly-logo-june-2012-black-color.png" height="91" width="320" /></a></div>
<div style="text-align: justify;">
<a href="http://feedly.com/">Feedly</a> est gratuit et offre des services de base comme, la lecture différée "Saved For Later". Il permet de suivre des listes de nouvelles affiliées ou d’ajouter vos propres blogs, site, RSS à votre flux et de les catégoriser. Un peu à la manière des courriels, les nouvelles récentes que vous n'avez pas encore consultées sont considérées non lu. Il offre aussi, une sélection de nouvelles à la une "Must Read" sélectionnées parmi les articles les plus achalandés de vos listes. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Une version mobile native iOS ou Android vous permet de garder synchronisé vos lectures où que vous soyez. Sur votre tablette la forme de lecture de type journal vous permet de tourner les pages pour naviguer d’une nouvelle à l’autre. Depuis, <a href="http://feedly.com/">Feedly</a> offre maintenant un abonnement PRO qui ajoute une intégration à plusieurs produits tels qu’Evernote, Pocket, HootSuite, LinkedIn etc. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ce type de produit est assez populaire pour que Facebook aussi développe sa propre solution nommée "<a href="https://www.facebook.com/paper">Paper</a>".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="http://feedly.com/">Feedly</a> est très pratique pour vous garder informé sur vos sujets préférés sans avoir à faire le tour de vos marque-pages, tout en conservant l'historique de ce que vous consultez.</div>
<div>
<br />
<h3 style="text-align: justify;">
<b>Liens</b></h3>
</div>
<div>
<div style="border-bottom: solid #00000A 1.0pt; border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-element: para-border-div; padding: 0cm 0cm 0cm 0cm;">
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://feedly.com/">Feedly</a><span class="MsoHyperlink"><o:p></o:p></span></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="https://flipboard.com/">Flipboard</a><o:p></o:p></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="https://www.pulse.me/">Pulse</a><span class="MsoHyperlink"><o:p></o:p></span></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://feedreader.com/">Feedreader</a><span class="MsoHyperlink"><o:p></o:p></span></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="https://www.facebook.com/paper">Paper</a><o:p></o:p></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-49355816533566631692014-11-05T01:30:00.000-05:002014-11-05T22:40:27.802-05:00Diagnostic : Glimpse pour débugger<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8UF17A3ucp_KjxRMBEpgJZze8hUhz2e-XZ4QQQvnx05l49M3THNyU-0rL_S2sTwgot2_QohImA4lUZ3qrofMFVgmtIiEhPv3i6f2cl4lgN23ayVcU01-zpBlI5qpVKo2WUbLNc1su6ko/s1600/Glimpse512.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8UF17A3ucp_KjxRMBEpgJZze8hUhz2e-XZ4QQQvnx05l49M3THNyU-0rL_S2sTwgot2_QohImA4lUZ3qrofMFVgmtIiEhPv3i6f2cl4lgN23ayVcU01-zpBlI5qpVKo2WUbLNc1su6ko/s1600/Glimpse512.png" height="100" width="100" /></a></div>
<span style="font-size: x-large;">Glimpse</span><br />
<br />
<a href="http://getglimpse.com/">Glimpse</a> est un outil de diagnostic à ajouter
à Visual Studio. Il analyse le trafic
généré par votre site et inspecte les requêtes pour vous donner l'information
en temps réel.<o:p></o:p></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
Il présente les temps
d'exécution, permet de résoudre les problèmes de redirection « routing »,
de voir la configuration du serveur, les données qui ont transigé et plus
encore. Les informations sont affichées à même votre navigateur, sans aucune
modification de code à votre application.<o:p></o:p></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<br />
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
Il s'installe aussi dans
Visual Studio par l'intermédiaire de "NuGet". Attention,
plusieurs librairies sont disponibles selon le type d'architecture de
votre application soit MVC, ASP.NET, EntityFramework etc.<o:p></o:p></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD_IkeNsX2WFERIqvyW8SRLOPjz28wXvYvj7riUEWBrVTK8WVKekSLpEtnj_lO72mY42azzC1hDiJAavs8a6z1pe_aBmj06qFYrc6GV5cA7DH6H0hrJF5T4y_OS-evqSWCqgiMf_jQaLgF/s1600/screenshot-hud-bar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD_IkeNsX2WFERIqvyW8SRLOPjz28wXvYvj7riUEWBrVTK8WVKekSLpEtnj_lO72mY42azzC1hDiJAavs8a6z1pe_aBmj06qFYrc6GV5cA7DH6H0hrJF5T4y_OS-evqSWCqgiMf_jQaLgF/s1600/screenshot-hud-bar.jpg" height="89" width="640" /></a></div>
<br />
<div class="DefaultStyle" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="DefaultStyle" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcLt9A-vNereN6OG1rMRegEIuSbeJpIaL9M51BHjpR-n7fJLOkMvluasE4s_RBtpqDjbLwPxzvU-lsyrrs1i3n-QaPTNGeqjGErVjogGz5YS4XK0VlIhDY8TDw2_BIkLhvWo1tv6IIKnYZ/s1600/screenshot-glimpse-axd.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcLt9A-vNereN6OG1rMRegEIuSbeJpIaL9M51BHjpR-n7fJLOkMvluasE4s_RBtpqDjbLwPxzvU-lsyrrs1i3n-QaPTNGeqjGErVjogGz5YS4XK0VlIhDY8TDw2_BIkLhvWo1tv6IIKnYZ/s1600/screenshot-glimpse-axd.jpg" height="313" width="320" /></a></div>
<div class="DefaultStyle" style="margin-bottom: 0.0001pt;">
Lors de
l'installation, une section <span style="color: #7f7f7f; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #7F7F7F; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: background1; mso-themecolor: background1; mso-themeshade: 128;"><glimpse></span> s’ajoute au <span style="color: #7f7f7f; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #7F7F7F; mso-style-textfill-fill-colortransforms: lumm=50000; mso-style-textfill-fill-themecolor: background1; mso-themecolor: background1; mso-themeshade: 128;"><web.config> </span>qui
permet de personnaliser son utilisation si la configuration de base ne vous satisfait
pas. Il est accessible via l’adresse « localhost » de votre fureteur
(ou à distance si vos politiques de sécurité le permettent), afin de l’activer ou/et
le caractériser pour la session en cours.</div>
<div class="DefaultStyle" style="margin-bottom: 0.0001pt;">
<br /></div>
<br />
<div class="DefaultStyle" style="margin-bottom: 0.0001pt;">
<a href="http://getglimpse.com/">Glimpse</a> en quelque sorte une extension plus
détaillé du mode « Développeur F-12 ».<o:p></o:p></div>
</div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br />
<h3>
<b><br /></b></h3>
<h3>
<b><br /></b></h3>
<h3>
<b>Liens</b></h3>
<div>
<div style="border-bottom: solid #00000A 1.0pt; border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-element: para-border-div; padding: 0cm 0cm 0cm 0cm;">
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<a href="http://getglimpse.com/">Glimpse</a><o:p></o:p></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<a href="http://www.hanselman.com/blog/IfYoureNotUsingGlimpseWithASPNETForDebuggingAndProfilingYoureMissingOut.aspx"><span lang="EN-CA">Scott Hanselman : If you're not
using Glimpse with ASP.NET for debugging and profiling, you're missing out</span></a><span lang="EN-CA"><o:p></o:p></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://www.hanselman.com/blog/NuGetPackageOfTheWeek5DebuggingASPNETMVCApplicationsWithGlimpse.aspx">Scott
Hanselman on Glimpse</a><o:p></o:p></span></div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-62671069093073816642014-09-02T15:19:00.000-04:002014-09-02T09:28:14.716-04:00JavaScript : Contrôler la qualité de votre code<span style="font-size: x-large;">JSLint</span><br />
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Le JavaScript est omniprésent
dans le développement Web. Des
librairies spécialisées sont de plus en plus populaires et deviennent des
incontournables. jQuery, AngularJS, Node.js sont tous des éléments qui
poussent le JavaScript plus loin encore.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0AosAo_cLnMpVBhVuMemrMgXS35bOLNSWRao1PxDDvxUwOz8WxbPgfww-IjUlMaX8ZxlWCS6lPgjp5CJvGAaSZVWs6kpYdN9hCUn4GAKTabvu67Jo1YBnduEi7ofrMK6J-CmRIQPHcy3/s1600/jslint.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0AosAo_cLnMpVBhVuMemrMgXS35bOLNSWRao1PxDDvxUwOz8WxbPgfww-IjUlMaX8ZxlWCS6lPgjp5CJvGAaSZVWs6kpYdN9hCUn4GAKTabvu67Jo1YBnduEi7ofrMK6J-CmRIQPHcy3/s1600/jslint.gif" height="62" width="200" /></a></div>
<div class="MsoNormal" style="text-align: justify;">
<a href="http://en.wikipedia.org/wiki/Douglas_Crockford">Douglas Crockford</a>,
programmeur de renom, investit dans le développement du JavaScript et dans la
popularisation du format de données JSON a décidé de nous aider à structurer et
solidifier nos bases JS, simple fidèle que nous sommes. Il créa donc <a href="http://en.wikipedia.org/wiki/JSLint">JSLint</a> afin que nous aussi, puissions coder comme la légende qu'il est.</div>
<div class="MsoNormal" style="text-align: justify;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<a href="http://www.jslint.com/lint.html">JSLint</a> est un outil de contrôle de
la qualité du code qui permet de s'assurer d'une uniformité et d'une
utilisation optimale du langage selon les bonnes pratiques. Il parcourt vos fichiers sources à la
recherche d'anomalies afin de vous exposer les problématiques. Il est possible
de configurer les points de vérifications afin d'adapter les règles de
validation à votre développement.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
JSLint peut s'insérer à votre
intégration continue afin d'inspecter votre solution avant son
déploiement. Selon les règles établit, la
compilation peut lever des avertissements ou carrément bloquer et arrêter la
livraison, pour vous permettre de prendre action.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Une extension est disponible pour
Visual Studio afin de l'intégrer à votre outil de développement préféré <a href="http://visualstudiogallery.msdn.microsoft.com/1a417c37-4d6f-43ca-b753-6ea6eb5041fd?SRC=VSIDE">JSLint.VS2012</a>. <o:p></o:p></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwTMUNTU1J3yKzWc4kdnSMSMH-xEdt8HVy4WNfrlkTd0tlEdjJq9vcwZfioB0fIZ7qBWEJ6vK-Trnz7ULSQ7vMc6sgxL9pBUhfOd2jnfdkTt83GgFPn9NxttMtZP3prJ7evdViDrwwELXf/s1600/JSLintVS2012_Edit.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwTMUNTU1J3yKzWc4kdnSMSMH-xEdt8HVy4WNfrlkTd0tlEdjJq9vcwZfioB0fIZ7qBWEJ6vK-Trnz7ULSQ7vMc6sgxL9pBUhfOd2jnfdkTt83GgFPn9NxttMtZP3prJ7evdViDrwwELXf/s1600/JSLintVS2012_Edit.png" height="252" width="320" /></a></div>
<div>
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
</div>
<div class="MsoNormal" style="text-align: justify;">
Pour les Java-iste, il existe un
plugiciel pour Eclipse, <a href="https://marketplace.eclipse.org/content/jslint-eclipse-plugin">JsLint
Eclipse</a>. Pour les autres, les éditeurs les plus populaires, une recherche
sur le Net vous permettra de trouvez ce que vous cherchez. Finalement, si vraiment vous être pris au
dépourvu, il y a toujours la solution en ligne pour les programmeurs de
brousse, qui permet de vérifier votre code par "copier-coller".<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
<b>Liens</b></h3>
<div>
<div style="border-bottom: solid #00000A 1.0pt; border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-element: para-border-div; padding: 0cm 0cm 0cm 0cm;">
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<a href="http://en.wikipedia.org/wiki/Douglas_Crockford">Douglas
Crockford</a><o:p></o:p></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://en.wikipedia.org/wiki/JSLint"><span lang="FR-CA">Wiki JSLint</span></a></span><o:p></o:p></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<a href="http://www.jslint.com/lint.html">Qu'est-ce que JSLint</a><o:p></o:p></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://www.jslint.com/lint.html"><span lang="FR-CA">JSLint</span></a></span><o:p></o:p></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<a href="http://visualstudiogallery.msdn.microsoft.com/1a417c37-4d6f-43ca-b753-6ea6eb5041fd?SRC=VSIDE">JSLint.VS2012</a><o:p></o:p></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="https://marketplace.eclipse.org/content/jslint-eclipse-plugin">JsLint
Exlipse</a></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-4559034322701710032014-06-05T15:17:00.000-04:002014-06-06T10:36:58.060-04:00CSS : Design By the Grid<span style="font-size: x-large;">Bootstrap</span><br />
<span style="text-align: justify;"><br /></span>
<span style="text-align: justify;">Développeurs ne nous
leurrons pas, n’est pas « designer » qui connaît le HTML. C’est pourquoi, plusieurs y ont réfléchi et
ont développé des librairies CSS afin de mettre en place des concepts de
présentation qui permettent de structurer la disposition des pages web.</span><br />
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<o:p></o:p></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
Un des concepts très
populaire, est l’utilisation d’un positionnement par « grille ». Ce type d’affichage existe depuis le début de
l’édition d’impression. Visuellement, la page est séparée par zone.
De là, on contrôle l’affichage de chacune de celles-ci par CSS. C’est très utile lors de l’utilisation de
menu, d’un affichage par colonne,
l’affichage de message etc.</div>
<br />
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
Les gens de Twitters
(<span lang="EN-CA"><a href="http://getbootstrap.com/"><span lang="FR-CA">Bootstrap</span></a></span>), ZURB (<span lang="EN-CA"><a href="http://foundation.zurb.com/"><span lang="FR-CA">Fondation</span></a></span>) et
même le gouvernement Canadien (<span lang="EN-CA"><a href="http://wet-boew.github.io/wet-boew/index-en.html"><span lang="FR-CA">WET-BEOW</span></a></span>) se sont penchés sur la question et ont
développé des plateformes CSS pour standardiser la présentation de leur
site. L’avantage n’est pas seulement
d’uniformiser l’affichage mais aussi de s’assurer du maintien de celle-ci selon
la dimension de l’écran de l’utilisateur, que ce soit sur un mobile ou sur un
écran d’ordinateur. Ainsi, on assure la
réactivité du site selon le médium utilisé pour accéder au site.<o:p></o:p></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2M8WGX68YNp-znZNjiTGhpN74b9S-WXU5bNjZGN8f_Yy0aw6fGDFzz2b5CSOPc_orLoSx2yvw-MRfevWXvrZwJQ_QRk6-31lcQo4zyvvebw8zJsn9ZJd5u_CYhIP4vjR62IpWwNmsP9XS/s1600/BootStrapLogo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2M8WGX68YNp-znZNjiTGhpN74b9S-WXU5bNjZGN8f_Yy0aw6fGDFzz2b5CSOPc_orLoSx2yvw-MRfevWXvrZwJQ_QRk6-31lcQo4zyvvebw8zJsn9ZJd5u_CYhIP4vjR62IpWwNmsP9XS/s1600/BootStrapLogo.png" height="82" width="320" /></a></div>
Dans le cas de <span lang="EN-CA"><a href="http://getbootstrap.com/"><span lang="FR-CA">Bootstrap</span></a></span> l’écran est séparé en douze colonnes. Les colonnes ont une largeur définie par la
résolution du moniteur, variant de 60 pixels ou moins pour une tablette ou 95px
pour un très large écran. Par la suite, il est possible de
« fusionner » des cellules pour avoir, exemple, une ligne qui utilise
4 colonnes, chacune totalisera la largeur de trois cellules et ce, simplement
en manipulant les classes CSS des éléments HTML.<o:p></o:p></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<b><span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: FR-CA; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">Exemple
Bootstrap :</span></b><br />
<b><span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: FR-CA; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"><br /></span></b></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVuJoXpBllZKcxnhcx82gNEnDJHJQ1rEOUQEVtUmZc3AHEHZVYI8Aud0yEmriuP11byVyPP3VaVPTMHMc8BqwQKe7IG1xC-tNKOuBpzIw8ZcM1KxWHQ3gGcoO_2zY10akbLen00Dp_chk/s1600/Bootstrap_grid.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Bootstrap" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMVuJoXpBllZKcxnhcx82gNEnDJHJQ1rEOUQEVtUmZc3AHEHZVYI8Aud0yEmriuP11byVyPP3VaVPTMHMc8BqwQKe7IG1xC-tNKOuBpzIw8ZcM1KxWHQ3gGcoO_2zY10akbLen00Dp_chk/s1600/Bootstrap_grid.png" height="174" title="Bootstrap" width="640" /></a></div>
<br />
Le
« GridSystem » est un élément majeur supporté par cette librairie
mais d’autres éléments ont été normalisé tel que, le texte, l’utilisation des
polices de caractères, la présentation des formulaires, les boutons, les images
etc. Ces outils sont de distribution libre et peuvent être incorporés à toutes
les solutions web, de Java à .Net ou simplement Javascript.</div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<o:p></o:p></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="DefaultStyle" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<h3>
<b>Liens</b></h3>
</div>
<div style="border-bottom: solid #00000A 1.0pt; border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-element: para-border-div; padding: 0cm 0cm 0cm 0cm;">
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://getbootstrap.com/">Bootstrap by Twitter</a><o:p></o:p></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://foundation.zurb.com/">Fondation</a><o:p></o:p></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://960.gs/">960 Grid System</a><o:p></o:p></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://www.designbygrid.com/"><span lang="FR-CA">DesignByGrid</span></a></span><o:p></o:p></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://wet-boew.github.io/wet-boew/index-en.html"><span lang="FR-CA">Web Experience Toolkit (WET)</span></a></span> chapeauté par le gouvernement Canadien.<o:p></o:p></div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-51116552188600066712014-05-01T15:17:00.002-04:002014-05-01T21:17:06.597-04:00Périphériques : Ayez du Beat avec une Pill<div style="text-align: justify;">
<span style="font-size: x-large;">PILL 2.0</span></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsK5cXI4jltsHq4HLiKaK1E5-demx3d7AvxaWzjW1iVa8X1bCHf9ShqyLZVB62lX1hwMA8TA-qRxplnZjzNAULHwLx1lh7_6Bo57wJ_WKfkEfyeDiE2975bwoJ_QHd5DtDj_HNtwg3YQOd/s1600/BeatsPill.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsK5cXI4jltsHq4HLiKaK1E5-demx3d7AvxaWzjW1iVa8X1bCHf9ShqyLZVB62lX1hwMA8TA-qRxplnZjzNAULHwLx1lh7_6Bo57wJ_WKfkEfyeDiE2975bwoJ_QHd5DtDj_HNtwg3YQOd/s1600/BeatsPill.jpg" height="180" width="320" /></a></div>
<span style="font-size: x-large;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
J'ai récemment acquis ou plutôt
reçu le mini-haut-parleur <a href="http://ca.beatsbydre.com/">Beats</a>. Le Pill 2.0.
C’est la deuxième fois qu’un emballage m’impressionne. La première était un produit Apple. Tout est pensé pour que l’expérience
utilisateur comme dès le moment où nous touchons à la boîte.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br />
Voici comment <a href="http://www.apple.com/">Apple</a> commente cet objet sur leur site:<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 35.4pt;">
<i>"Totalement portative, l’enceinte Pill
de Beats est si légère que vous pouvez l’emporter et l’installer n’importe où.
Sa taille réduite vous permet de la glisser dans tout sac que vous prenez avec
vous. Vous pourrez donc profiter d’un son de haute qualité où que vous
soyez."<o:p></o:p></i></div>
<div class="MsoNormal" style="text-align: justify;">
<b><br /></b></div>
<div class="MsoNormal" style="text-align: justify;">
<b>VRAI</b>, le son est excellent pour une caisse de cette taille, mon bémol va à sa résistance aux chocs où la grille se
cabosse facilement lors de manipulations, disons, malencontreuses.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 35.4pt;">
<i><br /></i></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 35.4pt;">
<i>"Deux enceintes valent mieux qu’une.
Synchronisez deux enceintes Pill en les faisant se toucher pour qu’elles
fassent la lecture de la même chanson. …
…Le nouveau son ambiophonique. Faites se toucher deux enceintes Pill à
deux reprises pour que l’une devienne la sortie de gauche et l’autre la sortie
de droite."<o:p></o:p></i></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Je n'ai pas essayé cette
fonctionnalité. Par contre, comme le
prix de ce petit bidule est assez élevé, si vous êtes rendu à vouloir investir
autant de sous, le nouveau « Beats
Pill XL » serait peut-être plus indiqué.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 35.4pt;">
<i><br /></i></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 35.4pt;">
<i>"Recharge d’appareils : servez-vous de
l’enceinte Pill pour recharger votre iPhone ou tout appareil USB externe"<o:p></o:p></i></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Un bonbon, mais c'est une belle
attention et une approche très intéressante.
Finalement, c'est une pile qui joue aussi de la musique, pourquoi pas!<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 35.4pt;">
<i><br /></i></div>
<div class="MsoNormal" style="text-align: justify; text-indent: 35.4pt;">
<i>"Jumelage rapide et facile à tout
appareil Bluetooth ou à une autre enceinte Pill"<o:p></o:p></i></div>
<div class="MsoNormal" style="text-align: justify;">
<b><br /></b></div>
<div class="MsoNormal" style="text-align: justify;">
<b>VRAI</b>, mon iPad 3, Nexus 7,
cellulaire MOTO G n'ont aucun problème à se jumeler. Dans le cas des appareils qui ne sont pas
équipés de NFC ou de Bluetooth, une entrée auxiliaire à laquelle on peut
brancher un fil est disponible.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
De plus si votre Pill est
synchronisé sur un téléphone, le micro intégré aux Beats vous permet de prendre
les appels en mode main libre.<o:p></o:p></div>
<br />
<div class="MsoNormal" style="text-align: justify;">
Quatre boutons sont accessibles
sur le Beat. Power, Volume+ Volume- et
le signe Beat lumineux placé au centre, le « B button ». Avec ce seul bouton "Beats" il est
possible de contrôler le flux musical.
Une simple pression fait une pause ou reprend alors qu'une double pression passe à la
suivante, une triple à la précédente et ainsi de suite (si suite il y a). Toujours avec le même bouton, on gère aussi
la prise d'appel téléphonique.<br />
<br />
Avec
toutes ces gymnastiques de cliques, il est possible que vous ayez plus souvent
le Pill dans vos mains qu'à distance, surtout si vous êtes un "pitonneux"
compulsif et que vous vous rappelez des séquences adéquatement. Le mieux est encore d’utiliser l’appareil
accouplé pour contrôler notre expérience d’écoute.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
<b>Liens</b></h3>
<div>
<div style="border-bottom: solid #00000A 1.0pt; border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-element: para-border-div; padding: 0cm 0cm 0cm 0cm;">
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://ca.beatsbydre.com/">Beats</a><o:p></o:p></span></div>
<div class="DefaultStyle" style="border: none; mso-border-bottom-alt: solid #00000A .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm;">
<span lang="EN-CA"><a href="http://www.apple.com/">Apple</a><o:p></o:p></span></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com1tag:blogger.com,1999:blog-2487938094788043219.post-49974700355933157292014-05-01T10:03:00.000-04:002014-09-02T10:07:10.077-04:00New Features in ASP.NET and Web Tools for Visual Studio 2013<iframe allowfullscreen="true" frameborder="0" height="569" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/1bIMKGjvpdXU9jjLca8Uqnw-yPq4UICGEXNMy-35hPLY/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="630"></iframe>Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com2tag:blogger.com,1999:blog-2487938094788043219.post-35680578674068828692013-12-30T12:06:00.000-05:002013-12-30T14:39:08.247-05:00CSS : Mise en forme avec Formalize CSS<span style="font-size: x-large;">Formalize CSS</span><br />
<br />
<div style="text-align: justify;">
Vous avez peut-être pris la résolution de vous mettre physiquement en forme en 2014. Je vous encourage à persévérer et faire de cette résolution un accomplissement. Vous pouvez le faire aussi pour vos formulaires Web, et pratiquement sans effort. Nous avons tous remarqué que l'affichage des champs des formulaires diffère selon les fureteurs. La présentation varie selon le système d'exploitation et/ou du navigateur utilisé. Vos maux seront bientôt qu'un souvenir, car quelqu'un c'est penché sur ce problème et a écrit une librairie pour résoudre ce casse-tête. Elle se nomme "Formalize".</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWVR8mWc-kv8VIW3Sf6gXHHE4k5fPP1_ujy5JTAudDJKmuWGOopWtb7-1nCF2kZbdqtcNqIi_LTtbgwQTZMqelJs6yT1HJJPyT-aABbxuzoG-y1FVF5HMH_2wCRSR14ocLNTI0J2Oosl6/s1600/chrome_examples.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWVR8mWc-kv8VIW3Sf6gXHHE4k5fPP1_ujy5JTAudDJKmuWGOopWtb7-1nCF2kZbdqtcNqIi_LTtbgwQTZMqelJs6yT1HJJPyT-aABbxuzoG-y1FVF5HMH_2wCRSR14ocLNTI0J2Oosl6/s1600/chrome_examples.png" /></a></div>
<div lang="fr-CA" style="margin-bottom: 0.35cm; text-align: center;">
<i>Illustration: <span lang="fr-CA">Extrait</span>
<span lang="fr-CA">du</span> site formalize.me. <span lang="fr-BE">Présentation
des</span> <span lang="fr-BE">fureteurs</span> sans formalizes.</i></div>
<div style="text-align: justify;">
Il est presque gênant que j'ai à écrire autant pour expliquer une extension qui s'intègre aussi simplement. Pour appliquer la librairie à nos pages il s'agit d'ajouter ces quelques lignes et le tour est joué.</div>
<div style="text-align: justify;">
<br /></div>
<table cellpadding="7" cellspacing="0" style="text-align: justify; width: 638px;">
<colgroup><col width="622"></col>
</colgroup><tbody>
<tr>
<td style="border: 1px solid #00000a; padding-bottom: 0cm; padding-left: 0.2cm; padding-right: 0.19cm; padding-top: 0cm;" valign="TOP" width="622"><div align="JUSTIFY" lang="fr-CA" style="margin-bottom: 0cm;">
<br /></div>
<div align="JUSTIFY" lang="fr-CA" style="margin-bottom: 0cm;">
<span style="color: #984806;"><span style="font-family: Consolas, serif;"><head></span></span></div>
<div align="JUSTIFY" lang="fr-CA" style="margin-bottom: 0cm;">
<span style="color: #984806;"><span style="font-family: Consolas, serif;"><link
rel="stylesheet" href="formalize.css" /></span></span></div>
<div align="JUSTIFY" lang="fr-CA" style="margin-bottom: 0cm;">
<span style="color: #984806;"><span style="font-family: Consolas, serif;"><script
src="jquery.js"></script></span></span></div>
<div align="JUSTIFY" lang="fr-CA" style="margin-bottom: 0cm;">
<span style="color: #984806;"><span style="font-family: Consolas, serif;"><script
src="jquery.formalize.js"></script></span></span></div>
<div align="JUSTIFY" lang="fr-CA" style="margin-bottom: 0cm;">
<span style="color: #984806;"><span style="font-family: Consolas, serif;"></head></span></span></div>
<div lang="fr-CA">
<br /></div>
</td>
</tr>
</tbody></table>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ainsi, vous aurez maintenant un rendu uniforme et une expérience utilisateur similaire peu importe la plate-forme utilisée par vos usagers.</div>
<h3 style="text-align: justify;">
<br />
<b>Liens</b></h3>
<br />
<div>
<div style="margin-bottom: 0.35cm;">
<a href="http://formalize.me/"><span lang="fr-CA">Formalize
CSS</span></a></div>
</div>
<div lang="fr-CA" style="margin-bottom: 0.35cm;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-80047356129666813432013-11-20T12:44:00.003-05:002013-11-22T16:25:53.221-05:00CSS : Faire plus avec LESS<span style="font-size: x-large;"><span lang="FR">LESS</span></span>
<br />
<div style="text-align: justify;">
<br />
<div style="text-align: justify;">
Le concept de préprocesseur est à la mode. Nous n'avons qu'à penser à TypeScript et CoffeeScript pour le Javascript. Haml pour le HTML et son équivalent pour le CSS, nommé SASS. LESS en est un pour le CSS, inspiré de SASS. Contrairement à celui-ci, LESS est de source et syntaxe Javascript plutôt que Ruby. Chaque ligne de code est interprétée et transformée en CSS régulier.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrJOyxBzxdaSJ30bq0AQJuOtEyx16u9SRVTQ1GcwFN874LlWt-J32yXUycfwdnrL-pEiIly1cQObCNg7Ma3_WXcgfL6x3WJYUT6uL0Cw8oHmg8BdO3DlKqykx2E3wBMsjglzpMCm3ZmSRj/s1600/LessCSS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrJOyxBzxdaSJ30bq0AQJuOtEyx16u9SRVTQ1GcwFN874LlWt-J32yXUycfwdnrL-pEiIly1cQObCNg7Ma3_WXcgfL6x3WJYUT6uL0Cw8oHmg8BdO3DlKqykx2E3wBMsjglzpMCm3ZmSRj/s1600/LessCSS.png" height="212" width="400" /></a></div>
<br />
<div style="text-align: justify;">
Plutôt que d'écrire des CSS statiques, LESS étend les fonctionnalités du CSS, en lui ajoutant des notions dynamiques, ce qui allège la code source et simplifier la compréhension. Il peut être roulé sur le serveur, un préprocesseur logiciel doit être installé, ou directement sur le poste client. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Afin de développer des feuilles de style efficacement, LESS ajoute de la structure et des notions de programmations ce qui accélère la réalisation et la maintenance du rendu visuel des applications. On peu ainsi, créer des variables, des fonctions et utiliser des références à des fonctions existantes de la plateforme.</div>
<br />
<div style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span lang="FR">Un exemple d'utilisation de
variables : </span></div>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: none;">
<tbody>
<tr>
<td valign="top" width="638">Avant lors de l’édition
</td>
</tr>
<tr style="mso-yfti-irow: 1; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 478.8pt;" valign="top" width="638"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #403152; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;">@color</span><span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">: #4D926F;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">#header {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;"><span style="mso-spacerun: yes;">
</span>color: </span><span style="color: #403152; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;">@color</span><span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span lang="FR-CA" style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span lang="FR-CA" style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">h2 {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span lang="FR-CA" style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;"><span style="mso-spacerun: yes;"> </span>color: </span><span lang="FR-CA" style="color: #403152; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;">@color</span><span lang="FR-CA" style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span lang="FR-CA" style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 478.8pt;" valign="top" width="638"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
Après, lorsque compilé</div>
</td>
</tr>
<tr style="mso-yfti-irow: 1; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 478.8pt;" valign="top" width="638"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">#header {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;"><span style="mso-spacerun: yes;">
</span>color: </span><span style="color: #403152; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;">#4D926F</span><span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">}</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">h2 {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;"><span style="mso-spacerun: yes;">
</span>color: </span><span style="color: #403152; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;">#4D926F</span><span style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">;</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span lang="FR-CA" style="color: #984806; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent6; mso-themeshade: 128;">}</span><span lang="FR-CA" style="color: #403152; font-family: Consolas; font-size: 10.0pt; mso-ansi-language: FR-CA; mso-bidi-font-family: Consolas; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="FR" style="mso-ansi-language: FR;">Des extensions
pour LESS sont disponibles pour la majorité des éditeurs populaires afin
faciliter sont utilisations.<span style="mso-spacerun: yes;"> </span>Pour vous
amuser, il y a un éditeur en ligne disponible : </span><a href="http://less2css.org/"><span lang="FR" style="mso-ansi-language: FR;">http://less2css.org/</span></a><span lang="FR" style="mso-ansi-language: FR;"></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="FR" style="mso-ansi-language: FR;"></span><a href="http://blog.mla3.net/"><span lang="FR" style="mso-ansi-language: FR;"></span></a><span lang="FR" style="mso-ansi-language: FR;"></span></div>
<div style="border-bottom: solid black 1.0pt; border: none; mso-border-bottom-alt: solid black .75pt; mso-element: para-border-div; padding: 0cm 0cm 0cm 0cm;">
<div class="MsoNormal" style="border: none; mso-border-bottom-alt: solid black .75pt; mso-padding-alt: 0cm 0cm 0cm 0cm; padding: 0cm; text-align: justify;">
</div>
</div>
<div class="MsoNormal" style="text-align: justify;">
<h3>
<b style="mso-bidi-font-weight: normal;">Liens</b></h3>
</div>
<div class="MsoNormal" style="text-align: justify;">
</div>
<div class="MsoNormal">
<a href="http://lesscss.org/">The dynamic stylesheet
language</a></div>
<div class="MsoNormal">
<a href="http://css-tricks.com/sass-vs-less/">Sass vs Less</a></div>
<div class="MsoNormal">
<a href="http://blog.mla3.net/2012/10/javascript-typescript-la-version.html">TypeScript</a></div>
<div class="MsoNormal">
<a href="http://coffeescript.org/">Coffescript</a></div>
<div class="MsoNormal">
<a href="http://www.hanselman.com/blog/CoffeeScriptSassAndLESSSupportForVisualStudioAndASPNETWithTheMindscapeWebWorkbench.aspx">CoffeeScript,
Sass and LESS</a></div>
<div style="border-bottom: solid windowtext 1.0pt; border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-element: para-border-div; padding: 0cm 0cm 1.0pt 0cm;">
<div class="MsoNormal" style="border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-padding-alt: 0cm 0cm 1.0pt 0cm; padding: 0cm;">
<br /></div>
</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-10474813674688447662013-10-28T23:11:00.000-04:002013-11-18T09:46:26.862-05:00ZenCoding : Accélérer votre développement<span style="font-size: x-large; text-align: justify;">ZenCoding</span><br />
<span style="text-align: justify;"><br /></span>
<span style="text-align: justify;"><span style="font-family: inherit;">Le Zen Coding (maintenant appelé Emmet) est un ensemble d'extensions pour les éditeurs de texte HTML qui permet d'accélérer la saisie de la syntaxe de programmation. Plusieurs outils supportent cette méthode d'entrée, tel que Visual Studio, Eclipse et Sublime text. C'est comme si "l'intelli-sence" avait eu une "date" avec les expressions régulières.</span></span><br />
<span style="text-align: justify;"><span style="font-family: inherit;"><br /></span></span>
<span style="text-align: justify;"><span style="font-family: inherit;">Par exemple, avec l'ajout du module "Web Essentials" dans Visual Studio, il est possible d'avoir un échantillon de texte simplement en tapant "Lorem" suivi de la touche de tabulation, suite à cette action trente mots apparaîtront pour remplir l'espace.</span></span><br />
<span style="text-align: justify;"><span style="font-family: inherit;"><br /></span></span>
<span style="text-align: justify;"><span style="font-family: inherit;">Par contre, si je désire un texte un peu plus court. Je peux taper "Lorem10", et dix mots s'afficheront. Avec une simple liste de commandes je peux générer des structures HTML et CSS très rapidement.</span></span><br />
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Par exemple, je peux créer un élément "div" avec comme titre "MLA3" et un identifiant "01"</span></div>
<br />
Commande: <span style="color: #0b5394;">div[Title="MLA3"][id="01"]</span> + TAB<br />
<br />
Résultat : <span style="color: #7f6000;"><div title="MLA3" id="01"></div></span><br />
<br />
Avec une expression un peu plus complexe telle que : <br />
<br />
<span style="color: #0b5394;">ul>li*5>lorem3</span><br />
<br />
J'obtiens un bloc complet d'une énumération en HTML.<br />
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr>
<td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 431.5pt;" valign="top" width="575"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #806000; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"><ul><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #806000; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"> <li>Lorem ipsum
dolor.</li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #806000; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"> <li>Sit amet,
consectetur.</li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #806000; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"> <li>Adipiscing elit
fusce.</li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #806000; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"> <li>Vel sapien
elit.</li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #806000; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"> <li>In malesuada
semper.</li><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #806000; font-family: Consolas; font-size: 10.0pt; mso-bidi-font-size: 11.0pt; mso-themecolor: accent4; mso-themeshade: 128;"></ul><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
N'est-ce pas "Wonderful"? Il vaut la peine de maitriser cette syntaxe
puisqu'elle est pratiquement identique d'un logiciel à l'autre, pour ceux qui
la supportent. Elle nous fait sauver un temps précieux à écrire, mais aussi à
chercher et corriger les erreurs de syntaxe HTML/CSS que nous aurions pu faire
si nous l'avions tapé du <début> à la </fin>! De plus, vous aurez
l'air d'un disciple de Bruce Lee, au sommet de son art!</div>
<br />
En voici une dernière juste pour vous pratiquez!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMHDmLIhpWo3sp7LRZfnhF8vZ2U8fvWC7917K4vCz_X7lLpjF3aHMWfPZzdjCo7CflogmQVVCFX1ww3MHI8G_miYIFHALAbEYyk5K97N9CObnFz0s93ahImLTKBVO3LjaxHkheMlOdlAm/s1600/ZenCoding.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMHDmLIhpWo3sp7LRZfnhF8vZ2U8fvWC7917K4vCz_X7lLpjF3aHMWfPZzdjCo7CflogmQVVCFX1ww3MHI8G_miYIFHALAbEYyk5K97N9CObnFz0s93ahImLTKBVO3LjaxHkheMlOdlAm/s1600/ZenCoding.png" /></a></div>
<br />
<h3>
Liens<span id="goog_1987657927"></span><span id="goog_1987657928"></span></h3>
<div>
<div class="MsoNormal" style="text-align: justify;">
<a href="http://emmet.io/%20Un%20plug-In%20pour%20plusieurs%20%C3%A9diteurs">Emmet</a><o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<a href="http://en.wikipedia.org/wiki/Zen_Coding">Wiki</a><o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<a href="http://www.johnpapa.net/zen-coding-in-visual-studio-2012/">Zen Coding
VS2012</a><o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<a href="http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6">Web
Essentiel 2012</a><o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<a href="https://code.google.com/p/zen-coding/"><span lang="EN-CA">Projet Google</span></a><span lang="EN-CA"><o:p></o:p></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com1tag:blogger.com,1999:blog-2487938094788043219.post-53201781100598854602013-09-20T14:33:00.001-04:002013-09-30T08:32:11.064-04:00SignalR : Le Web en temps réel<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: x-large;">SignalR</span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
En ASP.NET, si on veut une mise à jour de la page on doit rafraichir l'affichage, pour voir les nouvelles données. Évidemment, nous pouvons par "gymnastique" dynamiser le rendu pour produire un affichage en temps réel.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilg7Z9E23k8E7D-3wlBAP-IUrAOtJhL2PQ-rOiHJQ5JllP5VKZe-HNlX6i5RsqBC3ExqNmj70XCnv0F1Y7qNtnbUiuthJaW3qBEm0DJXmslXf5CpxdHdW7JZ9TgrnmetIbAfoJsQZM6CSQ/s1600/SignalR-Sample-Cha-+Application1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilg7Z9E23k8E7D-3wlBAP-IUrAOtJhL2PQ-rOiHJQ5JllP5VKZe-HNlX6i5RsqBC3ExqNmj70XCnv0F1Y7qNtnbUiuthJaW3qBEm0DJXmslXf5CpxdHdW7JZ9TgrnmetIbAfoJsQZM6CSQ/s1600/SignalR-Sample-Cha-+Application1.jpg" height="260" width="400" /></a></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
SignalR est un API librement distribué, qui persiste la connexion entre le client et le serveur. Avec cette librairie, le serveur est en mesure d'appeler des fonctions Javascript dans le fureteur du client (Remote procedure calls-RPC) de façon asynchrone. Ceci diffère du fonctionnement habituel du protocole HTTP classique qui est basé sur un modèle de "requête-réponse" où le serveur doit attendre que le client demande l'information pour lui envoyer.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
SignalR permet de créer des applications de "chat", l'affichage de résultat sportif en temps réel, des jeux, l'affichage de données en continu. Il est en mesure d'utiliser plusieurs types de protocoles de transport et d'utiliser le plus efficace, selon le fureteur du client. Sa préférence est de communiquer par HTML5 mais si ce n'est pas possible il tentera d'utiliser d'autre processus moins efficace mais adapté au fureteur.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Voici un exemple de "Chat" en quelque ligne seulement :</div>
<div style="text-align: justify;">
<br /></div>
<div>
Fichier HTML Client:<br /><table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr>
<td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 431.5pt;" valign="top" width="575">
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">var chat = $.connection.chat;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">chat.name = prompt("What's
your name?", "");<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">chat.receive = function(name,
message)<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">{<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;"> $("#messages").append(name +
": " + message);<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">$("#send-button").click(function()<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Consolas; font-size: 9.0pt; mso-bidi-font-size: 11.0pt;">{<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Consolas; font-size: 9.0pt; mso-bidi-font-size: 11.0pt;">
chat.distribute($("#text-input").val());<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Consolas; font-size: 9.0pt; mso-bidi-font-size: 11.0pt;">});<o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
Fichier Serveur:<br /><div class="MsoNormal" style="text-align: justify;">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr>
<td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 431.5pt;" valign="top" width="575">
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">public class Chat : Hub <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;">{<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;"> public void Distribute(string message) <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;"> Clients.receive(Caller.name,
message);<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span lang="EN-CA" style="font-family: Consolas; font-size: 9.0pt; mso-ansi-language: EN-CA; mso-bidi-font-size: 11.0pt;"> </span><span style="font-family: Consolas; font-size: 9.0pt; mso-bidi-font-size: 11.0pt;">}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Consolas; font-size: 9.0pt; mso-bidi-font-size: 11.0pt;">}<o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
<br /><br /><div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLQOuRFJ4czmi2thHOxOPVcwX-QBJ_vW_QgtiUW0xzaZR7oud60E2JXlgwDVYs4YW53p6_aOXKFcJaI9rbDiCWFs54puraqvVFnZW3lHRG9vNPmzJr2Tm58xpD8aRSu1daYD-9jHS97J9/s1600/SignalR_VS2012.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLQOuRFJ4czmi2thHOxOPVcwX-QBJ_vW_QgtiUW0xzaZR7oud60E2JXlgwDVYs4YW53p6_aOXKFcJaI9rbDiCWFs54puraqvVFnZW3lHRG9vNPmzJr2Tm58xpD8aRSu1daYD-9jHS97J9/s1600/SignalR_VS2012.png" height="85" width="320" /></a>Microsoft a incorporé SignalR dans Visual Studio 2012 et la plateforme .Net 4.0+. Voilà une solution alternative à Node.JS intéressante.</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<h3 style="text-align: start;">
<br /></h3>
<h3 style="text-align: start;">
Liens</h3>
<div>
<div style="border-bottom: solid windowtext 1.0pt; border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-element: para-border-div; padding: 0cm 0cm 1.0pt 0cm;">
<div class="MsoNormal" style="border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-padding-alt: 0cm 0cm 1.0pt 0cm; padding: 0cm;">
<a href="http://signalr.net/"><span lang="EN-CA">SignalR</span></a><span lang="EN-CA"><o:p></o:p></span></div>
<div class="MsoNormal" style="border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-padding-alt: 0cm 0cm 1.0pt 0cm; padding: 0cm;">
<a href="http://www.codeproject.com/Tips/590660/Introduction-to-SignalR"><span lang="EN-CA">Introduction to SignalR</span></a><span lang="EN-CA"><o:p></o:p></span></div>
<div class="MsoNormal" style="border: none; mso-border-bottom-alt: solid windowtext .75pt; mso-padding-alt: 0cm 0cm 1.0pt 0cm; padding: 0cm;">
<a href="http://www.asp.net/signalr"><span lang="EN-CA">Getting Started with ASP.NET SignalR</span></a><span lang="EN-CA"><o:p></o:p></span></div>
<div class="MsoNormal" style="border: none; margin-bottom: .0001pt; margin-bottom: 0cm; mso-border-bottom-alt: solid windowtext .75pt; mso-padding-alt: 0cm 0cm 1.0pt 0cm; padding: 0cm;">
<a href="http://www.hanselman.com/blog/AsynchronousScalableWebApplicationsWithRealtimePersistentLongrunningConnectionsWithSignalR.aspx"><span lang="EN-CA">Scott Hanselman : SignalR</span></a><span lang="EN-CA"><o:p></o:p></span></div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-7647015451591772742013-07-23T07:15:00.001-04:002013-07-28T08:14:46.290-04:00Choisir un moniteur TN ou IPS<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: x-large;">Moniteurs : TN ou IPS</span></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Pourquoi le prix de certains
moniteurs de même dimension peut varier de plusieurs centaines de dollars? Évidemment on parle de qualité des
composantes, de son « look », des options disponibles. Par-dessus tout, la qualité d’un moniteur
provient de sa dalle d’affichage.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Il existe plusieurs grandes
familles de dalles : Plasma, LCD, OLED. Dans le cas des moniteurs d’ordinateurs
le plasma ne peut pas être considéré puisqu'il n’est pas disponible sous une
diagonale de « 35’’» pouces et moins.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Dans le cas présent, je ne
parlerai pas des écrans OLED (organic light-emitting diode) qui deviendront sans
aucun doute la référence, mais pour l’instant, trop onéreuse. Plusieurs grands manufacturiers ont annoncé
des modèles OLED pour le marché des consommateurs dans les mois à venir.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Ce qui nous laisse les moniteurs
LCD, surement comme celui avec lequel vous lisez ceci.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Deux grandes sous-catégories et
leurs hybrides se sont popularisés. Soit
les « Twisted nematic (TN) » qui sont les écrans LCD classique ou les « In-plane
switching (IPS) », utilisés dans les produits Apple, par exemple. Chacune peut
être rétroéclairée par des « néons » ou des « LEDs ». </div>
<div class="MsoNormal" style="text-align: justify;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<b><span style="font-family: inherit;">IPS vs LCD TN:<o:p></o:p></span></b></div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; margin-left: 18.0pt; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr>
<td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.8pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Caractéristique<o:p></o:p></span></div>
</td>
<td style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">LCD TN<o:p></o:p></span></div>
</td>
<td style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA"><span style="font-family: inherit;">IPS
(e-IPS, s-IPS…)<o:p></o:p></span></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.8pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Angle de visionnement<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Moyenne<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Très grande<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.8pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Qualité d’image<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Moyenne / Bonne<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Très bonne<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.8pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Justesse des couleurs<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">6bit<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">8bit<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.8pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Taux de réponse<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">2ms<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">5ms<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.8pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Prix<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Abordable<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 143.85pt;" valign="top" width="192">
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: inherit;">Dispendieux<o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="text-align: justify;">
</div>
<div class="MsoNormal" style="margin-left: 18.0pt; text-align: justify;">
<span style="font-family: inherit;">*Ces
caractéristiques peuvent varier d’un constructeur à l’autre.</span><o:p></o:p></div>
<div class="MsoNormal" style="margin-left: 18.0pt; text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAMr03irZ1668qtifHfLPKjvhjYdwyySRhqja95FWuYMSu4wbHrBXtWktCTwxHKat5WbjFYe7HJP3KP9-vpqc_7vyKzsIjo7G_6lyGuS0evKR6K-5NqSV7jyOmtl7EiowvUh8Gv2M1Sv98/s1600/ips_comparisons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAMr03irZ1668qtifHfLPKjvhjYdwyySRhqja95FWuYMSu4wbHrBXtWktCTwxHKat5WbjFYe7HJP3KP9-vpqc_7vyKzsIjo7G_6lyGuS0evKR6K-5NqSV7jyOmtl7EiowvUh8Gv2M1Sv98/s1600/ips_comparisons.jpg" height="200" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Les constructeurs ont développé
des sous-types de dalles IPS afin de diminuer les coûts de production. Il est possible de trouver un écran
« e-IPS » pour environ 300$. À noter que si vous comparez des moniteurs, assurez-vous de le faire sous
la même résolution.</div>
<ul style="text-align: justify; text-indent: -24px;">
<li><span style="font-size: x-small;"><span style="font-family: Symbol; text-indent: -18pt;"><span style="font-family: 'Times New Roman';"> </span></span><span style="text-indent: -18pt;">HD : Connu aussi sous 720p, résolution de 1280x720 pixels</span></span></li>
<li><span style="font-size: x-small;"><span style="font-family: Symbol; text-indent: -18pt;"><span style="font-family: 'Times New Roman';"> </span></span><span style="text-indent: -18pt;">Full HD (FHD): 1080p, résolution de 1920x1080 pixels</span></span></li>
<li><span style="font-size: x-small;"><span style="font-family: Symbol; text-indent: -18pt;"><span style="font-family: 'Times New Roman';"> </span></span><span style="text-indent: -18pt;">Ultra HD (UHD): 4k, résolution de 3840x2160, 4 fois le nombre de pixels de la FHD.</span></span></li>
</ul>
<div class="MsoNormal" style="text-align: justify;">
Ce sont les trois résolutions les
plus connues, car elles sont aussi utilisées par les téléviseurs, mais les
moniteurs d’ordinateurs ont un plus grand éventail de sélection.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal" style="text-align: justify;">
Les joueurs préféreront un écran "TN"
car ils ont un taux de rafraîchissement élevé. Alors que les concepteurs
graphiques et/ou développeurs préféreront un moniteur IPS, dû aux couleurs plus
précises et aux meilleurs angles de visionnement.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<h3>
Liens</h3>
<a href="http://www.tftcentral.co.uk/articles/content/panel_technologies_content.htm"><b>TN, PS Explained</b></a> <b>(Très détaillés)</b><br /><a href="http://www.codinghorror.com/blog/2007/11/not-all-lcd-panels-are-created-equal.html">Not All LCD Panels Are Created Equal</a><br /><a href="http://en.wikipedia.org/wiki/Liquid-crystal_display">LCD</a><br /><a href="http://en.wikipedia.org/wiki/TFT_LCD">TFT LCD</a><br /><a href="http://en.wikipedia.org/wiki/IPS_panel">IPS</a><br /><a href="http://en.wikipedia.org/wiki/Graphics_display_resolution">Résolution</a><br />Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-66569321076394515362013-06-21T09:02:00.001-04:002013-06-25T22:07:20.566-04:00Ruby on Rails<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOIaJVAPxLi2JBCFhqkz8WrF4iw3ZQr2iRU-PhhUjphmEiLEEJEJTLPZdJi15xqEL8ghJsyTKv4MJyTj06QyG6IFnl5P8IRnJDT4ba3WCqz1z7nISxc7mlXsu9FqRYjNJNBHdbbuysNyH/s1600/overview.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOIaJVAPxLi2JBCFhqkz8WrF4iw3ZQr2iRU-PhhUjphmEiLEEJEJTLPZdJi15xqEL8ghJsyTKv4MJyTj06QyG6IFnl5P8IRnJDT4ba3WCqz1z7nISxc7mlXsu9FqRYjNJNBHdbbuysNyH/s1600/overview.gif" height="72" width="400" /></a></div>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
Ruby on Rails est un "framework open-source" de
développement web pour le langage de programmation Ruby. Son succès est dû à son adoption par de grandes
entreprises qui ont su bénéficier de la rapidité de développement et du gain de
productivité de cette plate-forme pour se démarquer. Des entreprises comme Amazon, Cisco, IBM,
Groupon, Yahoo! ont contribué à la popularité de cet environnement de développement.<o:p></o:p></div>
<div class="MsoSubtitle" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
<h2>
<span style="font-size: large;">Histoire</span></h2>
<div class="MsoSubtitle" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<o:p></o:p></div>
<br />
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
Ruby en soi est âgé de plus de 10 ans.
Rails fut créé en 2003 par David Heinemeier Hansson. En 2004, la plateforme fut extraite du site
web <a href="http://basecamp.com/">Basecamp</a>, un site de gestion de projets
produit par 37signals. Cette même
entreprise est aussi reconnue pour <a href="http://campfirenow.com/">Campfire</a>,
un outil de collaboration/chat en ligne pour professionnels. Apple en 2007 distribua officiellement Ruby
on Rails avec leur système d'opération Mac OS X. Cette contribution de la pomme, propulsa Ruby
dans le palmarès des langages les plus utilisés. "Ruby on Rails" est
sous l'influence de plusieurs "Design Pattern" dont le très répandu
MVC (Model-View-Controller).<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNX6REp7Xn1aipmkqzENfiNxfWI0aaF9Rje5CXbUBD51rbKvshv3GwpGPi-Wtosox9QcuxJ5kJWkIuF5i0ODfhlVTHr1vi051GMN5Yw0i0RqsPB8Im8oHiaiPTRDpxqkth5zPO-cyi7HG/s1600/mvc_schematic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNX6REp7Xn1aipmkqzENfiNxfWI0aaF9Rje5CXbUBD51rbKvshv3GwpGPi-Wtosox9QcuxJ5kJWkIuF5i0ODfhlVTHr1vi051GMN5Yw0i0RqsPB8Im8oHiaiPTRDpxqkth5zPO-cyi7HG/s1600/mvc_schematic.png" height="320" width="236" /></a></div>
<div align="center" class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span class="MsoSubtleReference"><span style="font-size: 9.0pt; line-height: 107%;">(Schéma type d’une plateforme mvc)<o:p></o:p></span></span></div>
<div align="center" class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span class="MsoSubtleReference"><span style="font-size: 9.0pt; line-height: 107%;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
Ruby est un langage Objet. Les fichiers ont comme extension des
".rb" (model, controller) ou ".erb" (view)<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Exemple typique d'une classe
contrôleur: <o:p></o:p></div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="background: #D9D9D9; border-collapse: collapse; border: none; mso-background-themecolor: background1; mso-background-themeshade: 217; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr>
<td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 431.5pt;" valign="top" width="575">
<div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;">class
UsersController < ApplicationController<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> def index<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> ...<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> end<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> ...<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;">end<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpLast" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
Un exemple d'une vue: <o:p></o:p></div>
<table align="left" border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="background: #D9D9D9; border-collapse: collapse; border: none; margin-left: 4.8pt; margin-right: 4.8pt; mso-background-themecolor: background1; mso-background-themeshade: 217; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-table-anchor-horizontal: margin; mso-table-anchor-vertical: paragraph; mso-table-left: left; mso-table-lspace: 7.05pt; mso-table-rspace: 7.05pt; mso-table-top: 12.8pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr>
<td style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 431.5pt;" valign="top" width="575">
<div class="MsoListParagraphCxSpFirst" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"><table><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"><% @users.each do |user| %><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> <tr><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> <td><%= user.name
%></td><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> <td><%= user.email
%></td><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> <td><%= link_to
'Show', user %></td><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> <td><%= link_to
'Edit', edit_user_path(user) %></td><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span lang="EN-CA" style="font-size: 9.0pt; mso-ansi-language: EN-CA;"> <td><%= link_to
'Destroy', user, method: :delete, data: { confirm: 'Are you sure?' </span><span style="font-size: 9.0pt;">} %></td><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 9.0pt;"> </tr><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 9.0pt;"><% end %><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpLast" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 9.0pt;"></table><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Lors de l'appel la vue sera
convertie en HTML qui sera ensuite
retourné au fureteur par le contrôleur. Un cas classique de MVC.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal" style="text-align: justify;">
Bien que relancé par Apple, ce
langage mature connait une nouvelle popularité aussi sur PC.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<h3>
<span style="font-weight: normal;">Liens</span></h3>
<div>
<span style="font-weight: normal;"><div class="MsoNormal" style="margin-bottom: 6.0pt; text-align: justify;">
<a href="http://general.developpez.com/langages/">Les meilleurs Langages de
programation</a><o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; text-align: justify;">
<a href="http://rubyonrails.org/">Site Officiel</a><o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; text-align: justify;">
<a href="http://ruby.railstutorial.org/ruby-on-rails-tutorial-book">Ruby on Rails
Tutorial</a> (excellent!!!)<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; text-align: justify;">
<a href="http://www.codecademy.com/tracks/ruby">Codecademy</a> (aussi excellent
pour plein d'autre langage!)<o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; text-align: justify;">
<a href="http://basecamp.com/"><span lang="EN-CA">Basecamp</span></a><span lang="EN-CA"> / </span><a href="http://campfirenow.com/"><span lang="EN-CA">Campfire</span></a><span lang="EN-CA"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; text-align: justify;">
<a href="http://en.wikipedia.org/wiki/Ruby_%28programming_language%29"><span lang="EN-CA">Wikipedia</span></a><span lang="EN-CA"><o:p></o:p></span></div>
</span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-42785114148720735912013-04-30T05:00:00.000-04:002013-05-09T10:58:31.614-04:00IFTTT : Automatiser le Net<span style="font-size: x-large;">IFFT</span><br />
<br />
<div style="text-align: justify;">
Souvent sur le Net, je me retrouve à me créer des routines « manuels » pour exécuter des tâches afin de maintenir une certaine intégrité entre mes sites préférés. J’ai récemment trouvé un site qui tisse les liens manquants entre les applications qui à l’origine n’ont pas nécessairement de lien. IFTTT, « If This Then That », se prononce comme « gift » sans le « g », comble ce besoin. Non seulement, il lie les sites, mais il peut aussi faire le pont entre vos appareils, envoyer des SMS, synchroniser de fichiers etc. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sous la définition de « recette » le site crée des évènements qui en fonction d’une action sur un site en déclenchent un autre sur un ou plusieurs autres sites. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRiSWnfTJmsmsvFzQ-YodsQeAC2Uyyyggihg-3cELUV_a5DgLcrQVi42iXRuHEMbSJe9BAZXZkVm3I-gfv-NxS-yDHuhEbH8JxL3Ed1HQ8Y1sd452JE8EAhMWKyBoZ1EVjZrPJ2TXA6Mnk/s1600/EditRecipe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRiSWnfTJmsmsvFzQ-YodsQeAC2Uyyyggihg-3cELUV_a5DgLcrQVi42iXRuHEMbSJe9BAZXZkVm3I-gfv-NxS-yDHuhEbH8JxL3Ed1HQ8Y1sd452JE8EAhMWKyBoZ1EVjZrPJ2TXA6Mnk/s1600/EditRecipe.jpg" height="320" width="231" /></a></div>
<br />
<div style="text-align: justify;">
Des exemples de recettes :</div>
<ul>
<li style="text-align: justify;">«Lorsque je suis marqué sur <a href="https://www.facebook.com/">Facebook</a>, sauvegarde la photo dans mon <a href="https://www.dropbox.com/">Dropbox</a>»</li>
<li style="text-align: justify;">«Quand je mets à jour ma photo de profile <a href="https://www.facebook.com/">Facebook</a>, met à jour ma photo de profile <a href="https://www.twitter.com/">Twitter</a>» </li>
<li style="text-align: justify;">«J’aimerais recevoir un SMS chaque matin m’indiquant la météo de la journée» </li>
<li style="text-align: justify;">«Si les conditions météo actuelles changent pour de la pluie, envoyez-moi un courriel sur-le-champ». Ainsi je peux préparer mon parapluie.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiniFKVntmcvcJExoR5sZlYKlNCottdw3hfbPB59CYzwmPhLEC1_2gmrjo5GEXjJJbBoFT7YZvlKN_XJhW7gNu8MYI4wYKxk-UttSDePrgfhyphenhyphenQEbv4V00kNXH-L6GuPnukqDH0n3xDkbNtD/s1600/ExampleRecipes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiniFKVntmcvcJExoR5sZlYKlNCottdw3hfbPB59CYzwmPhLEC1_2gmrjo5GEXjJJbBoFT7YZvlKN_XJhW7gNu8MYI4wYKxk-UttSDePrgfhyphenhyphenQEbv4V00kNXH-L6GuPnukqDH0n3xDkbNtD/s1600/ExampleRecipes.jpg" height="320" width="203" /></a></div>
<div>
<br /></div>
<div style="text-align: justify;">
Ce n’est là qu’une infime partie de tous ce que l’on peut faire. On peut créer et partager une nouvelle règle à partir d’un gabarit de recettes ou simplement utiliser une recette existante.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8I37z-wM8-DARTP8EolGSY9fbDt_LCR-BTisnllweWPaHVa19k6_im9MMPDKueIuPk8QK9O9TMn8_lsqTqx0wagh5-WhKKDYKXQBguxZFnCt6dcXoCLywrjpQ_BjEOuJUwYloexDSNMT/s1600/ProduitSupport.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8I37z-wM8-DARTP8EolGSY9fbDt_LCR-BTisnllweWPaHVa19k6_im9MMPDKueIuPk8QK9O9TMn8_lsqTqx0wagh5-WhKKDYKXQBguxZFnCt6dcXoCLywrjpQ_BjEOuJUwYloexDSNMT/s1600/ProduitSupport.jpg" height="320" width="197" /></a></div>
<br />
<div style="text-align: justify;">
<span id="goog_242543086"></span><span id="goog_242543087"></span>Plus de 59 applications, appelés « channels », ce qui donne un nombre quasi-illimité de possibilités. </div>
<br />
<h3>
<span style="font-weight: normal;">Liens</span></h3>
<a href="https://ifttt.com/">IFTTT</a><br />
<span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: FR-CA; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US;"><a href="http://en.wikipedia.org/wiki/IFTTT" target="_blank">Wiki IFTTT</a></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;}
</style>
<![endif]-->Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com2tag:blogger.com,1999:blog-2487938094788043219.post-24137607212150272992013-03-29T08:55:00.000-04:002013-04-02T09:09:21.463-04:00Firefox: Développer une extension (Add-On)<div style="text-align: justify;">
<b><span style="font-size: x-large;">Firefox Add-On</span></b></div>
<div style="text-align: justify;">
Mon fureteur de prédilection est Firefox. Une des fonctionnalités que j'aime bien est la possibilité d'épingler un onglet. Les onglets épinglés vous permettent de toujours garder vos applications Web préférées comme Facebook, Gmail et Twitter ouvert. Ils sont petits, ne peuvent pas être fermés accidentellement et s'ouvrent automatiquement lorsque vous démarrez Firefox. Une notification visuelle nous indique qu'il y a du nouveau lorsque le site visité est modifié. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Par contre, j'ai beau avoir cherché, on ne peut pas avoir de notifications sonores et je n'ai pas trouvé d'extension qui me permettait d'ajouter cette fonctionnalité. J'ai mis l'épaule à la roue et entrepris de développer une extension pour pallier ce manque.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Je me suis enregistré sur le « <a href="https://addons.mozilla.org/en-US/developers/" target="_blank">Developer Hub</a> » de Mozilla et suite à mes lectures, j'ai opté pour la solution de développement en ligne proposé par Firefox.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Voici où tout a débuté<a href="https://addons.mozilla.org/en-US/developers/builder" target="_blank"> : https://addons.mozilla.org/en-US/developers/builder</a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5KW4IWAKlUq-Gu8hIo6Qw1Z3Cysnmb4mGuIyk_TTvwGEhDQkrk-z44YU6S8AXmTfU1Qb-Psb6HycJNEAuxG3Mm9-bCnZ-xLQFedMfDLNJcAHKILpkOSon191cAYdtyctDeYw4TifO47I/s1600/TryBuilderNow.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ5KW4IWAKlUq-Gu8hIo6Qw1Z3Cysnmb4mGuIyk_TTvwGEhDQkrk-z44YU6S8AXmTfU1Qb-Psb6HycJNEAuxG3Mm9-bCnZ-xLQFedMfDLNJcAHKILpkOSon191cAYdtyctDeYw4TifO47I/s1600/TryBuilderNow.jpg" height="176" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
J’ai d’abord fait le petit tutorial « How to Get Started » et ensuite je me suis lancé.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6svDKt5A1_hy1ba71D-nHSE7ooFKeV8dWMM7Zszloym3_8wHROZJtqyHmFqjqHd5zVm2laW9j9VQ5rWhHfP4kiNlaovy2Hbg_r1oMEEuDUr8ULm53SzmYnT11yQCf5gyZt7rmWvmR60j/s1600/HowGetStarted.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_6svDKt5A1_hy1ba71D-nHSE7ooFKeV8dWMM7Zszloym3_8wHROZJtqyHmFqjqHd5zVm2laW9j9VQ5rWhHfP4kiNlaovy2Hbg_r1oMEEuDUr8ULm53SzmYnT11yQCf5gyZt7rmWvmR60j/s1600/HowGetStarted.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8mZssUq_gtjlUnxkzLAB-vaouCnLlRzqicvhyE91IiMkWlZYDTbb5fYL1ek4KVK_K7cPqQMIV1g_ZOgZd-x_ELa9Sn6wLsE1ImrkhAXkqZvs7p85cQiMv_rQTd21HPJqg7V2f1atr6MJB/s1600/CreateAddOn.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8mZssUq_gtjlUnxkzLAB-vaouCnLlRzqicvhyE91IiMkWlZYDTbb5fYL1ek4KVK_K7cPqQMIV1g_ZOgZd-x_ELa9Sn6wLsE1ImrkhAXkqZvs7p85cQiMv_rQTd21HPJqg7V2f1atr6MJB/s1600/CreateAddOn.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4isYpy1C_8O7ZyeChy8DUvUcxRDG5xK3t3EY-Xum-JZ8oPMl6471wxm0TdwQzpCKeDRt3hRMSv6uDvkbyvWPkOifGf-5coF1dfpRTEDlJz259OeOF3pic5jP-YBFeQPBeMsp2cAQbjbKH/s1600/Add-onBuilder.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4isYpy1C_8O7ZyeChy8DUvUcxRDG5xK3t3EY-Xum-JZ8oPMl6471wxm0TdwQzpCKeDRt3hRMSv6uDvkbyvWPkOifGf-5coF1dfpRTEDlJz259OeOF3pic5jP-YBFeQPBeMsp2cAQbjbKH/s1600/Add-onBuilder.jpg" height="273" width="640" /></a></div>
<span style="text-align: justify;"><br /></span>
<span style="text-align: justify;">Tout le développement est en Javascript. La </span><a href="https://www.blogger.com/" style="text-align: justify;"><span id="goog_1751996919"></span>documentation</a><span style="text-align: justify;"> est excellente et j’ai facilement réussi à faire le minimum que je désirais soit, entendre un son lors d’une mise à jour d’un onglet épinglé. Chacun des outils nécessaire au développement (éditeur, débugger, test etc.) sont disponible à même l’éditeur en ligne ou inclus dans l’installation du fureteur.</span><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lorsque mon développement fut complété, j’ai documenté ma nouvelle extension afin de la soumettre au bureau de contrôle de Mozilla en suivant chacune des étapes. Après 3-4 jours d’attente l'application fût disponible dans la librairie grand public et accessible à tous. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lorsqu’une nouvelle version de « FireFox » est disponible, Mozilla fait un test de compatibilité pour s’assurer que l’extension fonctionne bien avec la prochaine livraison de son fureteur.</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjQk8SzRmRCTlHJnnodXLnZr135YgS0At0woGbAhoyS8aOnpoL0VLM2jdwJwCuOotbFKkVaP9Au0mfdEQ4afQOdaC7AQjUV17v9fUXSYNi6vS3fGggD0oQTWGjsjfWqFDmtISqZxnPaXi9/s1600/UpgradeValidation.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjQk8SzRmRCTlHJnnodXLnZr135YgS0At0woGbAhoyS8aOnpoL0VLM2jdwJwCuOotbFKkVaP9Au0mfdEQ4afQOdaC7AQjUV17v9fUXSYNi6vS3fGggD0oQTWGjsjfWqFDmtISqZxnPaXi9/s1600/UpgradeValidation.jpg" height="211" width="400" /></a></div>
<br /></div>
<div style="text-align: justify;">
Si vous êtes intéressé, mon extension ainsi que mes sources sont disponibles publiquement.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mes sources sur GitHub : <a href="https://github.com/judgeprophet/BingPinTab">https://github.com/judgeprophet/BingPinTab</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mon extension pour Firefox : <a href="https://addons.mozilla.org/en-US/firefox/addon/bingpintab/">https://addons.mozilla.org/en-US/firefox/addon/bingpintab/</a></div>
<div style="text-align: justify;">
<br /></div>
<h3>
<span style="font-weight: normal;">Liens</span></h3>
<div style="text-align: justify;">
<a href="https://addons.mozilla.org/en-US/developers/" target="_blank">Developer Hub</a></div>
<div style="text-align: justify;">
<a href="https://addons.mozilla.org/en-US/developers/builder" target="_blank">Add-On Builder</a></div>
<div style="text-align: justify;">
<a href="https://addons.mozilla.org/en-US/developers/docs/sdk/latest/" target="_blank">Documentation du SDK</a></div>
<div style="text-align: justify;">
<a href="https://github.com/" target="_blank">GitHub</a></div>
<div style="text-align: justify;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-57480601117727372442013-01-31T20:30:00.000-05:002013-01-31T20:30:46.480-05:00Javascript : RequireJS, Optimisez le chargement de vos librairies javascript.<b><span style="font-size: x-large;">Require.JS</span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN0XnNqW20siiNavLWx9JY_5BnhoKMiJjSRjWZMClQUkcjzy9vGfgvI03kEr15fazCNXKHJ1D2VpF9GQ7chiuU1HMiaB57_qRy-y6os0GlYO590m4_eNVlJtxeFQlT5BuiL6LrL5OhtcQ1/s1600/RequireJS_logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN0XnNqW20siiNavLWx9JY_5BnhoKMiJjSRjWZMClQUkcjzy9vGfgvI03kEr15fazCNXKHJ1D2VpF9GQ7chiuU1HMiaB57_qRy-y6os0GlYO590m4_eNVlJtxeFQlT5BuiL6LrL5OhtcQ1/s1600/RequireJS_logo.jpg" /></a></div>
<b><span style="font-size: x-large;"><br /></span></b>
Voici une très petite librairie JavaScript qui permet d’économiser sur le temps de téléchargement et par conséquent, d’attente lors de la navigation de votre site.<br />
<br />
<div align="JUSTIFY" class="western" style="margin-bottom: 0.35cm;">
<a href="http://requirejs.org/">RequireJs</a>
permet de charger les modules JavaScript parallèlement à la page.
Actuellement, sans l’utilisation de RequireJS, ils doivent être
complétés séquentiellement avant l’affichage. De plus, Il place
les modules en « mémoire cache » pour éviter leur
rechargement répété. Ainsi, l’usager n’a pas à attendre la
fin des chargements pour visualiser vos pages web.</div>
<div class="western" style="margin-bottom: 0.35cm;">
Voici une
comparaison avec mon fureteur Firefox du temps d’accès
épargné :</div>
<div class="western" style="margin-bottom: 0.35cm;">
<a href="http://capmousse.github.com/require.js/tests/test-head.html">Sans
Require (164ms)</a> / <a href="http://capmousse.github.com/require.js/tests/test-head-require.html">Avec
Require (12ms)</a></div>
<h2 class="western" style="margin-bottom: 0.11cm; margin-top: 0.42cm; page-break-inside: auto;">
<span style="color: #00000a; font-size: large;">Utilisation</span></h2>
<div class="western" style="margin-bottom: 0.35cm;">
Voici à quoi
ressemble un fichier source HTML qui utilise cette librairie :</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"><</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">script</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">
</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">type</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">="text/javascript"
</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">src</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">="<a href="view-source:http://capmousse.github.com/require.js/tests/scripts/require-min.js">scripts/require-min.js</a>"></</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">script</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">></span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"><</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">script</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">
</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">type</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">="text/javascript"></span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"><b> require([</b></span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"> "scripts/underscore.js",</span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"> "scripts/jquery.js",</span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"><span lang="en-CA"> "scripts/backbone.js"</span></span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"><span lang="en-CA"><b> ],
function(){</b></span></span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"><span lang="en-CA"> $('#exemple').html('jQuery
& other files loaded');</span></span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"><b> });</b></span></span></span></span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<span style="font-family: Courier New, serif;"><span style="font-size: x-small;"><span style="font-family: Batang, serif;"><span style="font-size: x-small;"></</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">script</span></span><span style="font-family: Batang, serif;"><span style="font-size: x-small;">></span></span></span></span></div>
<div class="western" style="margin-bottom: 0.35cm;">
<br /></div>
<div class="western" style="margin-bottom: 0.35cm;">
Dans l’exemple
ci-dessus, on voit que seul le fichier « require-min.js »
est inclus de façon traditionnelle. Les trois autres (underscore,
jquery et backbone) sont importés par notre vedette de jour,
RequireJS.</div>
<div class="western" style="margin-bottom: 0.35cm;">
RequireJS s’utilise
comme un classique fichier JS ou bien s’installe dans des
environnements JavaScript tel que <a href="http://nodejs.org/">NodeJs</a>.
Il est compatible avec toutes les versions de fureteurs et
même les plus anciennes (IE6, FF 2, Chrome 3 etc.)</div>
<div class="western" style="margin-bottom: 0.35cm;">
</div>
<h3>
Liens</h3>
<div>
<a href="http://requirejs.org/"><span lang="en-CA">RequireJS</span></a><br />
<a href="http://nodejs.org/"><span lang="en-CA">Node.js</span></a><br />
<a href="http://capmousse.github.com/require.js/"><span lang="en-CA">A
tiny javascript loader with cache control</span></a>
</div>
<br />
<br />Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-11140159752751154802012-12-28T16:14:00.000-05:002013-01-17T07:51:30.617-05:00Revue : Souris Mad Catz Cyborg R.A.T.7<br />
<b><span style="font-size: x-large;">Cyborg R.A.T.7</span></b><br />
<br />
Voici ma nouvelle souris, la Cyborg R.A.T.7 de Mad Catz.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1zgIqyfQXlcjGfOlee4QrP1y8Ph3DK-sJbMNUVQD-Z0pREqsasKd-12Z4L6JG_fLnso-wUAg6SfcxLKnArwrEMF5vXWmEJHnscX4IGSQNCKCbIxdiqmjCETQ7TxKu3BzZ-uGnXV_sFC1/s1600/Rat7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1zgIqyfQXlcjGfOlee4QrP1y8Ph3DK-sJbMNUVQD-Z0pREqsasKd-12Z4L6JG_fLnso-wUAg6SfcxLKnArwrEMF5vXWmEJHnscX4IGSQNCKCbIxdiqmjCETQ7TxKu3BzZ-uGnXV_sFC1/s1600/Rat7.png" height="320" width="320" /></a></div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ce périphérique est classé "gamer" mais ce n'est pas la raison de mon achat. J'ai choisi cette souris pour son ergonomie et son look peu orthodoxe. C'est une souris "laser", à ne pas confondre avec "optique", ce qui lui procure un niveau de précision sans pareil. Elle est entièrement personnalisable. Son poids, ainsi que les reposes pouce, paume et petit doigt s'ajustent et peuvent être remplacés. Les pièces de base sont lisses et interchangeables par des pièces antidérapantes. La sensibilité de la souris est contrôlée par un bouton. Quatre niveaux d'intensité sont accessibles. Les six boutons ont chacun trois modes qui permettent de changer leur affectation avec une simple pression du doigt, pour un total de dix-huit commandes différentes.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le logiciel de configuration permet de créer ou de télécharger des profils de configurations pour des jeux ou des logiciels utilitaires. Les possibilités sont sans limite, puisque la création de macros et de combinaisons de touches sont supportées.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Cette souris existe aussi sous les déclinaisons R.A.T.3, R.A.T.5 et R.A.T.9 selon le degré de personnalisation qui vous intéressent. La version 9 est sans fil mais beaucoup plus dispendieuse. La souris est compatible MAC et PC.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<h3 style="text-align: start;">
Lien</h3>
<a href="http://www.cyborggaming.com/prod/rat7.htm" target="_blank">Cyborg R.A.T. 7</a><br />
<a href="http://www.cyborggaming.com/" target="_blank">Cyborg</a><br />
<a href="http://www.madcatz.com/" target="_blank">Mad Catz</a><br />
<br />
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com2tag:blogger.com,1999:blog-2487938094788043219.post-15058573769193899152012-12-08T13:07:00.000-05:002012-12-11T07:38:20.983-05:00Didacticiel : Code School<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-NcSXOROYTUBJTwZS843WDA9gw3vXkd9B8obVfkjl86p_Za1rVVJD9edpWCkEvIs7SlMzKl5uOQXRB6DdUrL1UxUGRiY9dKpfeNqaqd-g-Nbsasa_kpn3YgeC87SoztlxXtJZmBJ9zoL/s1600/logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN-NcSXOROYTUBJTwZS843WDA9gw3vXkd9B8obVfkjl86p_Za1rVVJD9edpWCkEvIs7SlMzKl5uOQXRB6DdUrL1UxUGRiY9dKpfeNqaqd-g-Nbsasa_kpn3YgeC87SoztlxXtJZmBJ9zoL/s1600/logo.jpg" height="46" width="200" /></a></div>
<b><span style="font-size: x-large;"><br /></span></b></div>
<div style="text-align: justify;">
Pour faire suite à mon article sur Codecademy, voici une autre "école" en ligne: <a href="http://www.codeschool.com/">Code School</a>. Le site est basé sur l'apprentissage par la pratique. Une console nous permet de "saisir" nos énoncés.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUw2wOyKijmd-WoCc1qQGH4r6sKe348pOdSlWo_ehJ041e_04ZzjIZ_DUrRhKaM-lteg0Xp4_BC-v2IwS9DPMjb8t8Jp2EF9bYt1PAMclkIytLpc6hmG2cHPo4ri_W2y7DPXYb7IDghaX3/s1600/ex_console.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Exemple de console" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUw2wOyKijmd-WoCc1qQGH4r6sKe348pOdSlWo_ehJ041e_04ZzjIZ_DUrRhKaM-lteg0Xp4_BC-v2IwS9DPMjb8t8Jp2EF9bYt1PAMclkIytLpc6hmG2cHPo4ri_W2y7DPXYb7IDghaX3/s1600/ex_console.jpg" height="308" title="Exemple de console" width="400" /></a></div>
<span id="goog_62553649"></span><span id="goog_62553650"></span><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lors de la compilation, des messages nous guident sur les corrections à apporter. Chaque section débute par un montage vidéo de quelque minute. Ensuite, place à la pratique! Il est aussi possible de télécharger un document PDF qui complète la présentation théorique. Je conseil de faire les exercices avec la présentation PDF pas loin, car elle contient toutes les explications du cours et est liée chronologiquement avec les exercices. Pour chaque cours réussi un système de badge, comme sur les consoles de jeux, bonifie notre profil.</div>
<br />
<h2>
<span style="font-size: large;"><b>Code School vs Codecademy </b></span></h2>
<div style="text-align: justify;">
Code School offre plus de cours que Codecademy et ils sont plus élaborés. L'interface de Code School est beaucoup plus soignée. Chaque cours a une thématique contextuelle de jeu. Les leçons sont reconnues par "<a href="http://www.openbadges.org/en-US/" target="_blank">Mozilla Open Badge</a>", une fondation qui tente d'uniformiser la formation en ligne.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-uTvXa_5yx-DeRA0-9iO-rBcw6R8AQ7ZehhPIu0-aokij9bn2ZDciiKa146PGJPpicDN24YyJesPc6sZXHU4bQVQ4gdHu1m-P_nJsNtxwpXxPJtuoWqygplSbinY-nI5LKZ9oamcA3e7L/s1600/Cours.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Liste des cours" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-uTvXa_5yx-DeRA0-9iO-rBcw6R8AQ7ZehhPIu0-aokij9bn2ZDciiKa146PGJPpicDN24YyJesPc6sZXHU4bQVQ4gdHu1m-P_nJsNtxwpXxPJtuoWqygplSbinY-nI5LKZ9oamcA3e7L/s1600/Cours.jpg" height="640" title="Liste des cours" width="537" /></a></div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lors de l'inscription au site, vous aurez droits à deux jours d'accès complet gratuitement. Il vous sera possible de télécharger les cours qui vous intéressent. Après cet essai, une cotisation mensuelle sera nécessaire pour avoir un accès "All you can eat". </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Personnellement, je trouve Code School plus intéressant que Codecademy par son rendu et la qualité de ses cours. Si vous recherchez la gratuité, rien ne vous empêches de vous créer un profil sur chacun des sites et de seulement suivre les cours gratuits.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div align="JUSTIFY" style="margin-bottom: 0.35cm;">
<b>Liens</b></div>
<div align="JUSTIFY" style="margin-bottom: 0.35cm;">
<a href="http://www.codeschool.com/">Code School</a></div>
<div align="JUSTIFY">
<span lang="en-CA"><a href="http://www.codecademy.com/">Codecademy</a></span></div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-83216550239012005002012-11-22T21:08:00.001-05:002012-11-22T21:08:15.615-05:00Revue : Noontec Zoro Headphone<b><span style="font-size: x-large;">Noontec Zoro</span></b><br />
<br />
Le <a href="http://en.noontec.com/En/Products/MusicalHeadphone/zoro.html" target="_blank">Noontec Zoro Headphone</a> est mon nouveau casque d'écoute.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtcFYMrXUlz-DJ7Rd-4RsBdmIpqjjH1V7r2t-5YXGaLPygdq6_IcR0uxYthzJ_iAi8BRV9O0pUnoRAPJJ_i3ihu9L5AfUZG5WKbs8Vyu6c-J0d3hK_k3hMlCDbsbT4PUE5cCy-45eFefZ/s1600/NoontecZoro.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtcFYMrXUlz-DJ7Rd-4RsBdmIpqjjH1V7r2t-5YXGaLPygdq6_IcR0uxYthzJ_iAi8BRV9O0pUnoRAPJJ_i3ihu9L5AfUZG5WKbs8Vyu6c-J0d3hK_k3hMlCDbsbT4PUE5cCy-45eFefZ/s1600/NoontecZoro.JPG" width="239" /></a></div>
<br />
<div style="text-align: justify;">
Souvent comparé au "Beat Solo de Dr. Dre" pour son "look" mais abordable, avec un prix sous la barre des 100$. Le son est très pur. Les oreillettes sont en cuir synthétique ("protein leather") et confortables. Le fil est remplaçable et plat, ce qui réduit la formation de noeuds. Le casque se plie pour s’insérer dans la pochette incluse à cet effet. Il est offert en trois couleurs, rouge, noir et gris.</div>
<div style="text-align: justify;">
<br />
<a href="http://en.noontec.com/" target="_blank">Noontec</a> est une entreprise, qui selon son profil, veut marcher dans les traces d'<a href="http://ca.asus.com/en/" target="_blank">Asus</a> et <span style="-webkit-composition-fill-color: rgba(175, 192, 227, 0.230469); -webkit-composition-frame-color: rgba(77, 128, 180, 0.230469); -webkit-tap-highlight-color: rgba(26, 26, 26, 0.292969);">devenir une référence en Chine et dans le monde entier.</span></div>
<h3>
Lien</h3>
<a href="http://en.noontec.com/" target="_blank">Noontec</a><br />
<a href="http://ca.asus.com/en/" target="_blank">Asus</a>Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-12114370395063482342012-11-11T08:35:00.000-05:002012-11-11T08:38:27.812-05:00Didacticiel : Codecademy<h1>
Codecademy</h1>
<span style="font-family: inherit;">Pour enseigner le développement web et ses rudiments quoi de mieux que de "gameriz-er" l'éducation de la programmation.</span><span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: FR-CA; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDC4ZfOIP_FewRzTfZ43ckz6h_C7Vw63qqLLHiviTnzTu5YZRk_d7vQTysUN85PejedZzAqjns4LoBHqN1skcLpVtnHEJJQ03_rq17HDuOUQOqZ2MzraWHNAB-hkptcYadNUi-Itu_2D6/s1600/HomePage.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDC4ZfOIP_FewRzTfZ43ckz6h_C7Vw63qqLLHiviTnzTu5YZRk_d7vQTysUN85PejedZzAqjns4LoBHqN1skcLpVtnHEJJQ03_rq17HDuOUQOqZ2MzraWHNAB-hkptcYadNUi-Itu_2D6/s1600/HomePage.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="MsoNormal" style="text-align: justify;">
Le site de <a href="http://www.codecademy.com/">Codecademy</a> l'offre brillamment, avec
des exercices en ligne et un suivi de votre progression. Des
"Badges" vous sont décernés suite à vos accomplissements. Plusieurs didacticiels sont
offerts pour JavaScript, JQuery, Ruby, Python et HTML.</div>
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL48Zapy27Jg-smiin6c5btQIgfZEQu4Qi_2fEyZrZyI_cvDUaFQZZEv32ia22pVFWynip4tNj6ybkNUQhEtJ8A485VtpzGGecgGb_Jf3D7j2cDLt6GiGzNTLtp6E-7llyOpJzYijVdaWu/s1600/Langages.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL48Zapy27Jg-smiin6c5btQIgfZEQu4Qi_2fEyZrZyI_cvDUaFQZZEv32ia22pVFWynip4tNj6ybkNUQhEtJ8A485VtpzGGecgGb_Jf3D7j2cDLt6GiGzNTLtp6E-7llyOpJzYijVdaWu/s1600/Langages.jpg" width="214" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Un cours est composé, en majorité du temps, de moins de dix étapes. La théorie est inscrite dans la section de gauche, ainsi que les notes pour l’exercice à accomplir. La section de droite est un éditeur de texte qui valide les notions apprises avant de passer à l’étape suivante.<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: FR-CA; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh94pJHoFR7p2_bonQEG7KzPfJy5lZERtlZR1hCcyMWlOUeZFfHH2wYno-ICBlPZN6EIWyLr1FW4vk0Rpm7YTqPHOqTcseweqbd99MyIqMR0dvsTnoyB3cI9Eg6ubG2tDcxAgg1rzTAYiK/s1600/Cours.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh94pJHoFR7p2_bonQEG7KzPfJy5lZERtlZR1hCcyMWlOUeZFfHH2wYno-ICBlPZN6EIWyLr1FW4vk0Rpm7YTqPHOqTcseweqbd99MyIqMR0dvsTnoyB3cI9Eg6ubG2tDcxAgg1rzTAYiK/s1600/Cours.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
</div>
<div class="MsoNormal">
Le site est en perpétuel
évolution. Python a été ajouté récemment et Ruby est le tout dernier née. Voici
une façon simple d'apprendre tout en s'amusant. Vous pouvez même
construire vos propres cours! Allez
jouer!</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
</div>
<h3>
Lien</h3>
<div>
<span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt; line-height: 115%; mso-ansi-language: FR-CA; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"><a href="http://www.codecademy.com/"><span lang="EN-CA">Codecademy</span></a></span></div>
<br />
<br />Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-47313266329314753902012-10-30T08:54:00.004-04:002014-04-23T15:26:08.572-04:00Périphériques : Les Claviers Mécaniques... Encore<h2>
Mise-à-jour</h2>
Voici un peu d'information supplémentaire :<br />
<br />
Un article / review sur les claviers mécaniques en particulier celui de la compagnie Canadienne Matias. cliquer sur ce lien <a href="http://www.engadget.com/2012/10/11/matias-quiet-pro-keyboard-review/">http://www.engadget.com/2012/10/11/matias-quiet-pro-keyboard-review/</a><br />
<div>
<br />
Logitech a aussi annoncé un clavier Mécanique le G710+ et introduit de nouvelles souries! Suivez le lien : <a href="http://www.anandtech.com/show/6358/logitech-g710-mechanical-keyboard-and-g600-mmo-mouse-capsule-review">http://www.anandtech.com/show/6358/logitech-g710-mechanical-keyboard-and-g600-mmo-mouse-capsule-review</a><br />
<br />
Cooler Master annonce un nouveau clavier le CM Storm QuickFire : <br />
<a href="http://www.clubic.com/materiel-informatique/clavier-gamer-informatique/actualite-517069-cm-storm-quickfire-tk.html">http://www.clubic.com/materiel-informatique/clavier-gamer-informatique/actualite-517069-cm-storm-quickfire-tk.html</a></div>
<br />Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-18862836128400071332012-10-11T21:29:00.000-04:002012-10-19T09:05:21.578-04:00Javascript : TypeScript, la version simplifiée de JavaScript par Microsoft.<style>
div
{
text-align: justify;
margin-top: 10px;
}
H2
{
font-size: larger;
}
</style>
<br />
<h1>
TypeScript</h1>
<div>
Microsoft a lancé, au début du mois, "TypeScript" un préprocesseur qui étend et simplifie la structure du JavaScript. Le JavaScript peut maintenant avoir un « design objet ». Conçu par le créateur du C#, c'est la réponse de Microsoft à l'engin "CoffeeScript" qui gagne en popularité. CoffeeScript est, lui aussi, un compilateur de transformation de code avec comme résultante du JavaScript. Par contre, il utilise une syntaxe qui n’est pas familière à celui-ci.
</div>
<div>
<h2>
Installation</h2>
TypeScript peut s'installer comme un package à Node.JS. Dans ce cas, il faudra compiler les fichiers ".ts" manuellement, à l'invite d'une ligne de commande DOS. Un fichier ".js" traditionnel sera créé.
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnVLF4bcWlxh6Fj1HAdzegTR42x9htYEnAywbI_7Av-bSBqbhXw2UfbH9YRX1_goNlJQE4VXV4NiB3-v6SpLTmksISrSDRGMHQNzp18ql6mTc8k36tDtRLfs9Iden_zRUxCO-FcYQbKW19/s1600/Invitedecommandes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnVLF4bcWlxh6Fj1HAdzegTR42x9htYEnAywbI_7Av-bSBqbhXw2UfbH9YRX1_goNlJQE4VXV4NiB3-v6SpLTmksISrSDRGMHQNzp18ql6mTc8k36tDtRLfs9Iden_zRUxCO-FcYQbKW19/s1600/Invitedecommandes.jpg" width="320" /></a></div>
<br />
TypeScript peut aussi s'inclure à Visual Studio 2012 comme une extension. Suite à son installation dans VS2012, lors de la création d'un nouveau projet, simplement sélectionner le gabarit correspondant : "HTML Application with TypeScript" sous Visual C#.
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FYQCURihbr7FbT8nqodXCayYCuhMouj8ovj1aeIV38iG3YMEigNr5nypK3RKYLg2W2F-IhoOb7yoTEbZjy-5wyso0cB1PobU1GwxCaEnfszfpsYcw3Urkg3WgdfW2evFlDrf_XJ3Chhq/s1600/Create+a+new+TypeScript+project+in+Visual+Studio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FYQCURihbr7FbT8nqodXCayYCuhMouj8ovj1aeIV38iG3YMEigNr5nypK3RKYLg2W2F-IhoOb7yoTEbZjy-5wyso0cB1PobU1GwxCaEnfszfpsYcw3Urkg3WgdfW2evFlDrf_XJ3Chhq/s1600/Create+a+new+TypeScript+project+in+Visual+Studio.jpg" width="320" /></a></div>
<br /></div>
<div>
<h2>
Développement</h2>
Nous avons besoin de concevoir un fichier, ayant comme extension ".ts", en utilisant la syntaxe du JavaScript actuel et/ou la syntaxe simplifiée de TypeScript. Ce fichier sera ensuite interprété à la compilation et un fichier ".js" sera généré. Il pourra être inclus aux projets web et enrichir leurs contenu, comme une librairie JavaScript régulière.
En plus de Visual Studio 2012, la syntaxe est supportée par les éditeurs de texte Emacs, Vim et mon préféré, l’excellent Sublime Text.<br />
<br />
Voici un exemple qui provient du site officiel (À gauche vous avez le code TypeScript et à droite le code JavaScript généré.) :
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0HQLz91kiaO3tioNeACcRzCEwEG5cCJnP-rIiGmHbBQ8N8Ul_tdgS24diaPJc_P4dazDAzFgf_dyxz-wGtpOyPeSGWwcqLDtlnpuQ6T0otHH48HzpYxrcYbonYRr_iGycTgzgj18iQAt/s1600/TypeScript+-+Classes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0HQLz91kiaO3tioNeACcRzCEwEG5cCJnP-rIiGmHbBQ8N8Ul_tdgS24diaPJc_P4dazDAzFgf_dyxz-wGtpOyPeSGWwcqLDtlnpuQ6T0otHH48HzpYxrcYbonYRr_iGycTgzgj18iQAt/s1600/TypeScript+-+Classes.jpg" width="640" /></a></div>
<br /></div>
<div>
TypeScript est un outil qui simplifie l’élaboration de solutions JavaScript dans une structure familière aux langages de programmation moderne.<br />
<br />
Update (2012-10-18):<br />
Extension <a href="http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6" target="_blank">Web Essentials 2012</a> pour VS2012<br />
<div class="post-title entry-title">
<span style="font-weight: normal;">Voici une marche à suivre pour créer un gabarit avec et pour VS2012 : <a href="http://www.devcurry.com/2012/10/typescript-template-for-aspnet-mvc4.html" target="_blank">TypeScript Template for ASP.NET MVC4</a></span></div>
</div>
<div>
<h3>
Liens</h3>
<a href="http://www.typescriptlang.org/">Site Officiel</a><br />
<a href="http://blogs.msdn.com/b/interoperability/archive/2012/10/01/sublime-text-vi-emacs-typescript-enabled.aspx">Fichier Gabarit pour éditeurs de textes</a><br />
<a href="http://www.sublimetext.com/">Sublime Text</a><br />
<a href="http://nodejs.org/">Node.JS</a></div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-15123397478301356462012-09-27T21:04:00.001-04:002012-10-05T13:17:35.938-04:00Revue : Google Nexus 7<style>
div
{
text-align: justify;
margin-top: 10px;
}
H2
{
font-size: larger;
}
</style>
<br />
<h1 style="text-align: justify;">
Nexus 7</h1>
<div>
<div style="text-align: justify;">
J’aime bien les tablettes électroniques. J'ai possédé chacune des éditions du iPad jusqu’à maintenant. D'ailleurs ce texte, les photos et le montage sera accomplie à partir de mon iPad. Je vais peaufiner le texte sur mon portable par la suite. Merci à Evernote et Dropbox, pour rendre si facile le partage de documents.
Lorsque Google à annoncé sa nouvelle tablette, j'ai fait une précommande dès les premières heures. J’espérais ainsi reprendre possession de mon iPad qui était plus souvent dans les mains de ma conjointe et des mes enfants que dans les miennes.
</div>
</div>
<div>
<h2 style="text-align: justify;">
Quincaillerie</h2>
<div style="text-align: justify;">
Actuellement, dans la catégorie sept pouces (7"), le Nexus 7 de Google avec Android 4 « Jelly Bean », est parmi les meilleurs sur le marché. Il se tient bien d'une seul main et malgré sa petite taille, il est très agréable de naviguer le web. Si vous avez besoin de moyens « rigides » pour transférer vos fichiers, certain déploreront le manque de support pour les cartes SD. Les performances visuelles de la petite tablette sont très appréciables.
</div>
</div>
<div>
<h2 style="text-align: justify;">
OS</h2>
<div style="text-align: justify;">
Android a plusieurs belles petites fonctionnalités que j’aimerais bien voir apparaitre sur l’iPad. Le système de notifications par exemple. Personnellement, les raccourcis « multi-touch » présent sur le iPad (4 doigts, 5 doigts), me manque. Même s’il est un peu moins convivial qu’iOS, il a tout de même passé les tests d’utilisations de mes enfants (3 et 5 ans). Ils n’ont pas de difficulté à s’y retrouver, même si l’interface semblait moins naturelle. Petite déception, aucune application native pour utiliser la caméra comme appareil photo n’est présente de base. Cependant, il est facile d’en télécharger une.
</div>
</div>
<div>
<h2 style="text-align: justify;">
Plateforme</h2>
<div style="text-align: justify;">
La boutique en ligne « Google Play » n’a rien à envier au « AppStore ». Au Canada, seulement les livres, la location de films et les « apps » sont disponibles. L’achat de musique, de films et de téléséries est offert seulement aux US. S’il y a beaucoup d’applications de disponibles, plusieurs ne sont pas compatibles au Nexus.
</div>
</div>
<div>
<h2 style="text-align: justify;">
Les autres</h2>
<div style="text-align: justify;">
L’arrivé du nouveau « Kindle HD » ne semble pas détrôner le « Nexus », surtout si vous n’êtes pas un utilisateur des services du site d’Amazon. Il ne reste plus qu'à voir ce que la « Surface » de Microsoft aura à offrir, ou si les rumeurs sur le iPad-Mini sont fondées. L’écosystème de chacun de ces parties est responsable d’une grande part de leurs revenues et les gros joueurs ont tous les éléments. Ils doivent maintenant les arrimer harmonieusement pour tenter de gagner le marché d’Apple. Dans les années 90, Microsoft ont tenté, sans succès, de percer le marché des tablettes. Apple à réussi en 2010. Grâce à leurs convivialités, leur autonomies et leur performances, elles vont sans doute remplacer le portable de plusieurs utilisateurs d'ici peu.
</div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Pour 200 dollars (8gigs) si vous hésitiez à vous procurer un Nexus 7, vous n’avez pas beaucoup à perdre. C’est une excellente tablette à bas prix qui comblera vos besoins de divertissements sans problème.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIzTAe0xI4tbBGZo_wd1MQE42o6E5rnBA5j-FdSOdxYK5dbd-sFYEzvcRGD7Qk18FLa4SOwB2fxDvQ5Ff01kFQkd_8oqJLSN4lowFtTl8XDt4ptYXr-9uVNSIo9yc5gEWtpYBVPFfHYW3r/s1600/Photo_small.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIzTAe0xI4tbBGZo_wd1MQE42o6E5rnBA5j-FdSOdxYK5dbd-sFYEzvcRGD7Qk18FLa4SOwB2fxDvQ5Ff01kFQkd_8oqJLSN4lowFtTl8XDt4ptYXr-9uVNSIo9yc5gEWtpYBVPFfHYW3r/s1600/Photo_small.png" width="320" /></a></div>
Note : Je ne parle pas de l'autonomie de la pile car c'est très suggestif de l'utilisation, des services actifs et des composantes (ex : version du bluetooth, le rétro-éclairage etc.). Selon les comparatifs trouvés sur le .Net chaque tablette a à peu près la même autonomie.</div>
</div>
<div>
<h3>
Liens</h3>
<a href="http://www.google.com/nexus/#/7">Nexus 7</a><br />
<a href="http://gizmodo.com/5944679/kindle-fire-hd-vs-nexus-7-whats-the-best-7+inch-tablet-display">Kindle Fire HD vs. Nexus 7: What’s the Best 7-inch Tablet Display?</a>
</div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com0tag:blogger.com,1999:blog-2487938094788043219.post-3025202726849027942012-08-30T20:34:00.000-04:002012-11-15T12:57:05.911-05:00Périphériques : Les Claviers Mécaniques<h2 style="text-align: justify;">
<span style="font-size: x-large;"><i><b>Claviers Mécaniques </b></i></span></h2>
<div style="text-align: justify;">
On néglige souvent les périphériques avec lesquels on travaille que ce soit l'écran, la souris ou le clavier. Avant même d'interagir avec l'ordinateur ce sont ces composantes qui font le pont entre nous et nos machines et ce pendant de longues heures. J’ai donc entreprit de me documenter davantage afin de faire des choix éclairés. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Récemment, je me suis mis à la recherche d'un nouveau clavier. Je recherchais quelque chose de plus "professionnel", vu tout le temps que mes membres digitaux passent à s'y frotter. De nos jours, le premier réflexe du magasinage commence par Internet. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Après deux ou trois "Google" et la visite de 4 ou 5 magasins en ligne, j'en suis venu à la conclusion que contrairement à mes achats précédents de ce type, je n'effectuerais pas cela en 20 minutes. Il semble y avoir autant de modèle que de prix, disponible sur le marché. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tout comme le charpentier cherche le meilleur marteau, je cherchais l'outil qui me convient. Il existe plusieurs types de clavier mais on peut les regrouper en deux grandes catégories. Voici sommairement le résultat de mes recherches.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
De ces deux catégories ce sont les claviers mécaniques les plus méconnus. Contrairement aux claviers à membrane, ils sont beaucoup plus dispendieux donc moins répandu. De plus, les claviers mécaniques sont souvent associés aux "Gamers" dut à leur grande précision et durabilité. <br />
<br />
<b>Claviers à membrane </b></div>
<div style="text-align: justify;">
Les claviers à membrane fonctionnent sous le même principe qu'une manette de télévision, ou d’une calculatrice. C'est un circuit imprimé où l'on y superpose un tapis de silicone, suivit d'un cadre et des touches. <br />
<br />
Voici des exemples : <br />
<br />
<br />
<img alt="" src="data:image/jpeg;base64,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" /><img alt="" src="data:image/jpeg;base64,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" /></div>
<h4 style="text-align: justify;">
<b>Claviers mécaniques </b></h4>
<div style="text-align: justify;">
Les claviers mécaniques sont conçus afin que les touches possèdent leur propre mécanisme. Les touches ont ainsi leurs propre ressorts, associés leurs pistons et ainsi de suite. Ceci permet de pouvoir appuyer sur toutes les touches en même temps et capter chacune des entrées qui ont été saisie. <br />
<br />
La touche n'a pas à être appuyé jusqu'au fond (appelé « bottoming ») pour envoyer son signal, d’où l'ajout d'une sensation tactile pour indiquer que le signal à été capté. (Note : le design du « chipset » doit supporter ce type de retour de force « feedback »). <br />
<br />
Ses avantages ont pour conséquences d'améliorer la vitesse de frappe et de réduire la pression nécessaire à fournir par les doigts, ce qui devrait aider au tunnel carpien. <br />
<br />
Plusieurs mécanismes ont été développé pour répondre aux préférences de chacun. Les plus populaires, que l’on distingue par leur couleurs, sont : </div>
<ul style="text-align: justify;">
<li>MX Cherry Brown (soft), léger son de "click" et sensation de résistance </li>
<li>MX Cherry Black (silence), Silencieuse et sans résistance </li>
<li>MX Cherry Blue (full), click audible et sensation de résistance </li>
</ul>
<div style="text-align: justify;">
Autre chipset : </div>
<ul style="text-align: justify;">
<li>Topre : semi-mécanique, combinaison d'un circuit imprimé et d’un mécanisme distinct par touche. </li>
<li>Alps AKA Alps Bigfoot </li>
</ul>
<div style="text-align: justify;">
<br />
Photo d’un clavier personnalisé sur le site de « WASD Keyboard »<br />
<img alt="" src="data:image/jpeg;base64,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" /></div>
<div style="text-align: left;">
<br />
<b>Lexique </b><br />
<br />
Damper : Petit caoutchouc sous la touche pour réduire le bruit. <br />
<br />
Tenkeyless : Clavier sans pavé numérique <br />
<br />
LaserEtched : Lettrage marqué au laser <br />
<br />
Engraved Etched : Lettrage incrusté dans la touche <br />
<br />
<b>Liens </b><br />
<br />
WASD Keyboard: <a href="https://www.wasdkeyboards.com/">https://www.wasdkeyboards.com/</a> <br />
<br />
Matias (fabricant Canadien) : <a href="http://matias.ca/quietpro/pc/">http://matias.ca/quietpro/pc/</a><br />
<br />
Revue de clavier : <a href="http://www.keyboardlover.com/">http://www.keyboardlover.com/</a> <br />
<br />
Wiki : <a href="http://en.wikipedia.org/wiki/Keyboard_technology">http://en.wikipedia.org/wiki/Keyboard_technology</a> <br />
<br />
Les « Switch » : <a href="http://deskthority.net/wiki/Category:List_of_all_keyboard_switches">http://deskthority.net/wiki/Category:List_of_all_keyboard_switches</a> <br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/07338618385462715010noreply@blogger.com2