tag:blogger.com,1999:blog-63042660759840549042024-02-06T22:40:19.803-05:00Le programmeur otakuL'humble blogue d'un programmeur otakuAnonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.comBlogger22125tag:blogger.com,1999:blog-6304266075984054904.post-13584964970590835772015-01-18T22:23:00.001-05:002015-01-18T22:23:51.396-05:00Top 10 aperçu des animes hiver 2015<h3>
1. Death Parade </h3>
12 épisodes<br />
Nous avions déjà eu un mini-film inspiré de cet univers : <a href="http://anilist.co/anime/14353/DeathBilliards" target="_blank">http://anilist.co/anime/14353/DeathBilliards</a>. <br />
Maintenant, nous avons droit à une saison complete, qui s'annonce très prometteuse.<br />
Un bar situé entre la vie et la mort, une ambiance mystérieuse, des personnages tout autant intriguant et une impression de ne jamais savoir ce qui nous attend dans le prochain épisode. Voilà comment je décrirais cette série.<br />
<a href="http://anilist.co/anime/20931/DeathParade" target="_blank">http://anilist.co/anime/20931/DeathParade</a> / <a href="https://twitter.com/search?q=%23dp_anime&src=typd" target="_blank">#dp_anime</a><br />
<br />
<h3>
2. <span class="banner__header">Ansatsu Kyoushitsu / </span>Assassination Classroom</h3>
22 épisodes<br />
J'avais déjà entendu parler du manga très populaire du même nom. Mais quelque chose me retenait de lire celui-ci.<br />
C'est donc avec peu d'anticipation que j'ai décidé de donner une chance au premier épisode de l'anime (ce ne fut pas une erreur car j'ai adoré).<br />
C'est une histoire très humoristique où les élèves d'une certaine classe doivent tuer (oui oui, tuer) leur professeur (qui est en fait un meurtrier qui a détruit une bonne partie de la lune).<br />
Je n'en dit pas plus et je vous laisse découvrir cette nouvelle série, si vous ne la connaissez pas déjà.<br />
<a href="http://anilist.co/anime/20755/AnsatsuKyoushitsu%28TV%29" target="_blank">http://anilist.co/anime/20755/AnsatsuKyoushitsu%28TV%29</a> /
<a href="https://twitter.com/search?q=%23%E6%9A%97%E6%AE%BA%E6%95%99%E5%AE%A4&src=typd" target="_blank">#暗殺教室</a>
<br />
<br />
<h3>
3. <span class="banner__header">Durarara!!x2 Shou</span></h3>
J'avais adoré la première saison de cette série, alors j'étais déjà un peu vendu d'avance sur ce coup là.<br />
On se retrouve bombardé de personnages tous aussi attachants que différents. Que ce soit une fille décapitée chevauchant une moto-cheval, un scientifique masqué, un colérique à la force surhumaine, une jolie jeune fille dont la voix est fait par Kana Hanazawa (je l'avoue, sa voix me fait fondre), une bisexuelle ... il y a de tout pour tout les goûts.<br />
Une deuxième saison qui s'annonce aussi bonne que la première.<br />
<a href="http://anilist.co/anime/20652/Durarara!!x2Shou" target="_blank">http://anilist.co/anime/20652/Durarara!!x2Shou</a> / <a href="https://twitter.com/search?q=%23drrr_anime&src=typd" target="_blank">#drrr_anime</a> <br />
<br />
<h3>
4. <span class="banner__header">THE iDOLM@STER: Cinderella Girls</span></h3>
Tout les amateurs d'anime d'idole connaissent Idolmaster. Voici maintenant une nouvelle histoire qui vient s'y ajouter.<br />
Je ne cacherai pas qu'il faut aimer ce genre d'anime ... mais moi, j'adore :).<br />
Trois filles totalement ordinaires intégrerons l'agence pour un nouveau projet (Cinderella project) et découvrirons la vie d'idole.<br />
<a href="http://anilist.co/anime/20693/THEiDOLM@STER:CinderellaGirls" target="_blank">http://anilist.co/anime/20693/THEiDOLM@STER:CinderellaGirls</a> /
<a href="https://twitter.com/search?q=%23imas_cg&src=typd" target="_blank">#imas_cg</a>
<br />
<br />
<h3>
5. <span class="banner__header">Aldnoah.Zero 2</span></h3>
Avec la fin rocambolesque de la saison 1, j'attendais cette nouvelle saison avec beaucoup d'impatience. Un peu trop même (quand on a trop d'attente on est plus facilement déçu).<br />
Même si ce n'est pas le revirement de situation que j'avais espéré, la saison apporte son lot de nouvelles intrigues et met en place ce qui laisse présager une guerre entre la Terre et Mars qui changera à jamais la vie des deux camps.<br />
Laissons un peu de temps pour voir comment évolue les choses.<br />
<a href="http://anilist.co/anime/20853/Aldnoah.Zero2" target="_blank">http://anilist.co/anime/20853/Aldnoah.Zero2</a> / <a href="https://twitter.com/search?q=%23aldnoahzero&src=typd" target="_blank">#aldnoahzero</a><br />
<br />
<h3>
6. <span class="banner__header">Koufuku Graffiti / </span>Gourmet Girl Graffiti</h3>
On ne peut pas le nier, c'est un anime avec la nourriture comme sujet principal, c'est un anime moe et c'est un anime du studio Shaft.<br />
Si vous aimez les mouvements de tête "shaftiesque", la nourriture japonaise et regarder de mignonnes filles manger de façon presque orgasmique. Alors vous allez aimer cet anime tout autant que moi.<br />
<a href="http://anilist.co/anime/20744/KoufukuGraffiti" target="_blank">http://anilist.co/anime/20744/KoufukuGraffiti</a> / <a href="https://twitter.com/search?q=%23koufukug&src=typd" target="_blank">#koufukug</a> <br />
<br />
<h3>
7. <span class="banner__header">Kantai Collection: Kan Colle</span></h3>
Des jeunes filles qui impersonifient des navires de guerre. Un peu dans le style de Upotte (même si c'était des fusils dans ce cas-ci).<br />
<a href="http://anilist.co/anime/20553/KantaiCollection:KanColle" target="_blank">http://anilist.co/anime/20553/KantaiCollection:KanColle</a> / <a href="https://twitter.com/search?q=%23%E8%89%A6%E3%81%93%E3%82%8C&src=typd" target="_blank">#艦これ</a> <br />
<br />
<h3>
8. <span class="banner__header">Saenai Heroine no Sodate-kata / </span>Saekano: How to Raise a Boring Girlfriend</h3>
Un anime humoristique à la "dating sim" où le protagoniste cherche à créer le parfait "dating sim" avec l'aide de filles aux personnalités complètement opposées.<br />
Cliché ?<br />
Oui !<br />
Mais je suis tombé sous le charme du style visuelle et je crois sincèrement que ça peut être une très bon divertissement.<br />
<a href="http://anilist.co/anime/20657/SaenaiHeroinenoSodate-kata" target="_blank">http://anilist.co/anime/20657/SaenaiHeroinenoSodate-kata</a> / <a href="https://twitter.com/search?q=%23saekano&src=typd" target="_blank">#saekano</a> <br />
<br />
<h3>
9. <span class="banner__header">Shinmai Maou no Keiyakusha</span></h3>
Selon moi, une saison n'est pas complète si nous n'avons pas notre dose de ecchi. Voici l'anime qui vient remédier à la situation.<br />
Comme pour la position précédente, l'histoire est très cliché : une fille avec du sang de démon et un gars avec du sang de héro, qui se retrouve à devoir cohabiter ensemble.<br />
<a href="http://anilist.co/anime/20678/ShinmaiMaounoKeiyakusha" target="_blank">http://anilist.co/anime/20678/ShinmaiMaounoKeiyakusha</a> / <a href="https://twitter.com/search?q=%23shinmaimaou&src=typd" target="_blank">#shinmaimaou</a><br />
<br />
<h3>
10. <span class="banner__header">Yuri Kuma Arashi</span></h3>
Je dois avouer que j'ai failli arrêter le premier épisodes après les 5 premières minutes. Je n'aimais pas le style visuelle et la façon dont l'animation était effectuer.<br />
Par contre, ma persévérance a été récompensée car j'ai découvert une histoire remplie de métaphores et dont le feeling me rappellais ma jeunesse quand je lisais le petit chaperon rouge ou autres contes du genre.<br />
J'ai hâte de voir si les autres épisodes vont me faire décrocher définitivement ou s'ils réussiront à me faire accepter leur charme métaphorique.<br />
<a href="http://anilist.co/anime/20827/YuriKumaArashi" target="_blank">http://anilist.co/anime/20827/YuriKumaArashi</a> / <a href="https://twitter.com/search?q=%23yurikuma&src=typd" target="_blank">#yurikuma</a>
<br />
<br />
<br />
<br />
<span class="value"><span class="value">N.B. : Comme d'habitude je tiens à
préciser qu'il s'agit d'une liste construite selon mes propres opinions
personnelles et goûts du moment. </span></span> Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-80754068337758400232014-10-11T19:20:00.000-04:002014-10-11T19:20:13.983-04:00Top 10 aperçu des animes automne 2014<span class="value"><span class="value">La première semaine de la saison
des animes automne 2014 est maintenant derrière nous. Comme je l'ai fait
pour la saison précédente, je vais faire un petit top 10 des titres qui
ont retenu mon attention.</span></span><br />
<br />
<span class="value"><span class="value">Comme d'habitude je tiens à préciser qu'il s'agit d'une liste construite selon mes propres opinions personnelles et goûts du moment. </span></span><br />
<br />
<br />
<h3>
1. Psycho-Pass 2</h3>
Lors de mon top 10 de la saison d'été 2014, la réédition de la première saison de Psycho-Pass avait eu le droit à la première position. Maintenant c'est au tour de la deuxième saison d'avoir le sommet de mon classement.<br />
Le premier épisode commence directement avec une poursuite policière et semble garder la même ambiance que son prédécesseur.<br />
Les nouveaux personnages ne sont pas présentés très en détails, mais je suis sûr que certain ont du potentiel (j'en ai une en tête dont je suis sûr d'aimer la détester) !<br />
<a href="http://anilist.co/anime/20513" target="_blank">http://anilist.co/anime/20513</a><br />
<br />
<h3>
2. Mushishi Zoku Shou 2</h3>
Au moment d'écrire cette article sur mon blogue, le premier épisode de cette saison de Mushishi n'est pas encore sortie. Mais étant un très grand fan de cette série, je lui donne la deuxième place de mon classement sans hésiter.<br />
Laissez-vous bercer par l'ambiance de Mushishi !<br />
<a href="http://anilist.co/anime/20751" target="_blank">http://anilist.co/anime/20751</a> <br />
<br />
<h3>
3. Fate/stay night: Unlimited Blade Works</h3>
<span class="value"><a href="https://twitter.com/search?q=%23Fate_SN_Anime&src=typd" target="_blank"></a></span>Fate/stay night ... enough said !<br />
Ai-je vraiment besoin de vanter ce titre. Je crois que la plupart connaisse déjà cette série avec la célèbre Saber.<br />
Cette nouvelle saison commence sur les chapeaux de roues avec un combat contre Archer et Lancer.<br />
Bref, si vous voulez de l'action, c'est l'anime qu'il vous faut cette saison !<br />
<a href="http://anilist.co/anime/19603" target="_blank">http://anilist.co/anime/19603</a> / <span class="value"><a href="https://twitter.com/search?q=%23Fate_SN_Anime&src=typd" target="_blank">#Fate_SN_Anime</a></span><br />
<br />
<h3>
4. Log Horizon 2</h3>
<span class="value"><a href="https://twitter.com/search?q=%23loghorizon&src=typd" target="_blank"></a></span>La
guerre entre les partisans de SAO et de Log Horizon va pouvoir
recommencer car nous avons maintenant une deuxième saison de Log
Horizon.<br />
Nous retrouvons les personnages que nous avons aimés ou détestés en route pour de nouvelles aventures.<br />
La
deuxième saison commence très tranquillement, fidèle au rythme que ce
titre s'était imposé lors de la première saison. Préférant mettre
davantage l'accent sur les tactiques, les guildes et les explications de
MMORPG.<br />
Ce qui ne m'a pas empêché de savourer chacun des deux épisodes déjà parus au moment d'écrire cet article.<br />
Et comment dire ... j'adore déjà la nouvelle cleric "idole" !<br />
<a href="http://anilist.co/anime/20671" target="_blank">http://anilist.co/anime/20671</a> / <span class="value"><a href="https://twitter.com/search?q=%23loghorizon&src=typd" target="_blank">#loghorizon</a></span><br />
<br />
<h3>
5. SHIROBAKO</h3>
<span class="value"><a href="https://twitter.com/search?q=%20%23musani&src=typd" target="_blank"></a></span>Je
dois dire que cette anime est une très belle surprise. Je ne
m'attendais à rien du tout et pourtant j'ai eu le droit à des courses de
voitures dans les rues de Tokyo en chantant des chansons enjouées, une
scéance d'enregistrement pour les voix d'un anime, une autre course, des
beignes, etc ...<br />
L'histoire raconte l'histoire d'un groupe d'amis
qui ont produit un anime lorsqu'ils étaient à l'école. Mais maintenant
qu'ils sont plus vieux, ils travaillent dans l'industrie de l'animation.<br />
Nous les suivrons donc essayer de rencontrer les délais pour livrer le prochain épisode. <br />
Ah oui, j'ai le goût de manger des beignes :D !<br />
<a href="http://anilist.co/anime/20812" target="_blank">http://anilist.co/anime/20812</a> / <span class="value"><a href="https://twitter.com/search?q=%20%23musani&src=typd" target="_blank"> #musani</a></span><br />
<br />
<h3>
6. Amagi Brilliant Park</h3>
<span class="value"><a href="https://twitter.com/search?q=%23amaburi&src=typd" target="_blank"></a></span>La
première chose qui m'a ammené à regarder le premier épisode de cette
anime est le fait que celui-ci est fait par Kyoto Animation. J'aime bien
ce que ce studio fait d'habitude (K-ON!, Chuunibyou, Hyouka, etc...).<br />
Après
trois minutes de visionnement, j'étais déjà séduit. Probablement la
meilleure scène d'introduction que j'ai vu depuis longtemps. <br />
Le reste de l'épisode était bien aussi.<br />
Bien
que les personnages soit extrêmement stéréotypés, l'histoire a au moins
le mérite de ne pas être surutilisé (nommé moi un anime où le héro doit
sauver un parc d'attraction de la faillite ...).<br />
Donc, un bon divertissement en perspective !<br />
<a href="http://anilist.co/anime/20602" target="_blank">http://anilist.co/anime/20602</a> / <span class="value"><a href="https://twitter.com/search?q=%23amaburi&src=typd" target="_blank">#amaburi</a></span><br />
<span class="value"> </span> <br />
<h3>
7. Hitsugi no Chaika: Avenging Battle</h3>
<span class="value"><a href="https://twitter.com/search?q=%23%E6%A3%BA%E5%A7%AB%E3%81%AE%E3%83%81%E3%83%A3%E3%82%A4%E3%82%AB&src=typd" target="_blank"></a></span>En route pour une deuxième courte (10 épisodes) saison avec la jolie lolitas au cercueil.<br />
Le
premier épisode reprend peu de temps après les événements de la
première saison. Donc je vous conseille fortement d'écouter la première
saison avant de commencer celle-ci.<br />
Espérons seulement que la multitude de mystère de la première saison seront expliqués dans ces 10 épisodes.<br />
<a href="http://anilist.co/anime/20719" target="_blank">http://anilist.co/anime/20719</a> / <span class="value"><a href="https://twitter.com/search?q=%23%E6%A3%BA%E5%A7%AB%E3%81%AE%E3%83%81%E3%83%A3%E3%82%A4%E3%82%AB&src=typd" target="_blank">#棺姫のチャイカ</a></span><br />
<br />
<h3>
8. Denki-Gai no Honya-san </h3>
<span class="value"><a href="https://twitter.com/search?q=%23denkigai%20%23umanohone&src=typd" target="_blank"></a></span>Voici maintenant le moment de présenter l'anime comique de la saison, qu'on écoute en déconnectant notre cerveau.<br />
Le principe de l'anime est de mettre dans des situations comiques des employés d'une boutique de manga / doujinshi.<br />
Mon personnage préféré jusqu'à maintenant : Sommelier-kun. Il peut conseiller des mangas à n'importe qui.<br />
<a href="http://anilist.co/anime/20710" target="_blank">http://anilist.co/anime/20710</a> / <span class="value"><a href="https://twitter.com/search?q=%23denkigai%20%23umanohone&src=typd" target="_blank">#denkigai #umanohone</a></span><br />
<br />
<h3>
9. Trinity Seven: 7-nin no Mahoutsukai</h3>
<span class="value"><a href="https://twitter.com/search?q=%23%E3%83%88%E3%83%AA%E3%83%8B%E3%83%86%E3%82%A3%E3%82%BB%E3%83%96%E3%83%B3&src=typd" target="_blank"></a></span>Voici un autre anime suprise dont je n'avais aucune attente particulière mais dont le premier épisode a titillé mon intérêt.<br />
Pour
résumer l'histoire : le héro découvre d'une façon étrange qu'il posséde
des pouvoirs magiques et fait la rencontre des Trinity Seven, un groupe
de magicienne où chacune d'elle incarne un vice (luxure, avarice,
gourmandise, etc...).<br />
Ce n'est probablement pas l'histoire la plus
originale qui soit, mais j'ai le sentiment que cet anime a du potentiel
s'il dose le ecchi et le fan-service avec modération.<br />
<a href="http://anilist.co/anime/20631" target="_blank">http://anilist.co/anime/20631</a> / <span class="value"><a href="https://twitter.com/search?q=%23%E3%83%88%E3%83%AA%E3%83%8B%E3%83%86%E3%82%A3%E3%82%BB%E3%83%96%E3%83%B3&src=typd" target="_blank">#トリニティセブン</a></span><br />
<br />
<h3>
10. Grisaia no Kajitsu / <span class="value">The Fruit of Grisaia</span></h3>
<span class="value"><a href="https://twitter.com/search?q=%23grisaia&src=typd" target="_blank"></a></span>Comment pourrais-je résumer le premier épisode de façon claire et concise : pantsu-shot.<br />
Vous êtes donc prévenus, nous avons ici une adaptation d'un visual novel qui n'a pas peur du ecchi et du fan-service.<br />
Mais
bon blague à part, voici ce que j'ai pu comprendre du premier épisode :
Le personnage principal (qui semble être un assassin) s'installe dans
une nouvelle école. Mais on se rend vite compte que la plupart des
élèves sont soit des assassins ou des personnes ayant été victime de
près ou de loin d'un assassin.<br />
<a href="http://anilist.co/anime/17729" target="_blank">http://anilist.co/anime/17729</a> / <span class="value"><a href="https://twitter.com/search?q=%23grisaia&src=typd" target="_blank">#grisaia</a></span>Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-43490857304752266792014-07-14T06:36:00.000-04:002014-07-14T06:36:47.218-04:00Top 10 aperçu des animes été 2014
<span class="value"><span class="value">La première semaine de la saison des animes été 2014 est maintenant derrière nous. Comme je l'ai fait pour la saison précédente, je vais faire un petit top 10 des titres qui ont retenu mon attention.</span></span><br />
<br />
<span class="value"><span class="value">Comme d'habitude je tiens à préciser qu'il s'agit d'une liste construite selon mes propres goûts personnelles du moment. </span></span><br />
<h3>
<span class="value"><span class="value"> </span></span></h3>
<h3>
<span class="value"><span class="value">1. Psycho-Pass New Edit Version</span></span></h3>
<span class="value"><span class="value"><span class="value"><a href="https://twitter.com/search?q=%23pp_anime&src=typd" target="_blank">#pp_anime</a></span></span></span><br />
<span class="value"><span class="value"><span class="value">11 épisodes</span></span></span><br />
<span class="value"><span class="value"><span class="value">Sans contredit mon choix #1 de la saison.</span></span></span><br />
<span class="value"><span class="value"><span class="value">Il s'agit d'une nouvelle édition de la série originale avec des épisodes d'environ une heure et de toutes nouvelles scènes.</span></span></span><br />
<span class="value"><span class="value"><span class="value">Nous retrouvons l'univers sombre et futuriste de Psycho-Pass avec grand bonheur.</span></span></span><br />
<span class="value"><span class="value"><span class="value">Fan de seinen, c'est un anime à ne pas manquer !</span></span></span><br />
<br />
<h3>
<span class="value"><span class="value"><span class="value">2. Sword Art Online II</span></span></span></h3>
<span class="value"><span class="value"><span class="value"><span class="value"><a href="https://twitter.com/search?q=%23sao_anime&src=typd" target="_blank">#sao_anime</a></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value">24 épisodes</span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value">Nous avons ici la deuxième saison d'un anime extrêmement attendu. Qui n'a pas entendu parler de la première saison de SAO !</span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value">Nous retrouvons les personnages qui nous ont fait rêver et de tout nouveaux prometteurs dans un nouveau jeu où les armes à feu sont mis à l'avant.</span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value">Un premier épisode très calme mettant en place l'histoire. Mais un deuxième épisode qui nous fait sauter directement dans un combat endiablé, nous faisant saliver pour la suite. </span></span></span></span><br />
<br />
<h3>
<span class="value"><span class="value">3. Bishoujo Senshi Sailor Moon: Crystal</span></span></h3>
<span class="value"><span class="value">26 épisodes</span></span><br />
<span class="value"><span class="value">Qui ne connais pas Sailor Moon, cette jolie guerrière en uniforme d'écolière chassant les monstres.</span></span><br />
<span class="value"><span class="value">Après une attente interminable, car cette nouvelle version de cet anime avait été reportée, nous avons enfin la chance de nous faire bercer par cette histoire ayant meublé la jeunesse de plusieurs d'entre-nous.</span></span><br />
<span class="value"><span class="value">Diffusé au deux semaine, j'attend déjà avec impatience l'épisode 2. </span></span><br />
<br />
<h3>
<span class="value"><span class="value"><span class="value"><span class="value">4. Kuroshitsuji: Book of Circus</span></span></span></span></h3>
<span class="value"><span class="value"><span class="value"><span class="value"><span class="type"></span><span class="value"><a href="https://twitter.com/search?q=%23kuroshitsuji&src=typd" target="_blank">#kuroshitsuji</a></span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value">10 épisodes</span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value">Encore un autre gros nom très populaire. Tout le monde aime Sébastien, Ciel et les autres.</span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value">Bien que le style graphique des personnages de cette nouvelle saison ne fait pas le bonheur de tout le monde, je l'ai trouvé très réussi.</span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value">Et en prime, l'humour de Kuroshitsuji est toujours aussi bonne. </span></span></span></span></span><br />
<br />
<h3>
<span class="value">5. Aldnoah.Zero</span></h3>
<span class="value"><span class="value"><a href="https://twitter.com/search?q=%23aldnoahzero&src=typd" target="_blank">#aldnoahzero</a></span></span><br />
<span class="value"><span class="value">24 épisodes</span></span><br />
<span class="value"><span class="value">Probablement le premier titre de ma liste qui n'est pas une série que je connaissait déjà. Donc la première surprise.</span></span><br />
<span class="value"><span class="value">Un meccha avec un arrière-plan de guerre galactique entre les humains de la Terre et ceux ayant migrés sur Mars.</span></span><br />
<span class="value"><span class="value">Un style d'histoire probablement sur-utilisé mais qui fait toujours le travail lorsqu'on désire un peu d'action. Par contre je dois avouer que ce qui m'a le plus accroché lors du premier épisode ce sont les personnages. Nous n'avons pas ici le genre de meccha avec un héro "tête-brulé".</span></span><br />
<br />
<h3>
6. Akame ga Kill!</h3>
<span class="value"><a href="https://twitter.com/search?q=%23akame_anime&src=typd" target="_blank">#akame_anime</a></span><br />
<span class="value">24 épisodes</span><br />
<span class="value">Un premier épisode rebondissant et surprennant qui se termine trop rapidement. Un héro beaucoup trop bonace, mais aussi très sympatique se voit embarquer bien malgré lui dans une aventure rocambolesque. On termine le premier en ne sachant pas trop qui sont les méchants et qui sont les gentils ... va falloir écouter les autres épisodes pour en savoir plus :) </span><br />
<br />
<h3>
<span class="value"><span class="value">7. Ao Haru Ride</span></span></h3>
<span class="value"><span class="value"><span class="value"><a href="https://twitter.com/search?q=%23aoha_anime&src=typd" target="_blank">#aoha_anime</a></span></span></span><br />
<span class="value"><span class="value"><span class="value">12 épisodes</span></span></span><br />
<span class="value"><span class="value"><span class="value">Une histoire d'amour au style de <i>Kimi ni todoke</i> avec des personnages et des décors somptueusements colorés. Probablement aussi le premier shoujo de ce genre avec une déclaration d'amour dès le premier épisode ...</span></span></span><br />
<span class="value"><span class="value"><span class="value">Cet anime risque d'être à coup sûr ma source d'émotion pour les prochaines semaine. </span></span></span><br />
<br />
<h3>
<span class="value"><span class="value"><span class="value"><span class="value">8. Gekkan Shoujo Nozaki-kun</span></span></span></span></h3>
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><a href="https://twitter.com/search?q=%23nozakikun&src=typd" target="_blank">#nozakikun</a></span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value">12 épisodes</span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value">Une autre histoire d'amour ! Mais cette fois-ci plus sur le style comédie-romantique. Que feriez-vous si la personne que vous aimiez était en réalité un lycéen taciturne mangaka de shoujo à l'eau de rose. Voilà le genre d'histoire que nous réserve cet anime. Un premier épisode me rappellant vaguement Tora-dora que j'espère apprécier tout autant. </span></span></span></span></span><br />
<br />
<h3>
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value">9. RAIL WARS!</span></span></span></span></span></span></h3>
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="type"></span><span class="value"><a href="https://twitter.com/search?q=%23rw_anime&src=typd" target="_blank">#rw_anime</a></span></span></span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value">? épisodes</span></span></span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value">Nous avons ici une histoire qui a le mérite d'être originale. L'histoire se déroule dans un japon où le réseau de transport ferroviaire n'est pas privatisé. Le héro, un étudiant désirant travailler pour ce réseau de transport, est assigné comme stagiaire pour le département de la sécurité avec quelques autres étudiant(e)s. Mais un groupe d'extrêmiste choisi ce moment pour monter un complot pour essayer de privatiser le réseau de transport ferroviaire.</span></span></span></span></span></span></span><br />
<span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value"><span class="value">En plus d'être originale, cette histoire est soutenu par un design graphique très réussi. </span></span></span></span></span></span></span><br />
<br />
<h3>
<span class="value"><span class="value">10. Sabagebu!</span></span></h3>
<span class="value"><span class="value"><span class="value"><a href="https://twitter.com/search?q=%23sabagebu&src=typd" target="_blank">#sabagebu</a></span></span></span><br />
<span class="value"><span class="value"><span class="value">? épisodes</span></span></span><br />
<span class="value"><span class="value"><span class="value">Je crois que s'est rendu un classique d'avoir au moins un anime avec de jolies jeunes fille et des armes à feu. Après C3-Bu, Upotte et bien d'autre, voici le tour de Sabagebu!</span></span></span><br />
<span class="value"><span class="value"><span class="value">Un club très spécial avec des membres très spécials qui pratiquent le "airsoft".</span></span></span>Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-451824210719564282014-07-09T22:40:00.000-04:002014-07-10T20:47:06.172-04:00Nouveauté PHP 5.6 - Nouvel opérateur "..."Cet article est né du fait que je voulais essayer le nouvel opérateur "..." de <i>PHP 5.6</i>.
<br />
C'est un opérateur qui permet à une fonction de recevoir un nombre de paramètre indéterminé. Nous avions déjà la possibilité de créer de telle fonction en utilisant la fonction <i>func_get_args()</i> pour récupérer les paramètres envoyés à celle-ci. Alors j'étais curieux de voir si ce nouvel opérateur ajouterais un avantage à mon code, soit par le fait d'utiliser moins de ligne ou par le fait de rendre le code plus clair et plus lisible.<br />
<br />
Je commence avec un premier exemple pour comparer le avant et après PHP 5.6 en implémentant une fonction coalesce en PHP. La fonction <i>coalesce</i> a simplement pour but de recevoir un nombre de paramètre indéterminé et de retourner la valeur du premier paramètre qui n'est pas nulle. Si aucun paramètre n'est pas nulle alors on retourne tout simplement nulle.<br />
<br />
<u><b>Exemple 1 : Avant <i>PHP 5.6</i></b></u><br />
<pre class="prettyprint">function coalesce()
{
$values = func_get_args();
foreach ($values as $value) {
if ($value !== null) {
return $value;
}
}
return null;
}
echo coalesce(null, null, 'hello world'); // output 'hello world'
</pre>
<br />
<u><b>Exemple 1 : Avec <i>PHP 5.6</i></b></u><br />
<pre class="prettyprint">function coalesce(...$values)
{
foreach ($values as $value) {
if ($value !== null) {
return $value;
}
}
return null;
}
echo coalesce(null, null, 'hello world'); // output 'hello world'
</pre>
<br />
Après ce premier exemple, on se rend compte qu'effectivement, la fonction avec le nouvel opérateur est plus facilement reconnaissable comme une fonction acceptant un nombre de paramètre indéterminé. La lecture du code est aussi légèrement plus aisé étant donnée que les paramètres ne semble pas venir de nulle part. <br />
<br />
Maintenant j'ai le goût de rendre l'exemple un peu plus complexe. Je vais dériver de l'implémentation normale de la fonction <i>coalesce</i> pour la transformer un peu. Je désire que le premier paramètre de la fonction détermine si on accepte les valeurs vide ou non.<br />
<br />
<u><b>Exemple 2 : Avant <i>PHP 5.6</i></b></u><br />
<pre class="prettyprint">const NULL_MODE = 1;
const EMPTY_MODE = 2;
function coalesce($mode)
{
$values = func_get_args();
unset($values[0]);
foreach ($values as $value) {
if (
($mode === NULL_MODE && $value !== null)
|| ($mode === EMPTY_MODE && !empty($value))
) {
return $value;
}
}
return null;
}
echo coalesce(NULL_MODE, null, '', 'hello world'); // output ''
echo coalesce(EMPTY_MODE, null, '', 'hello world'); // output 'hello world'
</pre>
<br />
<u><b>Exemple 2 : Avec <i>PHP 5.6</i></b></u><br />
<pre class="prettyprint">const NULL_MODE = 1;
const EMPTY_MODE = 2;
function coalesce($mode, ...$values)
{
foreach ($values as $value) {
if (
($mode === NULL_MODE && $value !== null)
|| ($mode === EMPTY_MODE && !empty($value))
) {
return $value;
}
}
return null;
}
echo coalesce(NULL_MODE, null, '', 'hello world'); // output ''
echo coalesce(EMPTY_MODE, null, '', 'hello world'); // output 'hello world'
</pre>
<br />
On voit très facilement que le nouvel opérateur nous facilite la vie en nous évitant d'avoir à retirer le premier paramètre que la fonction <i>func_get_args()</i> nous retourne. Puis tout comme l'avait prouvé le premier exemple, la signature de la fonction est beaucoup plus claire avec le nouvel opérateur.<br />
<br />
Les exemples suivants sont mis là juste à titre de démonstration des avantages que l'on peut utiliser avec le nouvel opérateur.<br />
<br />
On peut obliger les paramètres indéfinis à être d'un type en particulier.<br />
<pre class="prettyprint">function coalesce(DateTime ...$values)
{
// implémentation ici
}
</pre>
<br />
On peut également utiliser l'opérateur avec un array lorsque l'on appelle la fonction. Ce qui permet de décomposer les valeurs de l'array en multiple paramètre. <br />
<br />
<pre class="prettyprint">function coalesce(...$values)
{
// implémentation ici
}
$array = [null, 'hello world'];
echo coalesce(...$array); // output 'hello world'
</pre>
<br />
Donc en conclusion, il est vrai que ce nouvel opérateur rend la lecture du code plus facile, mais est-ce que les fonctions qui accepte un nombre de paramètre indéterminé sont si fréquente que cela dans la vie d'un développeur de tout les jours ... Personellement, je me suis creusé la tête un bon moment avant de trouver une fonction (<i>coalesce</i>) pour laquelle accepter ce genre de paramètre avait du sens. J'ai aussi pensé au <i>console.log()</i> en <i>JavaScript</i>. <br />
<br />
Je termine sur un petit défi :) Est-ce que vous connaissez des cas types où l'usage d'une fonction acceptant un nombre de paramètre indéterminé est plus utile et compréhensible qu'une fonction acceptant un simple array !<br />
<br />
<u><b>Référence :</b></u><br />
<a href="http://www.php.net/manual/en/migration56.new-features.php#migration56.new-features.variadics" target="_blank">http://www.php.net/manual/en/migration56.new-features.php#migration56.new-features.variadics</a><br />
<a href="http://www.php.net/manual/en/functions.arguments.php#functions.variable-arg-list" target="_blank">http://www.php.net/manual/en/functions.arguments.php#functions.variable-arg-list</a> Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-44022886958983635992014-07-01T10:47:00.000-04:002014-07-01T10:51:01.509-04:00Top 3 Anime printemps 2014<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx3bqTVcgje7PYV-XERvnw1CZF9Ez5pgpoVum8LeI5J7WGqKV0dYvcKsAIrJj55RP26N4n2AHtUg7fxbxM8IenZC7_W88taQF_NelC3ycAmqm_UhBN6IfKxbriNOGda8tFR3Jbi0yiltS4/s1600/top3-anime-printemps-2014-small.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx3bqTVcgje7PYV-XERvnw1CZF9Ez5pgpoVum8LeI5J7WGqKV0dYvcKsAIrJj55RP26N4n2AHtUg7fxbxM8IenZC7_W88taQF_NelC3ycAmqm_UhBN6IfKxbriNOGda8tFR3Jbi0yiltS4/s1600/top3-anime-printemps-2014-small.png" width="100%" /></a></div>
<br />
Alors que ce termine la saison printemps 2014, j'ai décidé de faire un top 3 des animes qui ont réussi à me marquer. C'est aussi pour faire suite à l'article que j'avais écrit après la première semaine de la saison : <a href="http://programmeur-otaku.blogspot.ca/2014/04/top-10-apercu-des-animes-printemps-2014.html" target="_blank">Top 10 aperçu des animes printemps 2014</a>.<br />
<br />
Avant de continuer plus loin, je tiens à préciser que cette liste est basée entièrement sur mon propre jugement, mes goûts et mes intérêts du moment.<br />
<br />
<hr />
<br />
<h3>
1. Mushi-shi (sequel)</h3>
Mushi-shi c'est Mushi-shi (pas besoin de plus d'explication) ! <br />
Fidèle au rythme et la poésie que j'avais adoré lors de la première saison de Mushi-shi, cette dernière gagne haut la main le sommet de ma liste.<br />
<br />
<h3>
2. Love Live! School Idol Project (2nd Season)</h3>
Une deuxième saison qui commence sur les chapeaux de roues et qui se termine dans un mélange de tristesse, nostalgie et de bonheur. Une saison en montagne russe émotionnelle avec nos idoles bien-aimées qui se mérite la deuxième place de mon classement.<br />
La saison se termine également sur l'annonce d'un film, donc patience, Love Live n'est pas terminé. <br />
<br />
<h3>
3. No Game No Life</h3>
Un style graphique très surexposé qui choque un peu au premier abord mais que l'ont vient à adorer.<br />
Plusieurs styles de fantasmes différents mélangés ensemble : loli, grosse poitrine, furry, bro-con, sis-con.<br />
Une histoire et des personnages qui ne se prennent pas au sérieux.<br />
Une fin de saison cliffhanger qui nous fait rêver à une deuxième saison.<br />
Voilà ce qu'est No Game No Life !<br />
<br />
<hr />
<br />
Je tiens à mentionner d'autres titres qui m'ont agréablement accompagnés lors de cette saison : Blade and Soul, Black Bullet, Mekakucity Actors, One Week Friends, The Comic Artist and His Assistants, The Irregular at Magic High School, The World is Still BeautifulAnonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-82834753595017123112014-06-25T21:20:00.000-04:002014-06-25T21:21:41.949-04:00Gargantia: Sky Courier<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbLbdu1GTmRHTBeYBpW5VLhqDsXZNG_gn7be34c3XEQdX7ztG6Kxu4aFGlBxVLfRy4_E5ef_6vuhpqUviCT0pRe9S8ZImJyATvJGMjn6rV7IXhnihXr9dMHN8bPhTYI3s9arLA6HixCWr/s1600/gargantia.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPbLbdu1GTmRHTBeYBpW5VLhqDsXZNG_gn7be34c3XEQdX7ztG6Kxu4aFGlBxVLfRy4_E5ef_6vuhpqUviCT0pRe9S8ZImJyATvJGMjn6rV7IXhnihXr9dMHN8bPhTYI3s9arLA6HixCWr/s1600/gargantia.png" height="225" width="400" /></a></div>
<br />
J'ai découvert un nouveau projet fort interessant il y a quelque temps par l'intermédiaire de ma très chère Inori Aizawa :) Il s'agit d'un tout nouveau mini-jeu <i>HTML 5</i> / <i>WebGL</i> inspiré du populaire anime <i>Gargantia on the Verdurous Planet</i>.<br />
<br />
Créé par Production I.G. en partenariat avec Internet Explorer et utilisant la plateforme 3D Turbulenz, ce jeu met à profit de nombreuses nouvelles technologies web telle que le <i>WebGL</i> et le <i>Gamepad API</i>.<br />
<br />
Pour les fans d'Open Source, vous serez heureux d'apprendre que le code
du jeu et de la première mission est disponible (sous license <i>MIT</i>) sur
GitHub. <br />
<br />
Deux modes de jeu sont proposés: l'histoire ou le vol libre.<br />
Le mode histoire consiste à remplir des mission en volant dans le ciel.<br />
Le mode vol libre tant qu'à lui vous propose simplement de voler sans contrainte et d'admirer le paysage paisiblement.<br />
<br />
Donc, sans plus attendre, prennez votre envol : <a href="http://fly.gargantia.jp/" target="_blank">http://fly.gargantia.jp/</a><br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-83737330969744582412014-05-08T23:35:00.003-04:002014-05-08T23:38:09.835-04:00Ouvrir la console à partir d'un dossier spécifique<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/AVvXsEjQwuNnPFRfIH6nivKE5fWOF5uLByW-sejTFnE3S6fvuvCz6FaHL2wk-IDIWBUJxFW55QIIJCG_nLQePRzEAnvJiHpPCyZP_a35yfrZve-e6Ow_RwDvcZzc_94aPfqM7ujn6v25J69ky77Q/s1600/PowerShellContextMenu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQwuNnPFRfIH6nivKE5fWOF5uLByW-sejTFnE3S6fvuvCz6FaHL2wk-IDIWBUJxFW55QIIJCG_nLQePRzEAnvJiHpPCyZP_a35yfrZve-e6Ow_RwDvcZzc_94aPfqM7ujn6v25J69ky77Q/s1600/PowerShellContextMenu.png" /></a></div>
<div style="text-align: center;">
<br /></div>
Ça fait longtemps que je n'avais pas fait d'article un peu plus "technique".<br />
Alors, voilà que la fin de semaine passée j'ai eu à faire du développement sur ma machine Windows chez moi. J'ai eu le malheur de constater qu'une fonctionnalitée que j'aimais beaucoup sur ma machine Linux n'était pas présente : pouvoir ouvrir une console à partir d'un dossier et que celle-ci soit positionnée dans ce même dossier.<br />
Alors je vous présente mon cheminement de recherche.<br />
<h3>
</h3>
<h3>
La méthode manuelle (et plate)</h3>
<ul>
<li>Copier le chemin complet du dossier</li>
<li>Appuyer sur les touches Windows+R</li>
<li>Écrire la commande <i>cmd</i></li>
<li>Écrire dans la console la commande <i>cd,</i> puis coller le chemin complet du dossier</li>
</ul>
<h3>
</h3>
<h3>
La méthode "cachée"</h3>
Après un peu de recherche, je me suis rendu compte que ce que je voulais était déjà inclus dans le système d'exploitation, mais que je ne savais pas comment le trouver. Ce que je ne savais pas, c'était que si on ouvrait le menu contextuel d'un dossier en appuyant sur <i>MAJ</i> en même temps, de nouvelles options s'ajoutaient au menu (dont l'option que je cherchait)<br />
<ul>
<li><i>MAJ</i> + Clique droit de souris</li>
<li>Cliquer sur l'option "Open command window here"</li>
</ul>
<h3>
</h3>
<h3>
La méthode "cachée" améliorée</h3>
Bien que je puisse comprendre pourquoi Microsoft a voulu cacher cette option qui n'est pas nécessaire au commun des gens, je voulais trouver une façon de faire apparaître cette option sans avoir à appuyer sur <i>MAJ</i>. Après un peu d'investigation, j'ai découvert ma "citée d'or". Il suffit de supprimer trois petites valeurs dans le registre de Windows.<br />
<ul>
<li>Supprimer la valeur "Extended" située dans ces clés de registre :<br />[<b><i>HKEY_CLASSES_ROOT\Drive\shell\cmd</i></b>]<br />[<b><i>HKEY_CLASSES_ROOT\Directory\shell\cmd</i></b>] <br />[<b><i>HKEY_CLASSES_ROOT\Directory\background\shell\cmd</i></b>]</li>
<li>Redémarrer l'application <i>Explorer.exe </i></li>
</ul>
Voici un script pour exécuter ces commandes automatiquement : <a href="https://gist.github.com/EmeraldCoder/e93ac35dc943f5bb7d7a" target="_blank">https://gist.github.com/EmeraldCoder/e93ac35dc943f5bb7d7a</a><br />
<h3>
</h3>
<h3>
La méthode PowerShell</h3>
Jusqu'ici tout est bien qui fini bien. Sauf si je préfére utiliser la PowerShell au lieu de la console ordinaire. La modification n'est pas très longue à faire, mais nous avons 2 choix.<br />
1. Modifier la commande de l'option "Open command window here"<br />
2. Créer une nouvelle option "Open PowerShell window here".<br />
J'ai choisi la deuxième option car elle me laisse la possibilité de choisir entre les deux consoles à tout moment. <br />
<ul></ul>
<ul>
<li>Créer la clé de registre [<i><b>HKEY_CLASSES_ROOT\Drive\shell\PowerShell</b></i>] et changer la valeur par défaut par : <i>Open PowerShell window here</i></li>
<li>Créer la clé de registre [<b><i>HKEY_CLASSES_ROOT\Drive\shell\PowerShell\command</i></b>] et changer la valeur par défaut par : <br /><pre class="prettyprint">powershell.exe -NoExit -Command Set-Location -LiteralPath '%1'</pre>
</li>
<li>Créer la clé de registre [<b><i>HKEY_CLASSES_ROOT\Directory\shell\PowerShell</i></b>] et changer la valeur par défaut par : <i>Open PowerShell window here</i></li>
<li>Créer la clé de registre [<b><i><i>HKEY_CLASSES_ROOT\Directory\shell</i>\PowerShell\command</i></b>] et changer la valeur par défaut par : <br /><pre class="prettyprint">powershell.exe -NoExit -Command Set-Location -LiteralPath '%1'</pre>
</li>
<li>Créer la clé de registre [<b><i>HKEY_CLASSES_ROOT\Directory\background\shell\PowerShell</i></b>] et changer la valeur par défaut par : <i>Open PowerShell window here</i></li>
<li>Créer la clé de registre [<b><i>HKEY_CLASSES_ROOT\Directory\background\shell</i><i>\PowerShell\command</i></b>] et changer la valeur par défaut par : <br /><pre class="prettyprint">powershell.exe -NoExit -Command Set-Location -LiteralPath '%V'</pre>
</li>
<li>Redémarrer l'application Explorer.exe</li>
</ul>
Voici un script pour exécuter ces commandes automatiquement : <a href="https://gist.github.com/EmeraldCoder/088d9e4723ac1df12a70" target="_blank">https://gist.github.com/EmeraldCoder/088d9e4723ac1df12a70</a><br />
<br />
<br />
Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-70096794484462584352014-04-09T23:34:00.000-04:002014-04-09T23:34:27.230-04:00Top 10 aperçu des animes printemps 2014Voilà maintenant environ une semaine que la saison des animes printemps 2014 est commencée alors je me suis dit que j'allais faire une petite liste des titres qui ont captés mon attention (soit par un premier épisode surprenant, soit par des amis ou soit par d'autres blogueurs).<br />
<br />
<h3>
1. Fairy Tail Series 2</h3>
La première position n'est probablement pas une surprise pour personne me connaissant : j'adore Fairy Tail. <br />
En plus de retrouver nos magiciens préférés, l'animation et les personnages ont été améliorés (notamment les effets de feu de Natsu) pour le plus grand plaisir des fans.<br />
<br />
<h3>
2. Love Live! School Idol Project 2nd Season </h3>
Nico Nico-ni :)<br />
Quoi de plus merveilleux que de pouvoir retrouver les personnages d'une série qu'on a adorée.<br />
Sans
faire attendre ses fans, le premier épisode ne traîne pas, mettant
rapidement en place la trame nécessaire pour une saison des plus
mémorable. <br />
Si vous aimez les "idol" (comme moi), la musique
(comme moi) et le "moe" (comme moi), vous allez probablement adorer
cette saison autant que moi.<br />
<br />
<h3>
3. Gokukoku no Brynhildr (Brynhildr in the Darkness)</h3>
Une série par les créateurs de Elfen Lied ... voilà qui place la barre très haute pour cet anime. C'est aussi probablement la raison de la troisième position de mon top 10. J'ai très hâte de voir si mes attentes vont être contentées.<br />
Un premier épisode "correct" mettant en place tranquillement l'histoire, l'ambiance et les personnages principaux. Mais c'est le genre d'histoire qui demande du développement, alors je vais attendre un peu plus avant de me prononcer.<br />
<br />
<h3>
4. Isshuukan Friends (One Week Friends)</h3>
Que feriez-vous si vous perdiez la mémoire de vos bons moments à chaque semaine ? <br />
Bien que le style de dessin un peu enfantin de cet anime m'a un peu rebuter au premier abord, je suis content d'avoir terminé le premier épisode au complet. Derrière ces dessins ce cache une histoire originale qui va surement laisser place à beaucoup de quiproquos et de situations autant loufoques que dramatiques.<br />
<br />
<h3>
5. Soul Eater Not</h3>
Je ne connais pas beaucoup de personne qui n'ont pas aimé Soul Eater. Alors, je ne crois pas que personne ne va détester Soul Eater Not. Cet anime met en vedette de nouveaux personnages dans le même univers que Soul Eater (avec quelques caméos des personnages originaux).<br />
Le premier épisode laisse également envisager un trio "yuri" très spécial.<br />
<br />
<h3>
6. Mushishi Zoku Shou (Mushi-shi)</h3>
La place de cet excellent anime
à l'ambiance feutrée unique dans son genre était déjà gagnée dans mon
coeur. À mon grand bonheur, cette saison-ci semble suivre la même voie.<br />
<br />
<h3>
7. No Game No Life </h3>
Maintenant que l'anime Phi-Brain est terminé, il fallait quelque chose de nouveau pour combler ma dose de "puzzle". No Game No Life semble vouloir répondre à ma demande.<br />
Le premier épisode nous apporte dans un monde virtuel où tout est centré autour de jeux de stratégie, de chance et de tricherie.<br />
Un style de dessin un peu particulier, un soupçon de "bro-con", quelques "pantsu-shot", des perdants et des gagnants ... voilà ce qui semble nous attendre avec cet anime.<br />
<br />
<h3>
8. Bokura wa Minna Kawaisou (The Kawai Complex Guide to Manors and Hostel Behavior) </h3>
<br />
Un jeune homme déménage dans une nouvelle demeure pour découvrir que la fille pour laquelle il a un faible y habite également. <br />
Une comédie-romantique remplis de personnages comme on les aime : le coloc pervers, la mère alcoolique, la grand-mère rigolote, la jeune fille lunatique et l'étudiant ordinaire.<br />
Une série à écouter pour décrocher, rire et passer du bon temps pas compliquer. <br />
<br />
<h3>
9. Mangaka-san to Assistant-san to (The Comic Artist and Assistant) </h3>
Peut-être
que vous trouviez que mon top 10 manquait de ecchi jusqu'à maintenant.
Eh bien j'ai la net impression que cet anime va venir apporter la dose
de ecchi hebdomadaire necessaire à la survie de tout bon otaku.<br />
Avec
de cours épisode d'une quinzaine de minute, nous ferons la connaissance
d'un mangaka, de sa jeune et jolie assistante et de son éditeure
(probablement aussi plein d'autre jolies filles si on se fit à l'opening
de l'anime). <br />
<br />
<h3>
10. Mahouka Koukou no Rettousei (The Irregular at Magic High School)</h3>
Je tiens à préciser que la 10e place a été très longue à choisir. J'ai hésité entre trois ou quatre animes presque ex aequo pour finalement arrêter mon choix sur Mahouka Koukou no Rettousei.<br />
Le premier épisode laisse planner plusieurs mystères autour des personnages principaux, ce qui me donne le goût de continuer à écouter l'anime pour en découvrir davantage.<br />De plus, j'adore l'uniforme féminin avec la cape semi-transparente. Ça donne un petit côté féerique.<br />
<br />
<h3>
??. Mekakucity Actors</h3>
Au moment d'écrire cet article, le premier épisode de Mekakucity Actors n'est malheureusement pas encore disponible. C'est pourquoi je ne lui accorde pas de note au classement. Par contre je lui accorde une mention spéciale étant donné que c'est l'un des animes qui semble parmis les plus attendus sur les forums. Et quoi dire de plus ... c'est produit par Shaft.<br />
<br />
Bien sûr, qui dit top 10, dit qu'il existe une multitude d'autre excellent anime en cette saison. Mais j'ai dû faire un choix selon mes préférences et mon humeur du moment. Pour en nommer quelques un, il y a Date A Live 2, Baby Steps, Blade and Soul, Mahou Shoujo Taisen, Majin Bone, La corda d'oro, etc...Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-89182999492719329912013-11-07T22:01:00.000-05:002013-11-07T22:32:47.310-05:00Découverte du web - Inori Aizawa<br />
C'est en tombant par hasard sur cette vidéo virale que j'ai découvert la fameuse Inori Aizawa.<br />
<br />
<div class="separator" style="clear: both;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/BHTUlF7NA2o?feature=player_embedded' frameborder='0'></iframe></div>
<br />
<br />
Quel ne fut pas ma surprise de voir Internet Explorer dans le rôle d'une jeune mahou shoujo (magical girl) version animé japonais. L'animation est très bien fait et je n'ai rien à contredire.<br />
<br />
<br />
Mais j'ai été encore plus surpris de tomber sur une page facebook représentant cette jeune héroïne <a href="http://www.internetexplorertan.com/" target="_blank">http://www.internetexplorertan.com</a>.<br />
<br />
<br />
Ainsi que sur un SkyDrive avec de jolies wallpapers <a href="http://sdrv.ms/internetexplorertan" target="_blank">http://sdrv.ms/internetexplorertan</a>.<br />
<br />
<br />
Et pour finir une jolie cosplayeuse incarnant le personnage <a href="https://www.facebook.com/APCvalerie" target="_blank">https://www.facebook.com/APCvalerie</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiom3OaQmiLD-lbcKoH_bAMMxsC_JxoH6u6mxXqSONeY4GJ7SDGQ0G5i983D8V1PW7IfqDxn2jiUUJIOaZkBgzJ6hfLytULjlsLgKGo9rwsn4-oIlFJpAEnTrBRdi7qQDPqygpLh9BDVfLC/s1600/1381921_370762539724598_2129954207_n.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiom3OaQmiLD-lbcKoH_bAMMxsC_JxoH6u6mxXqSONeY4GJ7SDGQ0G5i983D8V1PW7IfqDxn2jiUUJIOaZkBgzJ6hfLytULjlsLgKGo9rwsn4-oIlFJpAEnTrBRdi7qQDPqygpLh9BDVfLC/s320/1381921_370762539724598_2129954207_n.jpg" width="320" /></a></div>
<div style="clear: both;">
<br />
<br />
Pour conclusion, coup de marketing très intéressant. Bravo !<br />
À quoi pouvons-nous nous attendre pour la suite, une bataille légendaire entre Internet Explorer, Firefox et Chrome en version animation. Les otakus finis tel que moi en rêve probablement déjà :) </div>
Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-67915554741925123742013-07-14T09:57:00.000-04:002013-07-14T10:01:08.454-04:00Découverte du web - Film AkagiC'est en écoutant divers vidéos de mahjong sur YouTube que je suis tombé sur cette petite perle, un live action (avec des acteurs) d'environ 1 heure sur le premier arc de l'anime et manga Akagi.<br />
<br />
Ok, c'est en japonais sous-titré en mandarin, mais si vous connaissez quelques gros mots et un peu le vocabulaire japonais du mahjong, les dialogues sont très facile à suivre (ce sont des yakuzas, pas des philosophes).<br />
<br />
Sur ce, sans plus attendre, je vous partage ma découverte coup de coeur.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/wtb24AOfNKQ?feature=player_embedded' frameborder='0'></iframe></div>
<br />Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-61373358168440355362013-04-14T12:14:00.000-04:002013-04-14T12:14:32.641-04:00Comment jouer au Riichi Mahjong 2 - Les combinaisons<div style="text-align: center;">
<img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY7ImZDu0QUhO9RIpwuhDTOUPkWc4MJSNh-R2SiRLIIDjyBKc3GM7Mv18RVxug4zJOb3Ch8anKdG0X8Aqxw4FxJS6PFVjE_an1h7lsIEpHkqJl0-QjZUvffkvgt4VSUIoiQXly9lc6Sqz/s320/saki.jpg" width="320" /></div>
<br />
Voici mon deuxième tutoriel sur le riichi mahjong. Pour ceux qui aurait manqué mon premier qui expliquait les différentes tuiles contenu dans un jeu de mahjong, voici le lien : <a href="http://programmeur-otaku.blogspot.com/2013/04/comment-jouer-au-riichi-mahjong-1-les.html">Comment jouer au Riichi Mahjong 1 - Les tuiles</a>.<br />
<br />
Cette fois je vais vous montrer les différents types de combinaison possible lors d'une partie de mahjong (qui je l'espère sera épique).<br />
Ces combinaisons sont importantes à connaître car pour gagner une manche vous devez compléter 4 combinaisons + 1 paire dans votre main.<br />
Il existe des exceptions à cette règle : par exemple une main de 7 paires.<br />
Mais pour l'instant l'important c'est de connaître les types de combinaison.<br />
<br />
<h3>
Pon </h3>
Cette combinaison correspond à 3 tuiles identiques <br />
<br />
<div class="separator" style="clear: both;">
<small>Nous avons ici un "pon" de 8 de bambous</small></div>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRq_IyBUlYT0xovpOF48XciTSScP_y9mWFzEwd9Cl7n3cqmcjIF2AtJgcOIOe3Ruyv4wCRofywEj9ZLdbm5TLLjRO4KaFn4hFfkgob1MgNH6Qw2WoTEctlV-mj0_-RIyPjg-Q0EcDsxOB/s1600/bamboo8.png" width="75" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRq_IyBUlYT0xovpOF48XciTSScP_y9mWFzEwd9Cl7n3cqmcjIF2AtJgcOIOe3Ruyv4wCRofywEj9ZLdbm5TLLjRO4KaFn4hFfkgob1MgNH6Qw2WoTEctlV-mj0_-RIyPjg-Q0EcDsxOB/s1600/bamboo8.png" width="75" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRq_IyBUlYT0xovpOF48XciTSScP_y9mWFzEwd9Cl7n3cqmcjIF2AtJgcOIOe3Ruyv4wCRofywEj9ZLdbm5TLLjRO4KaFn4hFfkgob1MgNH6Qw2WoTEctlV-mj0_-RIyPjg-Q0EcDsxOB/s1600/bamboo8.png" width="75" /><br />
<br />
<br />
<h3>
Kan </h3>
Cette combinaison correspond à 4 tuiles identiques <br />
<br />
<div class="separator" style="clear: both;">
<small>Nous avons ici "kan" de 1 de rond</small></div>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1BTFm0zG5Secys-8TTjONbPFVziUqfrlDoZMRBXImU8CiXgh34NN7ijpyRi7TtkEyeBLt2zqMICtJ3ItpM_rUkvvPGOBkb_oe_s5w6Qnxc8WslcTFI1asEzxZmVJA99hPaBLeSKOcxhOG/s1600/dot1.png" width="75" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1BTFm0zG5Secys-8TTjONbPFVziUqfrlDoZMRBXImU8CiXgh34NN7ijpyRi7TtkEyeBLt2zqMICtJ3ItpM_rUkvvPGOBkb_oe_s5w6Qnxc8WslcTFI1asEzxZmVJA99hPaBLeSKOcxhOG/s1600/dot1.png" width="75" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1BTFm0zG5Secys-8TTjONbPFVziUqfrlDoZMRBXImU8CiXgh34NN7ijpyRi7TtkEyeBLt2zqMICtJ3ItpM_rUkvvPGOBkb_oe_s5w6Qnxc8WslcTFI1asEzxZmVJA99hPaBLeSKOcxhOG/s1600/dot1.png" width="75" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1BTFm0zG5Secys-8TTjONbPFVziUqfrlDoZMRBXImU8CiXgh34NN7ijpyRi7TtkEyeBLt2zqMICtJ3ItpM_rUkvvPGOBkb_oe_s5w6Qnxc8WslcTFI1asEzxZmVJA99hPaBLeSKOcxhOG/s1600/dot1.png" width="75" /><br />
<br />
<br />
<h3>
Chii </h3>
Cette combinaison correspond à 3 tuiles du même type qui forme une suite.<br />
N.B. (1) : Une suite a toujours 3 tuiles, on ne peut pas faire de suite de plus de 3 tuiles.<br />
N.B. (2) : Les tuiles honorifiques (dragons et vents) ne peuvent pas être utilisées pour faire une suite<br />
<br />
<div class="separator" style="clear: both;">
<small>Nous avons ici un "chii" de 2, 3, 4 de bambous</small></div>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4UMwTqnWf7yMu-ZDKBqiFtPf83XOWqkhNlTzmhCtaGEGEw2JbfQlIVs7zNCh37etJ6CHmKxM-z2tScbjESD2G1rYQH73ugoKn-dOuuUcZjT3IwO2R3ea0soW9OXohUaDw1KjBn3wOSIPx/s1600/bamboo2.png" width="75" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrR0mmLackVRRwJGcGKMq_lcKkIWjOHORxV6jKlKYm1AseGTQZSe0n1x64WvypdfSeNuxbGUuRxNbPROgYykxVDXBW6wrKkhXsVK9BsdKzB8WCzlI3TVRnCFf18AR7V8x6keyQobGFZzMM/s1600/bamboo3.png" width="75" />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF7P3b0jVsK9rPPHkQX73erC3h8k_0qlgtxmjE3NS1me38A8fCyLH7p8Ka-vsiIKcTc-xuf1pyborsAd4TfAXY6UDg3UJWHg3iRFngJ8Z9MoM7-m7LfiFfwHeUA7cB0G8L8OOd_5lY1MLX/s1600/bamboo4.png" width="75" /><br />
<br />Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-73001627220948912652013-04-07T22:11:00.000-04:002013-04-07T22:11:02.813-04:00Comment jouer au Riichi Mahjong 1 - Les tuiles<div style="text-align: center;">
<img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY7ImZDu0QUhO9RIpwuhDTOUPkWc4MJSNh-R2SiRLIIDjyBKc3GM7Mv18RVxug4zJOb3Ch8anKdG0X8Aqxw4FxJS6PFVjE_an1h7lsIEpHkqJl0-QjZUvffkvgt4VSUIoiQXly9lc6Sqz/s320/saki.jpg" width="320" /></div>
<br />
Ceci est la première partie d'une suite de tutoriaux que j'ai décidé de faire afin d'expliquer les règles du Riichi Mahjong (mahjong japonais).<br />
<br />
La première chose à connaître quand ont veut jouer au mahjong, ce sont les différentes sortes de tuile contenu dans le jeu. Ça tombe bien car c'est justement le but de ce tutoriel.<br />
<br />
<hr />
<br />
Chaque tuile est présente 4 fois dans le jeux, pour un total de 136 tuiles.<br />
<br />
Il y a 5 types de tuile : <br />
<ul>
<li>les dragons (blanc, vert, rouge)</li>
<li>les vents (est, sud, ouest, nord)</li>
<li>les ronds (1 à 9)</li>
<li>les bambou (1 à 9)</li>
<li>les personnages (1 à 9)</li>
</ul>
<br />
Ces 5 types de tuile sont séparés en 2 groupes :<br />
<ul>
<li>les tuiles honorifiques<br /><ul>
<li>les dragons</li>
<li>les vents</li>
</ul>
</li>
<li>
les tuiles numérotés (de 1 à 9)<br /><ul>
<li>les ronds</li>
<li>les bambous</li>
<li>les personnages</li>
</ul>
</li>
</ul>
<br />
<hr />
<br />
<h3>
Tuiles honorifiques</h3>
<h4>
Dragons</h4>
<br />
<div style="display: inline-block; text-align: center;">
Blanc<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ4ZUhadl_LSjVUg-WoHHT7rwJnCgtvFBZbi3D7iyu6xOzQQTtszK_AZb7q8e680MpgxuPrtB2E8aK8Y54W9PjNj5r9EtlxaV8FU6jz3e7q1Btd7NI7dSEfGXrilTnnQlH00jCQ6JHVwDt/s1600/dragonwhite.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
Vert<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimrifUM1UngT4DhHf0C7t0eD3TvS9_HQYVUaf3e6t5wsP8x1Vg0PWl6AIIKJwrjuGgj8FbjP4gw3euOt5ioDgJnq164pYlGF2OLEH2Duo0FBPQUwnyD3j4XUmE0NwVIFVFHjp3jO7jWOeU/s200/dragongreen.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
Rouge<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTlfkXl_qnhEPirK5Qi2MSCgBbTcabSNCLY7LzwIAzEJOf1E7ZjjA1Kpld3XDoGEjkJ7nuqjFNUiD6GTDL0kZs_yn7eTXf_e-j2KEOzRn60jClou08zKXLF40fYYjY76NkqHMaiBepM6qa/s1600/dragonred.png" width="75" /></div>
<br />
<br />
<br />
<h4>
Vents </h4>
<br />
<div style="display: inline-block; text-align: center;">
Est<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd3AVL5GbZPq8HqkoNVTSwIVzyUytTyDTEQuoHrXFww9JbrAVPvnGcen7ZqTquQr5kgbhYUuQwxOmvVe6A8W7Rjxd2JmJA-1rlMuLIYsrj9PwHG_IMbn-qS2N0cRs1Tyn0CDobp9-dPbk5/s1600/windeast.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
Sud<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNzjdjqRdaZiJ-H-ysSKphOTar1uL-bKAoViyXJvU1s1ucyaAfSxIlWhgdX7OWAmkuflaOlVE1guCWUlYnhd2f5QXMhPFEQl8G1uhh3MPZesBJsiAF3ZZDzsVBV7OaCqb0hiaSYbGLlo-W/s1600/windsouth.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
Ouest<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjTZ3hlExhTqXvFY4It2q3sGU8Oa8eQVLeBQoe7-M0m9vVE7Ih5VPkEc6e3TCSQ554XyyUGuBchN2fGaqyVS3FrJgV58XeSklLr8FTOIdbBcp_4sxL-ls8fzEUQvid_tVJhIL01qiJYYl/s1600/windwest.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
Nord<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cfj59DcsixrEGCKgEx_gZ8uu0WIrCrsejJKgSqt7yp1_N5YcsEI7qovdIl-YwGgj24c_8AXjBmxhhEu5NTTAPA3H9IQpoeUODN-l6Hp8qbQr8yyu0kYaL88Dv7mokwfXYhCxDHiR4vkr/s1600/windnorth.png" width="75" /></div>
<br />
<br />
<br />
<h3>
</h3>
<h3>
Tuiles numérotés</h3>
<h4>
Ronds</h4>
<br />
<div style="display: inline-block; text-align: center;">
1<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSmva5Nx-pVNbXY0d0q-CwMkKONE_BD7IMk7VJ0Z-ENTdkqa9yfxnYdloACj-Fm8304vZk3ih3Pw7B01XKad55mw6bJQfo6ANGSlpe2igK0u_vY7eT3wCMx7VTN45t_ktZtSdg8scFUxq/s1600/dot1.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
2<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbUKruZC7apAnKdqV5KRC-pdbQKQ1ayKUPMIxrVJwv2ZXQ5bKJuZj1mvsdRlxyxkE6knenqKheyBn4hGsShNGcihg_BayOncxlc3jPKvn90QIwESt2-mUs30wpp9aiOkIjohql8jFf7Luk/s1600/dot2.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
3<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizoxjrskpKeIHXwjscg8-5bVzHHejbri7wNydkFblcUSQCDLP087l2zGAJxRfv7RBa2LAzPRF9rxtDWVXR9rcF7KeY7tz4YxzoGcvBzgVaBI8tjhBbmw2dc6jFJiDPTmAJ1YfnJIsO0wb/s1600/dot3.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
4<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-ikdtpbvvsI_xpRpymtmblPcnwmMOfOKdTeMrRzKk7x0VPKk18UvAP5sGv6dsYnWpGEsfdKMONzzUGP2JH8rgV1th4l67mUWMNj5ixF2Q9qaSmjB8h9ZqiKqcgWLPQaMhcYNhT1SD1Lo/s1600/dot4.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
5<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDiQlcJyncKWtcP-qWGYcnKsphXRtPe_QJf1FJczBjL-iUu93-dzoB2BiLidcli-W4XU_MDBXZDebKlZFwYfB4RgN1H3TLzhdsRVhyxBgciUYWiJJroJ78pMHZNC61LGSqI00btNwP1mip/s1600/dot5.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
6<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv6uvMhCRouPBu_LGIbJLKnMdyXf3QmJnkeDT9N7UP7XpA7w_sMmwOziD268ou-SQ90wcBbK060-g3EA8OTI3fvooldEW4THJlMxvlPvDX__Ehz4SJHjzE87tIilVWHuJGOp8t-_q4YEvv/s1600/dot6.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
7<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8rQSRJTJspUfNp8AOinZv5T3UWDVQAM1drrIqDEtOmrUUqT9Ya3419sNwfewCHcUM8MMdnhvxEQYbpr6wvY1CuPptwf7G6Gyk_lHN2uLV2nuirHJ_2ZACHNxsko3uNQimwAEF5pSPgyyN/s1600/dot7.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
8<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHzq4MNc3KedvxfmnuN_Sd08yQxCI5uYoo9rigJSynZWKFxUBbAzYPSOCxJmjEaHrzI1BtUs-_jJfNIKvgqOn7ihrkCzzn0Uk-vA0j30A08G-4T37INwbGo-cvH_pR7aNLJvncPX8K2Z_Y/s1600/dot8.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
9<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGcElON5my74c8us_rHyRBmPXMGsKKi-eNQ9DDTk6GtUAvcm6BOc1OcC3YfbtJVzXsO9D7SPi-ajjRNsU_TNfpA5UEhQc60fDSDR38H6TVbanBQPPeojk7OvlFIygM_yt_2uChh6ukyPsL/s1600/dot9.png" width="75" /></div>
<br />
<br />
<br />
<h4>
Bambous</h4>
<br />
<div style="display: inline-block; text-align: center;">
1<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyscm0bKyafCMVBpR3XTH1FWGQC93boUHumFnRecP0MNtTAFp5qsfuphmdL7rKIOIzcpjK2jpHLnuxVyLdTB-_kO245LeBgNwb7xJgadTffEVvEZfAId9XLBVdQUusthglIap3Utla5ZR/s1600/bamboo1.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
2<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOK9F5EI-kGcjeoe-TObSZ6aDJJ46ilfn6oPWYZXVzubbGb_UqQe9uxflB4GlxPTrb3hzIH4aLGDwEAmGunoGJ6Kp7CSnls7froPPq7-jfoHRCEPVAPk2O0xJ_B0q6otifmQQfsSqEm0B6/s1600/bamboo2.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
3<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGDkf269mzZfPCKDKigvDYmfeknjKBzqzaT_HPD3nKsq2I5ECygp-WSwZC0sSCY1hCOv9pLJ7PbzECTAIZx7zNcVaa6ITGST5bohIBy4OVF25VEgzdAcV_daNvQnKmIUTKOxQFf3Kh11H5/s1600/bamboo3.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
4<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQIozQ7VX6h52LTGDoDI02dkUKWIVgV38O45dKnId8YGLyd5rlPhfyMiWLa4Il0brp8pjkmIhc8sr9wrLTq8jWg0mUxtznRsH7RVB-BtJomaco6lbPc5oJp-kBi4e-iOHhrkiElQTcEvja/s1600/bamboo4.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
5<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUoBZfjzX9kthymBdv8DHC-AdE-6dsusN6lon3E7o2qa5CGCvLP5Rh8Pf_3Sbyqs2kDmbjmAGb0OzbhJaidP1njcpypZtEPCOy0lF8qZscM65bgupga90DXfD8_F8poW56Hz5h0Bv2eeN6/s1600/bamboo5.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
6<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbcltLApldt3GjJqtEdBACyX5W2k2hgtk8__ExWzSrpIJy5CvyPpocCgvm-wsT-OPwr4G5QzsfGr4cQ5-McqOcDnZiZFCeu9HQitqzNC7YtfO9TO5Zkf6uDhFHrdEu6Q8yBq_KzI2RuYOc/s1600/bamboo6.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
7<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6X0q_HAcDl36Q8UUVzqsw4bBti2IeEHymx2jFNsIWxr_ehNtjkSR2nvW37hIHsUUyaGRdRhytqrFwVM63livCISzasSKETMW5raBDmpesfROAH68OuUTZMAPU72zCgPOBvAOgqHF-eaR4/s1600/bamboo7.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
8<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMViSUGXdjZ-89IbscfMANabU7AQDfOEI5vc87NCk3-KuM5EteIb7gqSKIC4q0sYdVrqoCq34kJkslCtP5uIxbttVX1A0GTdJI41IP2RA4cJX7Kaec0OmUQgcaVKtGm27PxFBouiBp6T1i/s1600/bamboo8.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
9<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1C_bK8VbOOURmOrn6mFDoK13uYlzVmyY6lBHoUVx-Y5w17YzA73tQNzC0bXaE7D3rpuemSbr8blqH_Cjx-7QtRm9ZJrCiM2FSlUJNEceYa-k6ppojR1CTWW4OseTBamoAtAoXJ3yWzEDK/s1600/bamboo9.png" width="75" /></div>
<br />
<br />
<br />
<h4>
Personnages</h4>
<br />
<div style="display: inline-block; text-align: center;">
1<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhndNik6My3Rf4RLnman2fKTomR_5G3cAws2rtxiY4PDdDEXWS2vb4fXoRWA5yPePhv-VwtUiLwIyNVDvCgTbjfGf3g68kMWBQRnNLHlifXbC5NZPBGtAQom8vuiLsSTxqY46qUpKne8dcq/s1600/character1.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
2<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRVlCtJmEuutOocd0wG9_mkxMNv6hXFTvehyphenhyphenx_JtIOTKF6zYtAlXCdcdBjS4_jAmkIOi0lXQhdexqNvF4MOAU7QFkJUGKfcLtjQj4gtISGQZLPGSxMKTAYBn4JUYg1s3DwYCCRGzqGAUev/s1600/character2.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
3<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWhiji7Ns9dZzzgdhjjLdllFWVzstdmM7liF0SYNVjSB4aIQjnWZfWL7CQnVSuqK_Iy6JXxB4fSHWK0wDmMLzYT309Z4970HdUdaLjtXobHa9z-mct9y9sV-k1eR6D6jkfQnWrxpLDS68/s1600/character3.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
4<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOJjrLK-fiSromanMdOWrZPpYdqfsMzeiC_3xlAnqouCyi-Wv3-wH6kBRPxsnLZMA5xhW8RcPypKazek1U2KdpH-5lfB5vSROOkZiwaFNgx819nfVni6O71bVKKEAHw0tHQZvCjTArxf6/s1600/character4.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
5<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FxCBfzgBQ-nEGwxRJKaC3R-A-zsVEXQmSubXRwAndCs8cAzM0nz17kuGb-9ClHBUTBYuXlw6BdUuDDerDrnVshfRtrNjt5IsYtSPH10biVjYRViHMGZT5UWP889FCp7E5oQEzYbub3u1/s1600/character5.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
6<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9mr_90ETE_nCG7p83Gj-lyDQl_3PIW4t76slCjHTDHzmbmsB-3Gf2kT1dg6OR7FVbAyQmAY7TI7WuiI_cfy3Wb3OoL4qMge7FXLFh1BIMcmsQ8VJtqboBbNZPpcsoWsCh2BjmEGpHPrK/s1600/character6.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
7<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb_cGyP4A4Q1ccZT_xw8ze-er7ZOsuVZxnrXR83xDUpuE4pSNNuybmP5hj7LEGw1lIskw-naoWM5kkz-CPlSKDTMgWaBlEenGaO0F54Npd3twRw5cbd5HiGPiG1NucetdQ7sCBezibd27o/s1600/character7.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
8<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCM6VaKTivE05I19i4QLzSGktFnzUU36g00jfdeg_DkLob7aylfamnOQlbS1MItM93N2W0P4D1ng9LG6gz18UcBMf9YUfV9KKQ0OGaVqMSqLFw7eNYP4aAC73nOtyHLXxQvjheMPe0RgtX/s1600/character8.png" width="75" /></div>
<div style="display: inline-block; text-align: center;">
9<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBLa52ljMJr0omE_0d7tGni-ft0LwR_XpQAJBz49tC0p2zNZbZGFnBqmaxI5JGA-unwPIiUpZfjjYeQIAkoGvixiJeFl8Y-HIiq-pHDyAaO_QCKszjYVdur5hy37PJOefTqG-_fUY6HU3z/s1600/character9.png" width="75" /></div>
Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com2tag:blogger.com,1999:blog-6304266075984054904.post-29572957684231333692013-01-19T14:56:00.000-05:002013-01-19T14:56:48.276-05:00Nouveautés jQuery 1.9 et 2.0<br />
Konnichiwa minna san <br />
<br />
Ça fait longtemps que je n'ai pas fait de "post" à propos de quelque chose de sérieux ... est-ce que j'ai vraiment fait des "posts" sérieux ...<br />
<br />
L'équipe de jQuery nous avais promis plein de belles surprises en 2013.<br />
Les surprises commencent à pointer le bout de leur nez après même pas un mois en cette année maudite des années 2000.<br />
<br />
<br />
<h3>
oldIE</h3>
Un nouveau concept à faire attention est celui d'avoir deux versions de jQuery en même temps, mais ne supportant pas les mêmes navigateurs. La version 1.9 continuera de supporter les vieux IE, tandis que la version 2.0 ne supportera plus les vieux IE.<br />
<br />
<table>
<thead>
<tr>
<th>Version</th>
<th>Support</th>
</tr>
</thead>
<tbody>
<tr>
<th>1.9.x</th>
<td>IE6, IE7, IE8, IE9, IE10 et les autres navigateurs récents</td>
</tr>
<tr>
<th>2.x</th>
<td>IE9, IE10 et les autres navigateurs récents</td>
</tr>
</tbody></table>
<br />
Donc vous devrez vous posez la question "est-ce que j'ai besoin de supporté les vieux IE" avant de choisir quel version de jQuery vous devez intégrer dans votre projet.<br />
<br />
<br />
<h3>
Migrate Plugin</h3>
L'apparition du jQuery Migrate plugin est une autre nouveauté.<br />
Pour bien comprendre son rôle, on doit savoir qu'à partir de la version 1.9, jQuery à retiré certaines fonctions "deprecated" de son api.<br />
<br />
<ul>
<li>Le plugin permet aux vieux projets ou plugins de continuer à fonctionner en attendant un refactoring ou une mise à jour.</li>
<li>Le plugin permet également d'afficher des "warnings" dans la console du navigateur pour vous avertir que vous utilisez une fonction qui n'est plus supportée.</li>
</ul>
<br />
Donc le but de ce plugin est de faciliter la transition dans nos projets.<br />
<br />
Pour avoir plus d'information à propos du jQuery Migrate plugin, voici le lien vers le github du projet : <a href="https://github.com/jquery/jquery-migrate/" target="_blank">https://github.com/jquery/jquery-migrate/ </a><br />
<br />
<br />
<h3>
Source Maps</h3>
Je gardais ce point pour la fin étant donnée que ce n'est pas supporté par tout les navigateurs (seulement Google Chrome au moment d'écrire l'article).<br />
C'est une fonctionnalité qui permet de déboguer votre code en utilisant la version non-minifié (donc plus lisible) même si vous utilisez la version minifié dans votre projet.<br />
<br />
Voici un article très bien écrit si vous voulez en savoir plus sur cette fonctionnalité : <a href="http://www.elijahmanor.com/2013/01/the-magic-of-jquery-source-map.html" target="_blank">http://www.elijahmanor.com/2013/01/the-magic-of-jquery-source-map.html </a><br />
<br />
<br />
Voici d'autres liens utiles en rapport avec les nouveautés de jQuery 1.9 et 2.0 :<br />
<ul>
<li><a href="http://blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/">http://blog.jquery.com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/</a></li>
<li><a href="http://jquery.com/upgrade-guide/1.9/">http://jquery.com/upgrade-guide/1.9/</a></li>
<li><a href="http://blog.jquery.com/2013/01/09/jquery-1-9-rc1-and-migrate-rc1-released/">http://blog.jquery.com/2013/01/09/jquery-1-9-rc1-and-migrate-rc1-released/</a></li>
</ul>
Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-62258531809118918642012-11-14T22:55:00.001-05:002012-11-14T22:57:03.796-05:00Raccourcies clavier Windows 8Étant un fan des raccourcies clavier, je n'ai pas pu m'empêcher de faire une petite liste des nouveaux raccourci découvert après mes quelques jours d'utilisation de Windows 8.<br />
Ce n'est pas la liste complète de tout les raccourcies existant sur Windows 8, juste ceux qui me semblait amusant :) <br />
<br />
<h3>
Raccourcies utilisable en mode "métro"</h3>
<ul>
<li><b><windows> + <b> / <windows> + <d></b><br />transfert en mode "classique"<br /> </li>
<li> <b><windows> + <z></b><br />ouvre la barre du bas<br /><i>(c'est l'équivalent de faire un clic droit avec la souris)<br />le contenu de cette bare dépent de l'application (sur le bureau c'est une barre d'application, sur IE c'est la barre d'url, etc...)</i><br /> </li>
<li><b><ctl> + <-></b><br />vue éloigné qui permet d'avoir une vue d'ensemble<br /> </li>
<li><b><ctl> + <+></b><br />retour à la vue normal quand on est en vue éloigné<br /> </li>
</ul>
<br />
<h3>
Raccourcies utilisable partout</h3>
<ul>
<li><b><windows></b><br />transfert entre le bureau "métro" et la dernière application utilisée <br /> </li>
<li><b><windows> + <.></b><br />attache l'application à droite<br /> </li>
<li><b><windows> + <maj> + <.></b><br />attache l'application à gauche <br /> </li>
<li><b><windows> + <c></b><br />ouvre la barre de droite (recherche, paramètres, partages, etc...) <br /> </li>
<li><b><Windows> + <i></b><br />ouvre la barre de paramètres de droite (différent si en mode "métro" ou "classique")<br /> </li>
<li><b><Windows> + <p></b><br />ouvre la barre d'affichage à droite (permet de choisir le type d'affichage "deux écrans", "bureau étendu", etc...)<br /> </li>
<li><b><Windows> + <f> </b><br />transfert à la recherche de fichier<br /> </li>
<li><b><Windows> + <q></b><br />transfert à la recherche d'application<br /> </li>
<li><b><Windows> + <w></b><br />transfert à la recherche de paramètre<br /> </li>
<li><b><Windows> + <x> </b><br />ouvre un menu de démarrage en bas à gauche avec des choix pour "power user" (panneau de configuration, console, système, etc...)</li>
</ul>
Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-81075407094370125432012-11-10T22:27:00.000-05:002012-11-10T22:30:24.319-05:00AKB0048 Saison 2<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUihUPNdwZf4EVftVxVa4cs2wBCegYtJYGM4FJOIRMdjpFUXtmALz-z9a38fG-vZxZIYzRVXjQ_41v0203PG1oqZWw_OTOJUhX7qEm8dFdZd2Uf__aBJRIso7xeRjOkDr3I7gsQK8EvLfr/s1600/akb0048_logo-600x337.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUihUPNdwZf4EVftVxVa4cs2wBCegYtJYGM4FJOIRMdjpFUXtmALz-z9a38fG-vZxZIYzRVXjQ_41v0203PG1oqZWw_OTOJUhX7qEm8dFdZd2Uf__aBJRIso7xeRjOkDr3I7gsQK8EvLfr/s1600/akb0048_logo-600x337.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://akb0048.jp/images/top/next_stage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="45" src="http://akb0048.jp/images/top/next_stage.png" width="400" /></a></div>
<br />
L'annonce officiel de la date de la deuxième saison de l'anime AKB0048 à été dévoilé sur leur site web : <a href="http://akb0048.jp/">http://akb0048.jp/</a><br />
<br />
Donc la saison débutera le 5 janvier 2013 (pour ceux qui ne serait pas capable de lire la date en japonais).<br />
<br />
Bonne patience à tous ! <br />
<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-28345485870654551772011-12-09T07:52:00.001-05:002011-12-17T11:33:13.572-05:00Menu horizontal avec HTML 5<br />
Le but de l'article d'aujourd'hui est de voir si on peut utilisé la nouvelle balise <nav> de HTML 5 pour créer un menu horizontal compatible avec les navigateurs récents et les anciens Internet Explorer.<br />
<br />
Donc pour la version 1, commençons par une petite page de test très simple. <br />
<br />
<div style="background: #fff; border: 1px solid #000; height: 200px; overflow-x: scroll;">
<div style="padding: 10px; width: 850px;">
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Test &lt;nav&gt; HTML5</title><br />
<link rel="stylesheet" type="text/css" media="screen" href="../../Styles/Base.css" /><br />
<style type="text/css"><br />
/* nav layout (horizontal menu) */<br />
nav {margin:1em 0; line-height:2em;}<br />
nav a {display:inline-block; padding:0 10px;}<br />
<br />
/* nav design */<br />
nav {background:#333333; border:1px solid black;}<br />
nav a {color:#cccccc; border-right:1px solid #cccccc;}<br />
nav a:hover {background:#666666; color:#ffffff;}<br />
</style><br />
</head><br />
<body><br />
<h1>Test &lt;nav&gt; HTML5</h1><br />
<br />
<div>Texte avant le menu</div><br />
<br />
<!-- Les sauts de ligne en commentaire sont placés pour corrigé un bug avec les inline-block <br />
http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ --><br />
<nav><br />
<a href="#">Page 1</a><!--<br />
--><a href="#">Page 2</a><!--<br />
--><a href="#">Page 3</a><!--<br />
--><a href="#">Page 4</a><!--<br />
--><a href="#">Page 5</a><br />
</nav><br />
<br />
<div>Texte après le menu</div><br />
</body><br />
</html></div>
</div>
<br />
<div style="text-align: center;">
<b><u>Chrome 16
</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtxZsEUQ7XcqE7SVawODlMh_jf0J8fuM9AZ9J4MhkE_q_Vb58TGeElGRq95PyrRbF8abPiLxPbCAvHo0ouDwihCL9_SJd9K30cHUCTVGaaCHRCrKDhbQFQsOLJGY8FTt5fUhbifZpBRdPE/s1600/Chrome16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Version 1 / Chrome 16" border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtxZsEUQ7XcqE7SVawODlMh_jf0J8fuM9AZ9J4MhkE_q_Vb58TGeElGRq95PyrRbF8abPiLxPbCAvHo0ouDwihCL9_SJd9K30cHUCTVGaaCHRCrKDhbQFQsOLJGY8FTt5fUhbifZpBRdPE/s320/Chrome16.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Firefox 8</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDgHlCo-3tnsLmcY1yJ6KMovTdKBVPuwM9ivrgcLsOPdlq0eau79QaglPUylbl-i77Nq4GBjeX8BtWIYRKvwuak_gJMb8gYUW3zc3kxfb8OBsMKcNBfFiArFHZOwfG_0AmbsvtwTQ2M_0d/s1600/FF8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDgHlCo-3tnsLmcY1yJ6KMovTdKBVPuwM9ivrgcLsOPdlq0eau79QaglPUylbl-i77Nq4GBjeX8BtWIYRKvwuak_gJMb8gYUW3zc3kxfb8OBsMKcNBfFiArFHZOwfG_0AmbsvtwTQ2M_0d/s320/FF8.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 9</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Ynhv43yvjjxUnbFRyQeAn5TYOO9y1B29U_X3-lPFBMbjlV_-Lax8BwqTsrXNrd1BKZSPzzCbGUw4XiH_86QiqMfK0pwNEOWLI440C6HpLfs1qPYQhzeZhMMHLW9oSfoMfawD6HhWrG1F/s1600/IE9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Ynhv43yvjjxUnbFRyQeAn5TYOO9y1B29U_X3-lPFBMbjlV_-Lax8BwqTsrXNrd1BKZSPzzCbGUw4XiH_86QiqMfK0pwNEOWLI440C6HpLfs1qPYQhzeZhMMHLW9oSfoMfawD6HhWrG1F/s320/IE9.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 8</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzjGWruyIHb7D5Mc9qoVoAyWIGs4KtHk7DbeGO7CKGM4VvOHbyH3uJdIUS2HjLrOIiQqn8nqwN2XX4jDTnuGg2B0vaohcqEdVuXLbfhGP5CO-bSOTvmPcmzBlMR-6gMExp0U7IJEJgfEN-/s1600/IE8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzjGWruyIHb7D5Mc9qoVoAyWIGs4KtHk7DbeGO7CKGM4VvOHbyH3uJdIUS2HjLrOIiQqn8nqwN2XX4jDTnuGg2B0vaohcqEdVuXLbfhGP5CO-bSOTvmPcmzBlMR-6gMExp0U7IJEJgfEN-/s320/IE8.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 7</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrD-foj2PAGfNQsnypdmwVrsT1yUr82gYsFd7psexdM4IOIjzg-CcS4dHksfKflMa_geFNMlZ0zM-LRk64GmlDhHvGoiPF4FkaiTRSMHD3ZG6ZqUPBygf6H5dBO_oCKhCYI5Kcd2OKntWu/s1600/IE7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrD-foj2PAGfNQsnypdmwVrsT1yUr82gYsFd7psexdM4IOIjzg-CcS4dHksfKflMa_geFNMlZ0zM-LRk64GmlDhHvGoiPF4FkaiTRSMHD3ZG6ZqUPBygf6H5dBO_oCKhCYI5Kcd2OKntWu/s320/IE7.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 6</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggbsLD3b9Yn9lws0cedV5dH3ExLG2kml2xfsfGjxV4Evo0mi8HNomt0FvRWyr_WuKQhxxWGxxg9y-z0smWGNW7EWV1jCaBalJ2IA6lu-npQm1sBJvguq70Cvr46dbhbpvbyL2spon_AcK/s1600/IE6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiggbsLD3b9Yn9lws0cedV5dH3ExLG2kml2xfsfGjxV4Evo0mi8HNomt0FvRWyr_WuKQhxxWGxxg9y-z0smWGNW7EWV1jCaBalJ2IA6lu-npQm1sBJvguq70Cvr46dbhbpvbyL2spon_AcK/s320/IE6.jpg" width="320" /></a></div>
<br />
Donc après les tests de la première version, on se rend facilement compte que les anciens Internet Explorer n'applique pas le CSS que j'ai mis sur la balise <nav>.<br />
<br />
Donc pour la version 2 je vais esayer d'intégrer un plugin JavaScript dont j'avais entendu parler sur le Web : <a href="http://code.google.com/p/html5shiv/" target="_blank">html5shiv</a>. Ce plugin est sensé améliorer la compréhension des balises HTML 5 pour les vieux Internet Explorer.<br />
<br />
<div style="background: #fff; border: 1px solid #000; height: 200px; overflow-x: scroll;">
<div style="padding: 10px; width: 850px;">
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Test &lt;nav&gt; HTML5</title><br />
<br />
<link rel="stylesheet" type="text/css" media="screen" href="../../Styles/Base.css" /><br />
<style type="text/css"><br />
/* nav layout (horizontal menu) */<br />
nav {margin:1em 0; line-height:2em;}<br />
nav a {display:inline-block; padding:0 10px;}<br />
<br />
/* nav design */<br />
nav {background:#333333; border:1px solid black;}<br />
nav a {color:#cccccc; border-right:1px solid #cccccc;}<br />
nav a:hover {background:#666666; color:#ffffff;}<br />
</style><br />
<br />
<span style="background-color: cyan;"> <!--[if lt IE 9]></span><br />
<div style="background-color: cyan;">
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script></div>
<div style="background-color: cyan;">
<![endif]--></div>
</head><br />
<body><br />
<h1>Test &lt;nav&gt; HTML5</h1><br />
<br />
<div>Texte avant le menu</div><br />
<br />
<!-- Les sauts de ligne en commentaire sont placés pour corrigé un bug avec les inline-block <br />
http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ --><br />
<nav><br />
<a href="#">Page 1</a><!--<br />
--><a href="#">Page 2</a><!--<br />
--><a href="#">Page 3</a><!--<br />
--><a href="#">Page 4</a><!--<br />
--><a href="#">Page 5</a><br />
</nav><br />
<br />
<div>Texte après le menu</div><br />
</body><br />
</html> </div>
</div>
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><u>Chrome 16</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWz9LCjoOoHvM9mRWydkTKbv0TutuWNqy6bhJ8MRBocgW6DFFZljnzja5UBmDG1HrDxASHHfGXEKEic4HpANzGiVsv5QZVMTQzINUTELuTP1izO_HEXHIsPw3UWidnlI3_oek9Kqav6lr-/s1600/Chrome16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWz9LCjoOoHvM9mRWydkTKbv0TutuWNqy6bhJ8MRBocgW6DFFZljnzja5UBmDG1HrDxASHHfGXEKEic4HpANzGiVsv5QZVMTQzINUTELuTP1izO_HEXHIsPw3UWidnlI3_oek9Kqav6lr-/s320/Chrome16.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Firefox 8</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JQOfCNiFapr6UFcgO8I15VQvr_-eVEwCDgDsXcJPRtvMSdhHyxWf5lfEf6igJf4QXQ0FXO6mdpIh1aOE2Or31g8usvfg3Gb0-j7u2YFBzk8bwAzsmrAJNQDEbGW7_dG9enBfLnJuD3kn/s1600/FF8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JQOfCNiFapr6UFcgO8I15VQvr_-eVEwCDgDsXcJPRtvMSdhHyxWf5lfEf6igJf4QXQ0FXO6mdpIh1aOE2Or31g8usvfg3Gb0-j7u2YFBzk8bwAzsmrAJNQDEbGW7_dG9enBfLnJuD3kn/s320/FF8.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 9</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBd31s9AbwAcMOYFw9tGoayRaXu9m7cn6vqDwf_JuwKOIieOftAvzNfRqgmd2VyeYwf4WwDfVEpO8-myN9p-R-nQR4qHwKn15MRtsoDFdmadYgvl2z41YmlitG6X7PXl9336X9H-PTi-8J/s1600/IE9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBd31s9AbwAcMOYFw9tGoayRaXu9m7cn6vqDwf_JuwKOIieOftAvzNfRqgmd2VyeYwf4WwDfVEpO8-myN9p-R-nQR4qHwKn15MRtsoDFdmadYgvl2z41YmlitG6X7PXl9336X9H-PTi-8J/s320/IE9.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 8</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvOvyZKpPsJmjuuMPYvcYFgjhxf_bMUo7ZZuZytVu-z0sOVobmjITxfpKX0PWaAiPYnTncVONI6E1I1bpKK80VxofTnxG1encslLdA9OIccaDmWl2hInyCU4IT6GLSCbPFySP0PvrrRycP/s1600/IE8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvOvyZKpPsJmjuuMPYvcYFgjhxf_bMUo7ZZuZytVu-z0sOVobmjITxfpKX0PWaAiPYnTncVONI6E1I1bpKK80VxofTnxG1encslLdA9OIccaDmWl2hInyCU4IT6GLSCbPFySP0PvrrRycP/s320/IE8.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 7</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLdZAmVmXV_W87h8dCtOaog7sJVxROOHQt1hWESltg9kK_DgWhMieeuCP-phbf3vi7_mKbRToshQkguNttag7EScTDy0Dj2oL-RyhfPH8olFl7m5gHIdeDQU_eLpwOTHCiOHphPxVPWH-/s1600/IE7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLdZAmVmXV_W87h8dCtOaog7sJVxROOHQt1hWESltg9kK_DgWhMieeuCP-phbf3vi7_mKbRToshQkguNttag7EScTDy0Dj2oL-RyhfPH8olFl7m5gHIdeDQU_eLpwOTHCiOHphPxVPWH-/s320/IE7.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 6</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZVlxfsxjZqTkUnLzXdoVncOlbsU8CJLaDFRIfbgzQAfpE4RCBi43giD74gi3XacbV9aAdgpuDw8ctHY_4BaVUxOsOsDjTFzqqmer3Olrf1TCJaLPAHCaR5RyPzb7J90qEkryEWWnIkp0/s1600/IE6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZVlxfsxjZqTkUnLzXdoVncOlbsU8CJLaDFRIfbgzQAfpE4RCBi43giD74gi3XacbV9aAdgpuDw8ctHY_4BaVUxOsOsDjTFzqqmer3Olrf1TCJaLPAHCaR5RyPzb7J90qEkryEWWnIkp0/s320/IE6.jpg" width="320" /></a></div>
<br />
Après les tests de la deuxième version avec <a href="http://code.google.com/p/html5shiv/" target="_blank">html5shiv</a>, on voit que les vieux Internet Explorer applique maintenant mon CSS appliquer sur la balise <nav>.<br />
Mais contairement aux navigateurs récents qui semble interpréter par défaut la balise <nav> comme un élément "block", les vieux Internet Explorer semble interpréter la balise <nav> comme un élément "inline-block".<br />
<br />
Donc pour la version 3, je vais ajouter une spécification dans mon CSS pour afficher la balise <nav> comme un élément "block" dans tout les navigateurs. <br />
<br />
<div style="background: #fff; border: 1px solid #000; height: 200px; overflow-x: scroll;">
<div style="padding: 10px; width: 850px;">
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Test &lt;nav&gt; HTML5</title><br />
<br />
<link rel="stylesheet" type="text/css" media="screen" href="../../Styles/Base.css" /><br />
<style type="text/css"><br />
/* nav layout (horizontal menu) */<br />
nav {<span style="background-color: cyan;">display:block;</span> margin:1em 0; line-height:2em;}<br />
nav a {display:inline-block; padding:0 10px;}<br />
<br />
/* nav design */<br />
nav {background:#333333; border:1px solid black;}<br />
nav a {color:#cccccc; border-right:1px solid #cccccc;}<br />
nav a:hover {background:#666666; color:#ffffff;}<br />
</style><br />
<br />
<!--[if lt IE 9]><br />
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><br />
<![endif]--><br />
</head><br />
<body><br />
<h1>Test &lt;nav&gt; HTML5</h1><br />
<br />
<div>Texte avant le menu</div><br />
<br />
<!-- Les sauts de ligne en commentaire sont placés pour corrigé un bug avec les inline-block <br />
http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ --><br />
<nav><br />
<a href="#">Page 1</a><!--<br />
--><a href="#">Page 2</a><!--<br />
--><a href="#">Page 3</a><!--<br />
--><a href="#">Page 4</a><!--<br />
--><a href="#">Page 5</a><br />
</nav><br />
<br />
<div>Texte après le menu</div><br />
</body><br />
</html> </div>
</div>
<br />
<br />
<div style="text-align: center;">
<b><u>Chrome 16</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLyD5X6jg-WBaE-QQ7lr6BZxX81StT4fZ0-DHf9rINyaif-MCAvWjuHaajxTlynPQ8K7PM_kP63Y0esDEwsEuBTno8va4yrUxfqYGrz3uaAFnX6tjq04XLoffY4dvT0CLJQiwWni4WhR2a/s1600/Chrome16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLyD5X6jg-WBaE-QQ7lr6BZxX81StT4fZ0-DHf9rINyaif-MCAvWjuHaajxTlynPQ8K7PM_kP63Y0esDEwsEuBTno8va4yrUxfqYGrz3uaAFnX6tjq04XLoffY4dvT0CLJQiwWni4WhR2a/s320/Chrome16.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Firefox 8</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7wjkCbHrK1AEfRPbnZHx8u60578qzZLgQDMp05yDkFtxQvv3w1G_iL8jaYNOV55_MepulhfX9qwwrHxRZTf33Ovc-yJVH59rJVho2_QgTFB336G-T56HezUW99nUW0MkxHXukhZ96QGpT/s1600/FF8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7wjkCbHrK1AEfRPbnZHx8u60578qzZLgQDMp05yDkFtxQvv3w1G_iL8jaYNOV55_MepulhfX9qwwrHxRZTf33Ovc-yJVH59rJVho2_QgTFB336G-T56HezUW99nUW0MkxHXukhZ96QGpT/s320/FF8.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 9</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWEB7C-VOr-bjwN9mbTepUyCmwuXlAOUwpJUYZG8X3cToazGooUPG9C4-0-myqQiTtCTtsrA5WVWVjM3HWTF0yLX6rmY22YB2f7pIsaqZkRveM2TyAkTIZwT0xAUc3iS-_4U5MmzcAwwYJ/s1600/IE9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWEB7C-VOr-bjwN9mbTepUyCmwuXlAOUwpJUYZG8X3cToazGooUPG9C4-0-myqQiTtCTtsrA5WVWVjM3HWTF0yLX6rmY22YB2f7pIsaqZkRveM2TyAkTIZwT0xAUc3iS-_4U5MmzcAwwYJ/s320/IE9.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 8</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9lo-AVAR0VfDg0hHiyV3VHLvoxd1uTTfVTGQJ2TAxI6yh9dPMHih_7insZqefpk3RPdDlwSKWQ47gl4JOwFJQ360upE4X_UPK2TSbdAUgCYSxVsasbvuas2FtF8JRLMEW8Z4xeUWBpdLX/s1600/IE8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9lo-AVAR0VfDg0hHiyV3VHLvoxd1uTTfVTGQJ2TAxI6yh9dPMHih_7insZqefpk3RPdDlwSKWQ47gl4JOwFJQ360upE4X_UPK2TSbdAUgCYSxVsasbvuas2FtF8JRLMEW8Z4xeUWBpdLX/s320/IE8.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 7</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTTaGZCxOoNOh5l4ivPM53GNEhbZ6zjqbk4L3xOVOlMh0RvUCoJV5roHl6WLuQN1s9zNrFZyICBQN5MMgBpYTHPN24sUxRiwzv2AXPWV5fMkEWAgItySHuX5B34ZQaBhdzwxO0_fVdOyu/s1600/IE7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiTTaGZCxOoNOh5l4ivPM53GNEhbZ6zjqbk4L3xOVOlMh0RvUCoJV5roHl6WLuQN1s9zNrFZyICBQN5MMgBpYTHPN24sUxRiwzv2AXPWV5fMkEWAgItySHuX5B34ZQaBhdzwxO0_fVdOyu/s320/IE7.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><u>Internet Explorer 6</u></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1fTHLvqJIoK8YCromdnUokoGFyPU9dOgSLoj-ehXb9RtO0z2LBDK7b_Etf1VkYaXN42eQKecMqd6sNuAGtEAkLXH5zQElVbv_Gp7kD8m9iJRfFEP2AaMu-Gykg2TctyU05avEbk_OG4J/s1600/IE6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1fTHLvqJIoK8YCromdnUokoGFyPU9dOgSLoj-ehXb9RtO0z2LBDK7b_Etf1VkYaXN42eQKecMqd6sNuAGtEAkLXH5zQElVbv_Gp7kD8m9iJRfFEP2AaMu-Gykg2TctyU05avEbk_OG4J/s320/IE6.jpg" width="320" /></a></div>
<br />
<br />
Après trois versions, le rendu semble être assez similaire dans les navigateurs récents et les vieux Internet Explorer.<br />
<br />
Voici quelques liens utiles :<br />
<ul>
<li> <a href="http://code.google.com/p/html5shiv/">http://code.google.com/p/html5shiv/</a></li>
<li> <a href="http://fortuito.us/diveintohtml5/semantics.html#unknown-elements">http://fortuito.us/diveintohtml5/semantics.html#unknown-elements</a></li>
<li> <a href="http://stackoverflow.com/questions/5367526/html5-header-footer-nav-tags-etc-what-happens-to-these-in-ie7-8-and-browsers-t">http://stackoverflow.com/questions/5367526/html5-header-footer-nav-tags-etc-what-happens-to-these-in-ie7-8-and-browsers-t</a></li>
</ul>Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-8386660276710423722011-11-11T20:39:00.001-05:002011-11-11T21:43:59.329-05:00Modifier l'affichage des alert() JavaScriptMe voilà de retour après quelques mois d'absence sur mon blog.<br />
Fidèle à mes habitudes je vais essayer de partager de nouvelles choses utiles pour tout FrontEnd Developper qui se respecte (javascript, jQuery, css, html 5, mvc, php, ...).<br />
<br />
Trève de bavardage, passons au sujet du jour : Modifier la façon d'afficher un alert() JavaScript.<br />
<br />
Je me suis donné comme défi de rendre l'affichage de mes alert() JavaScript plus sexy dans mes applications web.<br />
Voici le code résultant de mes recherches et de mes tests pour remplacer automatiquement l'affichage des vieux alert() JavaScript par de jolie jQuery UI dialog.<br />
<br />
<div style="overflow-x:scroll; background:#fff; border:1px solid #000;">
<div style="padding: 10px; width:850px;">
<!DOCTYPE html><br />
<html><br />
<head><br />
<b><span style="color: #6aa84f;"><!-- get jquery and jquery ui on google cdn --></span></b><br />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><br />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script><br />
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/dot-luv/jquery-ui.css" /><br />
<br />
<b><span style="color: #6aa84f;"><!-- create script that overwrite the browser alert() --></span></b><br />
<script type="text/javascript"> <br />
window.alert = function(native) {<br />
return function(message) {<br />
try {<br />
<b><span style="color: #6aa84f;">// display the alert message with the jquery ui dialog</span></b><br />
jQuery("<div>" + message + "</div>").dialog({<br />
modal:true, resizable:false, draggable:false,<br />
buttons: {<br />
Ok: function() { $(this).dialog("close"); }<br />
}<br />
});<br />
} catch(e) {<br />
<span style="color: #6aa84f;"> <b>// display the alert with the native browser alert</b></span><br />
native(message);<br />
}<br />
}<br />
}(window.alert);<br />
</script><br />
</head><br />
<body><br />
<h1>JavaScript Custom alert()</h1><br />
<br />
<p><br />
<b><span style="color: #6aa84f;"><!-- test to call the alert() function --></span></b><br />
<a href="#" onclick="alert('There is my beautiful alert !');return false;">Display an alert</a><br />
</p><br />
</body><br />
</html></div>
</div>
<br />
Testé avec IE6, IE7, IE8, IE9 x86, IE9 x64, Chrome 15, Firefox 8.Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com2tag:blogger.com,1999:blog-6304266075984054904.post-55277724443091960272011-06-06T17:27:00.002-04:002011-06-06T17:27:22.758-04:00Méditation du programmeurHistoire de meubler mon blog voici un lien vers une stratégie de méditation pour programmeur.<br />
<br />
<a href="http://img.labnol.org/di/geeks_medidate.gif">http://img.labnol.org/di/geeks_medidate.gif</a>Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-36252049934085081582011-05-07T13:32:00.002-04:002011-05-10T06:47:58.639-04:00Malédiction des mises en ligne le vendrediTout le monde sait que je ne suis pas un fervant admirateur des mises en ligne de site Web le vendredi avant de partir en week-end ... mais bon il arrive quelques fois où nous avons pas d'autre choix.<br />
<br />
Ce que je trouve drôle de ces mises en ligne de vendredi, c'est qu'on dirait qu'elle sont toutes victimes d'une sorte de malédiction faisant en sorte que ça ne fonctionne jamais du premier coup.<br />
<br />
Un exemple plutôt cocasse s'est produit vendredi dernier.<br />
<br />
Une fois le site Web en ligne, deux pages se sont mis à mal fonctionner. Le problème est plutôt difficile à décrire, la page commençait à s'afficher puis une erreur 404 remplaçait la page dans Internet Explorer 8.<br />
<br />
Alors après un peu d'investigation nous avons été obligé de sortir l'artillerie lourde ... Fiddler2.<br />
<br />
Fiddler2 nous a alors montrer que la page tombait en erreur 404 après une tentative pour charger un certain fichier (BorderRadius.htc). Donc une recherche dans le projet nous montre que l'appel du fichier est placé dans un fichier .css du site Web.<br />
<br />
Mais l'erreur de beaucoup de personne, c'est que la propriété css behavior pour loader les .htc ne fonctionne pas comme les propriétés css faisant appel à des images. Le lien relatif doit être fait à partir de la page qui à appeller le fichier .css et non à partir du fichier .css.<br />
<br />
Donc nous corrigeons le lien relatif pointant sur le fichier BorderRadius.htc et le site Web se remet à bien fonctionner.<br />
<br />
Je finirai en disant prenez garde à la malédiction des mises en ligne de vendredi.Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com2tag:blogger.com,1999:blog-6304266075984054904.post-76306255767492579072011-03-17T06:31:00.002-04:002011-03-17T07:25:50.236-04:00Attention à IE9 64 bitsContrairement à ce que beaucoup pourrait penser au bureau, je n'écris pas un article pour dénigrer IE9.<br />
<br />
Je veux simplement mettre en garde les gens que selon quelques tests, la version 64 bits du nouveau navigateur Microsoft est beaucoup plus lente que sa version 32 bits.<br />
<br />
Voici quelques liens qui vous expliquerons plus en détails le pourquoi de cette mise en garde:<br />
<br />
<ul><li><a target="_blank" href="http://www.zdnet.com/blog/hardware/ie9-vs-chrome-10-vs-firefox-4-rc-vs-opera-1101-vs-safari-5-the-big-browser-benchmark/11890">http://www.zdnet.com/blog/hardware/ie9-vs-chrome-10-vs-firefox-4-rc-vs-opera-1101-vs-safari-5-the-big-browser-benchmark/11890</a></li>
<li><a target="_blank" href="http://blogs.msdn.com/b/jimoneil/archive/2011/03/15/ie9-not-so-fast.aspx">http://blogs.msdn.com/b/jimoneil/archive/2011/03/15/ie9-not-so-fast.aspx</a></li>
</ul><div><br />
</div><div>Alors voilà, une personne avisée en vaut deux ...</div>Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-62290685990280662272011-03-15T22:56:00.002-04:002011-03-15T23:05:24.891-04:00Enrichir les arrays JavaScriptSi vous trouvez pénible de jouer avec les arrays JavaScript, les deux scripts suivant devraient vous plaire. Ces scripts vous permettrons d'ajouter des éléments au array en vous assurant qu'il n'y est pas de doublon, tandis que le suivant vous aidera à supprimer un élément du array en lui donnant sa valeur.<br />
<br />
<blockquote><pre><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Array.prototype.addUnique = function(val){
for (var i = 0; i < this.length; i++){
if (this[i] == val) return;
}
this.push(val);
};
Array.prototype.remove = function(val){
for (var i = 0; i < this.length; i++){
if (this[i] == val) this.splice(i, 1);
}
};</span>
</pre></blockquote><br />
L'utilisation de ces deux nouvelles fonctions est très simple étant donnée que l'on peut les utiliser directement à partir de l'array en question.<br />
<br />
<blockquote><pre><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">var testArray = new Array();
testArray.addUnique('Luke Skywalker'); // ajouté
testArray.addUnique('Chewbacca'); // ajouté
testArray.addUnique('Luke Skywalker') // pas ajouté
testArray.remove('Chewbacca'); // supprimé</span>
</pre></blockquote><br />
Alors avec ces nouvelles fonctions ... bon codage tout le mondeAnonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com0tag:blogger.com,1999:blog-6304266075984054904.post-59765836431757982032011-03-14T06:30:00.001-04:002011-03-14T11:07:39.531-04:00Liens du 14 marsPourquoi IE9 ne sera jamais le navigateur #1.<br />
<a href="http://www.pcworld.com/businesscenter/article/221919/why_internet_explorer_9_will_never_be_number_one.html">http://www.pcworld.com/businesscenter/article/221919/why_internet_explorer_9_will_never_be_number_one.html</a><br />
<br />
JavaScript Garden un site lire dans mes temps libre avec pleins de documents remplis de conseils sur les choses à faire et à ne pas faire avec JavaScript (n.b. : j'adore la navigation).<br />
Je promet de faire un article plus poussé à ce sujet aussitôt que j'aurais eu le temps de l'approfondir.<br />
<a href="http://bonsaiden.github.com/JavaScript-Garden/">http://bonsaiden.github.com/JavaScript-Garden/</a><br />
<br />
Si on se fit à cet article de blog, le tag audio de html5 ne semble pas fonctionner à la perfection, même avec les navigateurs de dernière génération.<br />
<a href="http://www.phoboslab.org/log/2011/03/the-state-of-html5-audio">http://www.phoboslab.org/log/2011/03/the-state-of-html5-audio</a><br />
<br />
Regular Expression Callable<br />
<a href="http://whereswalden.com/2011/03/06/javascript-change-in-firefox-5-not-4-and-in-other-browsers-regular-expressions-cant-be-called-like-functions/">http://whereswalden.com/2011/03/06/javascript-change-in-firefox-5-not-4-and-in-other-browsers-regular-expressions-cant-be-called-like-functions/</a><br />
<br />
Performance JavaScript<br />
<a href="http://philikon.wordpress.com/2011/03/09/javascript-perf-avoid-creating-objects-2/">http://philikon.wordpress.com/2011/03/09/javascript-perf-avoid-creating-objects-2/</a><br />
<br />
JavaScript & SWF exploit<br />
<a href="http://blogs.technet.com/b/mmpc/archive/2011/03/07/embedded-javascript-in-swf.aspx">http://blogs.technet.com/b/mmpc/archive/2011/03/07/embedded-javascript-in-swf.aspx</a><br />
<br />
TinyBox<br />
<a href="http://www.scriptiny.com/2009/05/javascript-popup-box/">http://www.scriptiny.com/2009/05/javascript-popup-box/</a><br />
<br />
CoffeeScript<br />
<a href="http://jashkenas.github.com/coffee-script/">http://jashkenas.github.com/coffee-script/</a><br />
<a href="http://amix.dk/blog/post/19612">http://amix.dk/blog/post/19612</a>Anonymoushttp://www.blogger.com/profile/01985736916804692629noreply@blogger.com1