CrEv's blog - Mot-clé - spdy
De tout de rien, de l'info, de la cuisine, des motos
2013-02-09T09:04:53+01:00
urn:md5:89402921f17183133600b70e4b7a2730
Dotclear
Du retard dans les liens
urn:md5:3fc5c645abf984b89b8576fc9d55ab2a
2012-05-20T21:41:00+02:00
2012-05-20T20:41:46+02:00
CrEv
Liens
agileatlassiancuisinedartdesigndevopsgeipigliffygooglegoogle mapsgreen coordinateshttpiconsjavascriptkanbanlivremotophotonphppostgresqlrecetteresponsive designrubyspdytucutf-8vectorielwebgrids
<p>Bon, ça fait un moment (un mois quoi...) que j'ai pas posté. Histoire de rattraper un peu, voici une liste de liens un peu en vrac, pas vraiment triés, mais il peut y avoir des choses intéressantes. Pour le moment j'ai un <a href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli" hreflang="en">shaarli</a> qui traine dans lequel je met pas mal de mes liens, et mon compte google synchronisé entre mes ordis et mon tél pour les liens que j'ai pas encore mis. Peut-être un jour j'ouvrirai l'url du shaarli, auquel cas ça remplacera ces posts.</p>
<p>Quoi qu'il en soit, voici un mois de liens divers et variés !</p>
<ul>
<li><a href="http://naturevalleytrailview.com/" hreflang="en">Nature Valley Trail View</a></li>
</ul>
<p>En voici un site Google Maps qui est 'achement bien ! Vraiment sympa, j'en dis pas plus, allez le voir, cliquez un peu partout dedans, c'est vraiment bien fait.</p>
<ul>
<li><a href="http://www.geipi-polytech.org/annales" hreflang="fr">Annales - Concours Geipi Polytech</a></li>
</ul>
<p>Voici les anales du concours Geipi Polytech. Et be, j'ai passé ce concours il y a plus de 10 ans, si je devais le repasser aujourd'hui ce ne serait pas si simple... mais c'est intéressant pour se rendre compte de ce qu'on demande, et de là où on en est plus de 10 ans après.</p>
<ul>
<li><a href="http://sns.cs.princeton.edu/2012/04/javascript-in-javascript-js-js-sandboxing-third-party-scripts/">JavaScript in JavaScript (js.js): Sandboxing Third-Party Scripts</a></li>
</ul>
<p>A l'heure où on utilise de plus en plus de js, où on mélange de plus en plus des codes divers, de provenance plus ou moins connues, il peut se poser régulièrement des questions de sécurités.</p>
<p>Voici un petit bout de programme, qui propose rien de moins que d'exécuter du js ... en js. Ou comment faire du sandboxing pour les scripts js. Intéressant, sauf que la question des performances est vraiment importante aujourd'hui.</p>
<ul>
<li><a href="http://googlegeodevelopers.blogspot.fr/2012/04/update-to-google-maps-api-deprecation.html">Update to the Google Maps API deprecation policy and Terms of Service</a></li>
</ul>
<p>Petite mise à jour des Terms of Service des API Google Maps</p>
<ul>
<li><a href="http://programmation-web.net/2012/04/reprendre-le-telechargement-dun-fichier-en-php/">Comment reprendre le téléchargement d’un fichier en PHP</a></li>
</ul>
<p>En voilà un code PHP intéressant ! Comment reprendre le téléchargement d'un fichier en PHP. C'est souvent quelque chose qui est décrié lorsqu'on parle de téléchargement en web. Mais peut-être est-ce juste qu'on ne fait pas bien / totalement les choses.</p>
<ul>
<li><a href="http://blogs.atlassian.com/2012/04/how-gliffy-is-managing-the-risk-of-re-writing-their-product-in-html5/">How Gliffy is managing the risk of re-writing their product in HTML5</a></li>
</ul>
<p>Petit article "guest" chez Atlassian sur Gliffy.</p>
<p>Gliffy, pour faire simple, est une sort de visio en ligne. Pour le moment il est réalisé en flash, mais ils sont en train de le passer en html5. Dans les phrases intéressantes, j'ai retenu la suivante :
<q>Flash helped make Gliffy successful, but has no future</q></p>
<ul>
<li><a href="http://www.adverbum.fr/webgrids-fradier-anne-sophie-atelier-perrousseaux_ouvrage-perrousseaux_4kd26i9rxoms.html#">Webgrids, ouvrage, Atelier Perrousseaux, FRADIER Anne-Sophie</a></li>
</ul>
<p>Voici un bouquin qui me semble plutôt intéressant. La typographie a mine de rien un rôle très important dans le web. On s'en rend bien compte d'ailleurs si on regarde un peu l'évolution du design des sites web, après une période très "graphique", on en revient de plus en plus au texte car c'est au final le plus important.
Bon, j'en parle pas plus, j'ai pas lu. Mais je pense que je vais l'acheter un de ces jours car ça m'intéresse vraiment beaucoup !</p>
<ul>
<li><a href="http://pioupioum.fr/developpement/photon-php-installer-mac-os-x-snow-leopard.html#more-507">Photon : guide d’installation sur Mac OS X Snow Leopard</a></li>
</ul>
<p>Photon est un framework PHP plutôt performant (même si je ne l'ai pas essayé, c'est ce qui en ressort) et il me semble assez bien foutu. Un jour je le testerai... En attendant voici un petit guide d'installation sous Mac.</p>
<ul>
<li><a href="http://www.alexpeattie.com/projects/justvector_icons/">JustVector Social Icons 1.5</a></li>
</ul>
<p>Petite série d'icones vectorielles, orientées "réseaux sociaux"</p>
<ul>
<li><a href="https://docs.google.com/present/view?id=dd9mrt45_0dmtd49c6">Life of a Chromium Developer</a></li>
</ul>
<p>Une présentation plutôt intéressante sur le développement dans chromium (la partie open source de chrome).</p>
<ul>
<li><a href="http://www.streetmonsters.net/forum/viewtopic.php?f=12&t=8057">Turbo blade</a></li>
</ul>
<p>Comment dire... ce gars est un grand malade !!
A partir de roues, suspension, moteur et bras oscillant (en gros) il a décidé de construire sa moto. Le boulot est réellement impressionnant. Si vous aimez la mécanique, allez lire ce sujet, ou regardez au moins les images !</p>
<ul>
<li><a href="http://forums.moto-station.com/technique-et-mecanique-moto/61977-cr-photo-depose-embrayage-sur-r6-1998-2002-a.html">Dépose embrayage sur R6 1998->2002</a></li>
</ul>
<p>Petit compte rendu de la remise en état d'un embrayage sur une R6. Je garde ça sous le coude au cas où je devrais un jour refaire celui de ma thundercat, ça doit être relativement proche.</p>
<ul>
<li><a href="http://vimeo.com/41144268">La voie du programmeur on Vimeo</a></li>
</ul>
<p>Rien que pour cette présentation j'aurais bien aimé être au mix-it cette année. J'adhère vraiment au message. Vous êtes développeur ? Allez regarder / écouter cette présentation !</p>
<ul>
<li><a href="http://www.utf8everywhere.org/">UTF-8 Everywhere</a></li>
</ul>
<p>Manifeste pour de l'utf-8 partout !</p>
<ul>
<li><a href="http://googledevelopers.blogspot.fr/2012/05/spdy-performance-on-mobile-networks.html">SPDY performance on mobile networks - Google Developers Blog</a></li>
</ul>
<p>Un article sur les performance en usage mobile de SPDY par rapport à HTTP.</p>
<ul>
<li><a href="http://dev.af83.com/2012/05/02/ruby-array-syntax.html">Ruby tricks: Array syntax</a></li>
</ul>
<p>Quelques petits trucs d'utilisation des tableaux en ruby</p>
<ul>
<li><a href="http://www.slideshare.net/adelafosse/dev-opskelkoo">Dev ops@kelkoo</a></li>
</ul>
<p>DevOps. En voici également une bonne voie dans le développement !</p>
<ul>
<li><a href="http://jobtipsforgeeks.com/2012/03/20/whats-your-geek-number-my-points-system-to-rate-software-engineers-without-a-full-technical-interview/">What’s Your Geek Number? My Points System To Rate Software Engineers (without a full technical interview)</a></li>
</ul>
<p>Une manière de "noter" des candidats lors d'une embauche. Pas a utiliser comme critère exclusif mais ça permet de donner une idée.</p>
<ul>
<li><a href="http://www.slideshare.net/glours/kanban-pour-lesnuls-devoxx-france">Kanban pour les nuls</a></li>
</ul>
<p>Présentation de kanban</p>
<ul>
<li><a href="http://www.seomoz.org/blog/response-codes-explained-with-pictures">Response Codes Explained with Pictures</a></li>
</ul>
<p>Une manière sympa pour comprendre les différents codes HTTP (très important pour faire de REST correctement)</p>
<ul>
<li><a href="http://www.docnews.fr/actualites/responsive-design-est-il-reellement-avantageux,13130.html">Le responsive design est-il réellement avantageux ?</a></li>
</ul>
<ul>
<li><a href="http://www.math.tau.ac.il/~lipmanya/GC/gc_techrep.pdf">http://www.math.tau.ac.il/~lipmanya/GC/gc_techrep.pdf</a></li>
</ul>
<p>Voici une très bonne présentation des "green coordinates". Vraiment intéressant, instructif ! (c'est des histoires de transformation graphique, de formes, de dessin, etc)</p>
<ul>
<li><a href="http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml">Google HTML/CSS Style Guide</a></li>
</ul>
<p>Règles de style HTML / CSS par Google</p>
<ul>
<li><a href="http://www.dalibo.org/glmf111_recherche_plein_texte_avec_postgresql">dalibo.org</a></li>
</ul>
<p>Description de la recherche plain text avec Postgresql 8.3</p>
<ul>
<li><a href="http://designspartan.com/info_generale/la-boite-a-outil-ultime-pour-le-responsive-design/">La boîte à outils ultime pour le responsive design</a></li>
</ul>
<ul>
<li><a href="http://www.lasupersuperette.com/2012/04/les-truculents-facon-tuc/">Les Truculents, façon Tuc©</a></li>
</ul>
<p>Vous voulez faire vos propres "tuc" ? Voici la recette !</p>
<ul>
<li><a href="http://cssarrowplease.com/">cssarrowplease</a></li>
</ul>
<p>Comment faire des boites avec flèche (comme une info window sur une carte par exemple) en CSS</p>
<ul>
<li><a href="http://www.synbioz.com/blog/2012/05/08/les_caches_http">Les caches HTTP</a></li>
</ul>
<p>Un article très intéressant sur l'utilisation des divers caches HTTP. Très très important pour bien maitriser ses données et utiliser au mieux tous ces caches plutôt que de tenter de les supprimer par méconnaissance.</p>
<ul>
<li><a href="http://googlewebmastercentral.blogspot.co.uk/2012/04/responsive-design-harnessing-power-of.html">Official Google Webmaster Central Blog: Responsive design – harnessing the power of media queries</a></li>
</ul>
<p>Responsive design cette fois dans un article de Google.</p>
<ul>
<li><a href="http://news.dartlang.org/2012/05/new-dart-to-javascript-compiler-ready.html">Dart News & Updates: New Dart to JavaScript compiler ready for testing</a></li>
</ul>
<p>Nouvelle version du compilateur dart vers js</p>
<ul>
<li><a href="https://developers.google.com/maps/articles/toomanymarkers">Too Many Markers!</a></li>
</ul>
<p>Petite explication des différents types de clustering sur le cartes, par Google Maps</p>
<ul>
<li><a href="http://www.joezimjs.com/javascript/the-lazy-mans-url-parsing/">The Lazy Man's URL Parsing in JavaScript</a>d</li>
</ul>
<p>Comment parser facilement une URL en javascript ? En utilisant la balise 'a' bien sur !</p>
Liens, veille, toussa
urn:md5:dc728d3be2f265a9e8312fd6a779bd18
2012-04-19T18:13:00+02:00
2012-04-19T20:18:44+02:00
CrEv
Divers
findbugsgogooglegoogle mapshadopihtml5javascriptjslinksmysqlnode.jspasswordphppixel artprince of persiasilent worldspdysublime text 2twitterunicodevitessyoutube
<p>Après un peu d'absence, revoici une petite liste de <a href="http://www.winsos.net/~yves/index.php?tag/links">liens</a>, de veille, etc. C'est pas vraiment classé, je pense que je ferai ça bientôt.</p>
<ul>
<li><a href="http://net.tutsplus.com/tutorials/tools-and-tips/sublime-text-2-tips-and-tricks/" hreflang="en">Sublime Text 2 Tips and Tricks</a></li>
</ul>
<p>Sublime Text 2 est un (très) bon éditeur de texte. Entre autre il fonctionne sous windows, linux et mac. Enfin un vrai remplaçant à TextMate ? J'en ai bien l'impression, d'autant que nombre de bundle, thèmes sont compatibles.</p>
<p>A tester plus en avant, le "mauvais" point étant qu'il est payant et surtout non libre, mais ça me semble être réellement un produit de qualité.</p>
<p>Ha, j'oubliais presque : le lien présenté est une page regroupant pas mal d'astuces à propos de ce logiciel.</p>
<ul>
<li><a href="http://code.google.com/p/vitess/" hreflang="en">vitess - Scaling MySQL databases for the web</a></li>
</ul>
<p>Savez-vous comment fonctionne (quelles technologies) YouTube ?</p>
<p>YouTube utilise MySQL au coeur de son infrastructure ! Et oui mon bon monsieur. Je suis sur que vous vous attendiez à du NoSQL ou je ne sais quelle technologie hype, mais non, un bon vieux MySQL des familles.</p>
<p>Enfin, façon de parler, car ce serait oublier vitess ! Pour faire simple, vitess est un outil permettant d'aider à avoir une bonne scalabilité de MySQL. C'est entre autre une interface RPC qui accepte et transmets des commandes SQL (tout en les améliorants, corrigeant) vers des MySQL. Il fait office de multiplexeur (10 000 connexions en entrée, beaucoup moins en sortie vers les MySQL) et relativement rapide, de l'ordre de 10 000 requêtes par seconde.</p>
<p>Je vous laisse lire la suite si cela vous intéresse, je trouve ça plutôt pertinent et montre que, finalement, il est assez dur de se situer entre NoSQL et SQL aujourd'hui.</p>
<p>Ha oui, c'est donc un programme, open source, développé par Google ... en Go ! Car Go est sorti en version 1. Mais il s'agit d'une autre histoire.</p>
<ul>
<li><a href="http://blog.mageekbox.net/?post/2012/04/02/Poisson-d-avril-or-not-poisson-d-avril" hreflang="fr">Poisson d'avril or not poisson d'avril ? </a></li>
</ul>
<p>Et si PHP devenait un langage executable au dessus d'une JVM (au même titre que Java, Scala ou Groovy) ?</p>
<p>Beaucoup ont cru à un poisson d'avril, en mode "trop gros, passera pas". Finalement non, il s'agit d'un réel travail de Clever Cloud qui entend remplacer Zend (le moteur de PHP) par la JVM.</p>
<p>Honnêtement, c'est une piste intéressante. Même si je ne suis pas convaincu de l'intérêt réel, la JVM a tout de même d'assez bonnes possibilités d'optimisations et performances, à la volée. C'est pas toujours significatif (je note en général une amélioration significatives de perfs sur mes tests à partir de, à la louche, 50 000 exécutions de la même requête) mais ça vaut le coût d'essayer. En outre ça permettrait peut-être d'augmenter l'eco système PHP avec des bibliothèques provenant de Java. A voir ce que ça donnera, dans tous les cas un projet à suivre.</p>
<p>(vous noterez que j'arrive même à parler de PHP sans en dire du mal...)</p>
<ul>
<li><a href="http://hyperpolyglot.org/scripting" hreflang="en">PHP, Perl, Python, Ruby</a></li>
</ul>
<p>Voici un mémo bien sympa sur divers langages interprétés : php, perl, python et ruby. Vous y trouverez un tableau présentant les points communs et différence entre ces 4 langages, de manière plutôt complète. Intéressant si vous devez en utiliser un tout en connaissant un autre.</p>
<ul>
<li><a href="http://exold.com/article/stupid-interview-questions" hreflang="en">Stupid Interview Questions</a></li>
</ul>
<p>Ou comment se sortir d'un test de développement, lors d'un entretien, haut la main... Bon, je ne suis pas certain que ce soit réellement une bonne idée, mais pourquoi pas ;-)</p>
<ul>
<li><a href="http://www.pcinpact.com/news/70007-hadopi-vlc-mtp-videolan-bluray.htm" hreflang="fr">VideoLAN saisit la Hadopi pour permettre à VLC la lecture du Blu-ray</a></li>
</ul>
<p>Avec les lois type DADVSI, il devient très compliqué de savoir ce qui est légal ou non dans le les logiciels (notamment lorsqu'il est question de DRM).</p>
<p>VLC, qui voudrait bien avoir l'assurance du droit de lire les Blu-ray vient de saisir Hadopi afin de savoir ce qu'ils peuvent ou non faire de manière légale. Hadopi servirait-elle enfin à quelque chose d'autre que la mise en place du pare-feu openoffice ?</p>
<ul>
<li><a href="http://www.infoq.com/presentations/Architecture-Choices-for-Scalable-Cloud-Apps" hreflang="en">Architecture Choices for Scalable Cloud Apps</a></li>
</ul>
<p>Une présentation de SpringSource (vmware) sur les choix d'architecture pour des applications cloud scalables. La prez dure environ 1h, par contre les slides sont plutôt légères. Néanmoins, l'une des informations importantes est celle-ci : "App-level Modularity"</p>
<ul>
<li><a href="http://www.infoq.com/articles/tips-to-developers-starting-on-large-apps" hreflang="en">Tips to Developers Starting on Large Applications</a></li>
</ul>
<p>Comment débuter le développement d'une grosse application ?</p>
<p>Voici en substance à quoi cet article tente de répondre. Entre autres choses, se concentrer sur la capacité à livrer rapidement un produit (même totalement incomplet) mais ayant une certaine valeur, un intérêt.</p>
<ul>
<li><a href="http://www.infoq.com/presentations/Effective-Use-of-FindBugs" hreflang="en">Effective Use of FindBugs in Large Software Development Efforts</a></li>
</ul>
<p>Voici une très très intéressante présentation sur l'utilisation FindBugs pour améliorer la qualité des logiciels. FindBugs est un outil d'analyse statique de code Java, dans le but avoué de détecter les erreurs potentielles (ou pas d'ailleurs).</p>
<ul>
<li><a href="http://www.infoq.com/presentations/Debugging-Production-Systems" hreflang="en">And It All Went Horribly Wrong</a></li>
</ul>
<p>Comment débugger un système en production ? Voici une très vaste question, à laquelle nous devons chaque jour trouver un minium de réponses. Mais il s'agit d'un problème réellement compliqué, problème auquel on sera toujours confronté, même en améliorant encore nos procédures de test.</p>
<p>Voici donc une présentation axée sur ce problème, et certaines pistes de réflexion.</p>
<ul>
<li><a href="http://french.joelonsoftware.com/Articles/Unicode.html" hreflang="fr">Le minimum absolu que tout développeur doit absolument, positivement savoir sur Unicode et les jeux de caractères (aucune excuse !)</a></li>
</ul>
<p>Un très très bon article sur l'encodage des caractères, sur Unicode.</p>
<p>D'après l'auteur, tout programmeur digne de se nom <strong>doit</strong> savoir comment fonctionne unicode, au moins ce qui est dans cet article. Ha oui, je vous ai pas dit, l'article date de 2003...</p>
<p>Je vous recommande <strong>vraiment</strong> de lire cet article. Lorsqu'on voit à quel point les problèmes d'encodage, encore aujourd'hui, viennent nous pourrir la vie, il serait temps de réellement comprendre ce qu'il en est de, enfin, prendre les choses correctement.
Bonne lecture !</p>
<ul>
<li><a href="http://googlegeodevelopers.blogspot.fr/2012/04/weather-layer-now-available-in-google.html" hreflang="en">Weather Layer now available in the Google Maps API</a></li>
</ul>
<p>Vous le savez certainement, Google Maps propose une couche météo. Désormais cette couche est disponible dans l'API Google Maps v3.
Pour le moment je n'ai pas trouvé la bonne doc, le "problème" de la doc en lien est quelle est interne à google (login.corp.google.com)... Mais la lecture des sources suffit à pouvoir savoir comment l'intégrer.</p>
<p>Edit : la doc a été corrigée, vous pouvez désormais aller voir comment l'utiliser.</p>
<ul>
<li><a href="http://www.usinenouvelle.com/article/infographie-l-industrie-du-numerique-en-france.N172068" hreflang="fr">l'industrie du numérique en France</a></li>
</ul>
<p>Tiens, j'envoie plus beaucoup d'infographies en ce moment.
En voici une, représentant l'état de l'industrie du numérique en France.
A voir, entre autre, que les jeux vidéo, les vidéos à la demande et le téléchargement de musique représente une part presque négligeable de l'industrie...</p>
<ul>
<li><a href="http://www.hongkiat.com/blog/pixel-art-tutorials/" hreflang="en">Pixel Art Tutorials</a></li>
</ul>
<p>En ces temps, ou le moindre jeux correct à un style vraiment poussé, un petit retour aux bases s'impose ! Je sais pas vous, mais moi lorsque j'ai commencé à jouer sur ordi le son venait du buzzer du pc (vous savez encore ce que c'est ?) et il y avait ... 4 couleurs (ou 8, faudrait que je vérifie).</p>
<p>Quoi qu'il en soit, j'aime beaucoup ce style, un peu oublié, mais tellement agréable.</p>
<ul>
<li><a href="http://www.pariszigzag.fr/visite-insolite-paris/dans-les-coulisses-du-metro-parisien" hreflang="fr">Visite du métro parisien</a></li>
</ul>
<p>Saviez-vous que le plus vieux tunnel de métro au monde est à Paris, et date de Louis XIV ?
Non ? Dans ce cas, que diriez-vous d'une petite visite du métro parisien ?
Pour tout dire, le côté abandon m'a toujours fasciné...</p>
<ul>
<li><a href="http://www.lucieandsimon.com/works/silent_world" hreflang="en">Silent world</a></li>
</ul>
<p>Histoire de continuer avec les histoires de lieux abandonnés, voici le fabuleux travail de Lucie et Simon, qui ont vidés les plus grandes villes du monde afin de les photographier. Très sympa !</p>
<p>Et, mais je crois que je l'avais déjà fait passé, un petit lien sur des villes réellement abandonnés : <a href="http://www.topito.com/top-10-des-villes-fantomes-quon-a-envie-de-traverser" title="http://www.topito.com/top-10-des-villes-fantomes-quon-a-envie-de-traverser">http://www.topito.com/top-10-des-vi...</a></p>
<ul>
<li><a href="http://blog.dump.ly/post/19819897856/why-node-js-streams-are-awesome" hreflang="en">Why node.js streams are awesome</a></li>
</ul>
<p>Un article présentant l'intérêt d'utiliser la bonne techno au bon moment. Oui je sais, dit comme ça c'est une évidence, en réalité c'est rarement fait.</p>
<p>Pour l'occasion, il s'agit d'utiliser au maximum les streams (dans ce cas c'est du node.js mais le principe est valable pour tous) pour créer des zips à la volée, et non créer le zip puis l'envoyer.</p>
<p>La conclusion c'est surtout que la manière de coder nos applis peut influencer de manière <strong>importante</strong> l'expérience utilisateur. Et ça fait aussi la différence entre une bonne et une mauvaise application, à fonctionnalités équivalentes.</p>
<ul>
<li><a href="http://kaskaderc.github.com/maps_samples/weather_layer_simple.html" hreflang="en">Google Maps Weather</a></li>
</ul>
<p>Un petit exemple d'intégration des nouveaux layers de Google Maps API, à savoir la couche météo mais surtout, assez sympa, la couche "nuage".</p>
<p>Si vous voulez savoir à quel point c'est simple à faire, allez simplement regarder la source html, c'est vraiment tout bidon...</p>
<ul>
<li><a href="http://www.mapofthedead.com/#.T4W_AKKOYQo.twitter" hreflang="en">Map of the Dead - Zombie Survival Map</a></li>
</ul>
<p>Une map plutôt sympa, encore une fois basée sur Google Maps API.</p>
<p>Je vous laisse naviguer dessus, c'est assez bien foutu, même s'il n'y a pas grand chose. Mais comme quoi, rien qu'un peut de style sur une map fait déjà beaucoup.</p>
<ul>
<li><a href="http://www.webdesignertrends.com/2012/04/tendance-du-webdesign-sticky-navigation/" hreflang="en">sticky navigation</a></li>
</ul>
<p>Je ne sais pas si le terme "sticky navigation" (navigation collée) vous dit quelque chose, mais je suis certain que vous l'avez tous déjà rencontré. Il s'agit de la tendance actuelle a faire apparaitre une partie du bandeau, liée à la navigation, tout en haut de la page, constamment visible, lorsque vous scroller dans cette dite page.</p>
<p>C'est assez sympa, visuellement c'est souvent plutôt bien fait, et en terme d'ergonomie c'est un vrai plus. En effet, sans pour autant prendre une place trop importante, la navigation devient tout le temps disponible, ce qui est très agréable.
Voici donc quelques exemples de sticky navigation assez sympa.</p>
<ul>
<li><a href="http://engineering.twitter.com/2012/04/mysql-at-twitter.html" hreflang="en">MySQL at Twitter</a></li>
</ul>
<p>Histoire de continuer sur les bases SQL utilisée sur de (très) gros services, voici que Twitter livre certains de leurs travaux autour de MySQL.</p>
<p>Il est très intéressant de voir les efforts mis en oeuvre par ces sociétés pour continuer à utiliser du SQL "standard" alors qu'on aurait tendance à croire que tout le monde passe sur du NoSQL.</p>
<ul>
<li><a href="http://line25.com/tutorials/how-to-build-a-handwritten-letter-style-contact-form" hreflang="en">How To Build a Handwritten Letter Style Contact Form</a></li>
</ul>
<p>Un petit tuto permettant de créer un formulaire type "écriture à la main".
Plutôt sympa, ça permet d'avoir des mises en pages un peu plus originales et contextualisées. Surtout depuis qu'on peut (pour les navigateurs récent) embarquer facilement des polices de caractères.
Bon, par contre le résultat n'est pas totalement au point, je pense qu'il reste quelques ajustements à faire dès qu'on dépasse quelques lignes de texte.</p>
<ul>
<li><a href="http://updates.html5rocks.com/2012/04/Taking-an-Entire-Page-Offline-using-the-HTML5-FileSystem-API" hreflang="en">Taking an Entire Page Offline using the HTML5 FileSystem API</a></li>
</ul>
<p>Un petit article sur l'utilisation de l'API HTML5 FileSystem. L'objectif étant d'avoir des pages entières hors connexion. Il faut bien voir que ce type d'usage tend à se généraliser de plus en plus. Bien qu'on ait du matériel de plus en plus connecté, il reste important de comprendre que ce n'est pas toujours le cas (ne serait-ce que dans le métro, alors que c'est un lieu ou beaucoup de monde utilise ses appareils mobiles).</p>
<p>L'article est plutôt succins, mais si vous suivez les liens contenus vous pourrez accéder à de nombreuses informations sur cette API.</p>
<ul>
<li><a href="http://html5doctor.com/drag-and-drop-to-server/" hreflang="en">Drag and Drop and Automatically Send to the Server</a></li>
</ul>
<p>Voici un article assez complet sur les nouvelles possibilités de drag and drop et d'upload en HTML5.
L'article est plutôt simple et clair, mais il fait son taff.
N'hésitez pas à aller le lire, ne serait-ce que pour savoir ce qui est possible.</p>
<ul>
<li><a href="http://dev.af83.com/2012/04/07/ecrire-un-service-web-en-golang.html" hreflang="fr">Écrire un service web en Go</a></li>
</ul>
<p>J'ai déjà parlé, de nombreuses fois, de Go, le langage de Google. Initialement un langage dédié au système, désormais un langage généraliste.</p>
<p>Voici un petit article montrant comment écrire un web service en Go. Pour un langage qui se rapproche du C/C++, vous verrez qu'on peut faire des choses simples, élégantes, mais puissantes.</p>
<p>C'est un exemple assez sympa pour prendre en main Go et voir quels sont les intérêts de ce langage.</p>
<ul>
<li><a href="http://dev.af83.com/2012/04/11/ecrire-un-service-web-en-c.html" hreflang="fr">Écrire un service web en C</a></li>
</ul>
<p>Suite à l'écriture d'un service web en Go, voici la même chose en C.</p>
<p>Bon, vous l'imaginerez sans mal, c'est déjà un peu plus coton. Mais ça se fait.
Intéressant à lire pour bien mettre en évidence la différence entre ces deux langages.</p>
<ul>
<li><a href="http://designspartan.com/info_generale/50-street-arts-creatifs-pour-votre-inspiration/" hreflang="fr">50 Street arts créatifs pour votre inspiration</a></li>
</ul>
<p>Si vous manquez d'inspiration, voici une sélection assez sympa de street art. Certains sont tout simplement magnifiques, et on dépasse, de loin, le cadre de tags ou graffitis classiques.</p>
<ul>
<li><a href="http://tech.dropbox.com/?p=165" hreflang="en">zxcvbn: realistic password strength estimation</a></li>
</ul>
<p>En tant que mot de passe, qu'est ce qui est le plus sécurisé et plus difficile à casser : 'Tr0ub4dor&3' ou 'correcthorsebatterystaple' ?
En gros, pour le premier il faut 3 jours de brute force, pour le second de l'ordre de 550 ans...</p>
<p>zxcvbn (wxcvbn en azerty...) est une lib js qui permet de calculer de manière plus correcte la complexité d'un mot de passe, non seulement en regardant la présence de tel ou tel caractère. Plutôt intéressant comme code, et surtout, intéressant dans la réflexion de ce qui rend un mot de passe réellement complexe à être cassé.</p>
<ul>
<li><a href="https://bugs.php.net/bug.php?id=54547" hreflang="en">PHP :: Bug #54547 :: wrong equality of string numbers</a></li>
</ul>
<p>Je savais bien que j'avais dit un peu trop de bien de PHP ces derniers temps...
Un "petit" bug bien sympa, PHP n'arrivant pas à réaliser certaines égalités correctement...</p>
<p>Et en plus ça affecte le switch (qui effectue donc une égalité simple <code>==</code> et non une égalité stricte <code>===</code>) : <a href="https://gist.github.com/2397507" title="https://gist.github.com/2397507">https://gist.github.com/2397507</a></p>
<p>Un jour peut-être arrêtera-t-on de voir des bugs de ce type dans les programmes informatiques</p>
<ul>
<li><a href="https://github.com/twitter/bootstrap/issues/3057" hreflang="en">bootstrap-dropdown.js clearMenus() needs ; at the end</a></li>
</ul>
<p>Ha ha !</p>
<p>D'ailleurs, voici quelques commentaires de Douglas Crockford : "That is insanely stupid code", " Learn to use semicolons properly."
Un peu de bla bla sur le sujet : <a href="http://brendaneich.com/2012/04/the-infernal-semicolon/" title="http://brendaneich.com/2012/04/the-infernal-semicolon/">http://brendaneich.com/2012/04/the-...</a></p>
<p>Ha oui, et pour ceux qui ne connaissent pas Dougle Crockford (<a href="http://fr.wikipedia.org/wiki/Douglas_Crockford" title="http://fr.wikipedia.org/wiki/Douglas_Crockford">http://fr.wikipedia.org/wiki/Dougla...</a>) il a juste un peu créé le json, participé depuis longtemps dans le JS, créé JSLint.</p>
<p>Bon, il apparaît aussi que JsMin était lui aussi en cause...</p>
<ul>
<li><a href="http://hakim.se/" hreflang="en">Web experiments</a></li>
</ul>
<p>Voici un petit site avec beaucoup de démos et expérimentations basées sur CSS3 (et les portions 3D). Pas forcément vraiment utiles, mais plutôt intéressantes pour savoir un peu ce qui est possible, ce qui sera possible demain sur le web.
Dans le genre très flashy, les effets de scroll sont pour certains assez sympa.</p>
<ul>
<li><a href="http://googledevelopers.blogspot.fr/2012/04/add-spdy-support-to-your-apache-server.html" hreflang="en">Add SPDY support to your Apache server with mod_spdy</a></li>
</ul>
<p>Et voilà ! Google a enfin sorti mod_spdy. SPDY est un nouveau protocole initié par Google, dans le but d'améliorer significativement HTTP (en gros). Les performances s'en trouvent grandement améliorées.</p>
<p>D'ailleurs, si vous surfez sur les sites de Google avec Chrome, vous utilisez sans le savoir SPDY (ok, peut-être pas tout le temps).
Mozilla a commencé à ajouter le support de SPDY dans les dernières versions de Firefox.
Voici donc un mod pour Apache, permettant de faire dialoguer votre serveur préféré en SPDY.</p>
<ul>
<li><a href="https://github.com/jmechner/Prince-of-Persia-Apple-II" hreflang="en">Prince of Persia Apple II</a></li>
</ul>
<p>Comment passer sous silence cette news ?!
Voici les sources de Prince of Persia ! Heu oui, je parle du vrai jeu, pas des versions moisies pseudo 3D jenesaisquoi. Le vrai, le seul.
Bon ok, je n'y jouait pas sur un Apple II mais sur un 286. Et c'était vraiment un jeu fabuleux pour l'époque (on parle d'avant 1990 donc les petits jeunes nés après auront quand même du mal à comprendre...)</p>
<p>Comment ne pas avoir en tête le bruit des "guillotines" un peu partout !</p>
<p>(le pire c'est que j'ai remis il y a peu en route un 386, la première chose que j'ai fait a été de lancer Prince of Persia...)</p>
<ul>
<li><a href="http://jordanmechner.com/wp-content/uploads/resources/POP_sample.pdf" hreflang="en">Making of Prince of Persia</a></li>
</ul>
<p>Histoire de continuer l'histoire de Prince of Persia, voici le début du Making of réalisé par Jordan Mechner.
Plutôt intéressant, notamment concernant les mouvements du joueur, point participant grandement à l'intérêt du jeu. Voir également ici : <a href="http://fr.wikipedia.org/wiki/Rotoscopie" title="http://fr.wikipedia.org/wiki/Rotoscopie">http://fr.wikipedia.org/wiki/Rotosc...</a> pour connaître la technique.</p>