PROJET AUTOBLOG


Korben

source: Korben

⇐ retour index

Mise à jour

Mise à jour de la base de données, veuillez patienter...

Comparer 2 captures-écrans de sites web

mardi 20 août 2013 à 10:00

Wraith est un outil développé par l'équipe qui s'occupe du site de la BBC. Quand plusieurs équipes travaillent sur le même site, il arrive parfois / souvent que de petites régressions visuelles aient lieu. Une icône qui change, un style CSS qui saute, une zone qui change de place...etc.

Parfois ces changements sont tellement subtils qu'il est très difficile de les remarquer.

Afin d'éviter cela sur le site de la BBC, les mecs ont imaginé un outil qui réalise des captures-écrans du site et qui les compare afin de localiser d'un seul coup d'oeil les changements entre 2 versions avant le merge final.

tumblr inline moaf774b5i1qz4rgp Comparer 2 captures écrans de sites web

Wraith utilise utilise des browsers scriptables comme PhantomJS ou SlimerJS ainsi qu'ImageMagick pour le différentiel visuel et Ruby >= 1.9.3. Comme le site contient du contenu qui change souvent (genre page de news), les dev utilisent Wraith avec 2 sites de tests qui contiennent les mêmes données afin d'isoler uniquement les changements de mise en page.

Je pense que ça pourra vous servir. Apparemment, les gars de la BBC ont gagné énormément de temps et évité pas mal de soucis avec ce système.

Brackets – L’éditeur open source d’Adobe

mardi 20 août 2013 à 09:30

Brackets est un éditeur de code open source et sous licence MIT, développé et maintenu par les équipes d'Adobe qui fonctionne aussi bien sous Windows que Linux et Mac OSX. J'en avais parlé l'année dernière et il a plutôt bien évolué. Du coup, j'ai pris un peu de temps pour le tester et je dois dire qu'il est plutôt sympa.

brackets Brackets   Léditeur open source dAdobe

Style épuré, léger, et avec quelques fonctionnalités bien pratiques.

Par exemple, si vous éditez des CSS, vous pouvez choisir visuellement vos codes couleur.

couleur Brackets   Léditeur open source dAdobe

L'autocomplétion est évidemment au rendez-vous, ce qui permet de coder un peu plus vite et surtout, Brackets dispose d'un mode "Aperçu en direct" qui permet de connecter l'éditeur à Google Chrome et de visualiser chaque modification réalisée sur une page web, sans avoir à rafraichir celle-ci. Ça fait gagner quelques secondes qui à la fin d'une vie pourront se compter en année.

A noter que l'éditeur de texte utilisé par Brackets est CodeMirror. (Merci Daniel)

Ce qui est sympa avec Brackets, c'est aussi le support des modules. Et pour une version beta encore en cours de dev, je trouve qu'il y en a déjà pas mal... Des snippets, des assistants pour l'indentation, le JavaScript ou les commentaires, un générateur de Lorem Ipsum, de la validation W3C, un correcteur orthographique, un détecteur de fichiers non utilisés dans les projets, un remapper de raccourcis-clavier, un module de Todo ou encore une intégration avec Git. A vous de fouiller, il y a vraiment du choix.

extension Brackets   Léditeur open source dAdobe

Voilà, mis à part ça, ça reste un éditeur de code tout ce qu'il y a de plus classique et modeste. Si vous développez avec un soft genre notepad++ ou gedit, pensez à l'essayer. Mais si vous utilisez déjà un éditeur évolué, Brackets ne vous impressionnera pas plus que ça.

Bref, à tester les amis, surtout qu'il s'agit d'une version de dev qui est sans cesse mise à jour. On aura donc peut être le droit à de nouvelles "fonctionnalités surprises" dans quelques semaines.

Brackets est à télécharger ici.

Winter is coming…

lundi 19 août 2013 à 17:30

...enfin, pas tout de suite quand même.

Mais si vous avez trop chaud, j'ai de quoi vous rafraichir avec ces survols de l’Arctique et du Groenland à bord d'un P-3B. Ces 46 missions de survol ont été organisées par la NASA dans le cadre de son programme IceBridge.

L'objectif pour la NASA avec ces survols est de collecter un maximum de données sur l'état et les mouvements des glaciers et de la calotte glacière grâce à des radars et des lasers.

En cette fin de journée, détendez-vous, c'est magnifique !

Battlefield 1942 en téléchargement gratuit

lundi 19 août 2013 à 15:30

Durant quelques années, j'ai pas mal joué à Battlefield 1942. Ce jeu culte permet de vous plonger dans la Seconde Guerre mondiale, avec les armes et les véhicules d'époque. On pouvait d'ailleurs choisir le camp des Alliés ou celui des forces de l'Axe et se mettre sur la tronche en équipe sur des champs de bataille mythiques comme El Alamein, Iwo Jima, Stalingrad ou encore revivre la bataille des Ardennes ou de débarquement à Omaha Beach.

Et bien, croyez-le ou non, cela fait 11 ans que le jeu est sorti... Pffff, ça ne me rajeunit pas tout ça !

Et pour fêter ça, EA en association avec Dice permet à tous de télécharger BF 1942 via Origin, gratuitement. De quoi découvrir ou redécouvrir un bon classique sans débourser un centime.

Pour profiter de cette promo, rendez-vous ici.

Nintendo Transformers

lundi 19 août 2013 à 13:30

Fan de LEGO, de Transformers et de consoles, le très talentueux Baron von Brunk l'est sans conteste.

Grâce à son talent, il a conçu à partir de briques LEGO des N64, Game Boy et autres accessoires Nintendo qui sont totalement articulés et transformables en robots de la mort qui tue. Dans le civil, Baron von Brunk s'appelle Julius et est designer graphique.

FM55PE6GYVDHS7X.LARGE  150x150 Nintendo Transformers FOPK6L7GYUY0N0H.LARGE  150x150 Nintendo Transformers FEL0TVCGYQFN05I.LARGE  150x150 Nintendo Transformers F4GXK0ZGYQESK35.LARGE  150x150 Nintendo Transformers FEL1E6KGYUY0N0R.LARGE  150x150 Nintendo Transformers FSX4UDTGYVDHS7P.LARGE  150x150 Nintendo Transformers F7KTZGRHK1DFCH6.LARGE  150x150 Nintendo Transformers FA4YTO8HJKBN0J6.LARGE  150x150 Nintendo Transformers F65E4EZHK482V3V.LARGE  150x150 Nintendo Transformers FYACAR4HK1DFCHH.LARGE  150x150 Nintendo Transformers F85I5YYHJKBK7JL.LARGE  150x150 Nintendo Transformers FANCAHCHK482V3L.LARGE  150x150 Nintendo Transformers F7IBYIHHK482V3S.LARGE  150x150 Nintendo Transformers FBKRO8JHJKBN0JA.LARGE  150x150 Nintendo Transformers FSF8T2NHK46G6S8.LARGE  150x150 Nintendo Transformers FDK7RPMHK482V3P.LARGE  150x150 Nintendo Transformers F4JQUZFHJZ85W4S.LARGE  150x150 Nintendo Transformers F4NLOTIHJKC7CS1.LARGE  150x150 Nintendo Transformers FS9AJI6HK46G6S1.LARGE  150x150 Nintendo Transformers FV78ZYDHJZ85W4R.LARGE  150x150 Nintendo Transformers FZMWTV1HJKBN0J7.LARGE  150x150 Nintendo Transformers F9X5WKGGZLW498V.LARGE  150x150 Nintendo Transformers FPC2MJBGZLW498W.LARGE  150x150 Nintendo Transformers FUKMWMWGZLW97YE.LARGE  150x150 Nintendo Transformers

Vous retrouverez toutes ses créations (y'a du SEGA aussi...) sur son blog.