JT

bbxdesign

Vestiges d'un CSS Guru

Mode normal → (affichage complet du blog)

Suivant

Précédent

Post-it + Jeux vidéo = Geek Art

Billet

Excellent post sur blog de Shoplet : Post-its Note Art: 8-bit Edition

Vous prenez beaucoup de post-it de couleurs différentes, vous les collez côte-à-côte selon une grille imaginaire bien définie, et vous obtenez :

Mario
Mario en post-it

Mega Man
Mega Man en post-it
(tout le processus de création de Mega Man)

Donkey Kong
Donkey Kong en post-it
A noter que cette dernière création fait partie d’une campagne Nintendo où chaque post-it enlevé révèle une pub Wii derrière! Et chaque post-it possède au dos une pub “Wii’ll not forget”! Ou comment faire d’une pierre trois coups! Tout simplement génial.

Mais le nec plus ultra reste cette monstrueuse création : Donkey Kong Climbs
Donkey Kong Climbs en post-it

  • 10 personnes
  • 5 heures de travail
  • 6400 post-it utilisés (14000 achetés, pour avoir assez de couleurs)

Il existe même une vidéo en time-lapse du processus. Je vous le dis : c’est des malades.

Le lien entre le Post-it Art et le Pixel Art est évident : l’unité de travail est le pixel, mais le support est différent. D’ailleurs, ça ne vous rappelle pas ces Space Invaders qu’on trouve dans Paris ?

Moutons le film

Billet

Moutons le film

On vient de me faire découvrir cette excellente animation : “Moutons“. Les auteurs, trois élèves de Supinfocom, se sont associés pour un très beau projet. Une histoire qui se passe… dans l’océan. Beaucoup d’humour et une excellente réalisation pour une vision des choses particulièrement délirante.

Animation faciale 3D impressionnante

Billet

Liam Kemp est un graphiste 3D surdoué. Il propose ici une ébauche de sa prochaine animation : “The Normals“.

Mario : les gâteaux, les murs, la vérité

Billet

Mario, c’est culte. Vraiment. La preuve.

Des gâteaux Mario

Gateau Mario

On a limite pas envie d’y toucher tellement c’est beau.

Le mur Mario

Murs mario

Vous prenez des stickers géants fabriqués par Blik, vous collez ça sur tous vos murs, et vous êtes au paradis dans Super Mario Bros. Dans la salle de jeu ok, mais dans le salon…

La vérité sur Mario Bros

Super Mario Bros ce n’est pas qu’un jeu. C’est une métaphore de la vie. Tous les éléments du jeu sont une analogie d’éléments réels. Vous pensez que je disjoncte, mais pas autant que l’auteur de cette description.

Parfois, il faut penser à éteindre la console…

Trucs sympas du Web part 03

Billet

Quelques trucs marrants dénichés par ci, par là. Il y aura :

  • une clé USB originale
  • les vrais maillots d’Olive et Tom
  • un porte-bougie pour gamer
  • la solution manuscrite du Rubik’s Cube
  • une nouvelle expression tirée d’un film

Clé USB originale

Clé usb originale

Un tutoriel pour créer sa propre clé USB personnalisée : un cable USB coupé en deux. C’est un peu plus encombrant qu’une clé USB normale, mais tellement plus marrant. Mais attention à ne pas la jeter par inadvertance…

Les vrais maillots d’Olive et Tom

Maillots Olive et Tom

Vous avez déjà souhaité porter le maillot de la New Team, la Toho ou la Muppet ? Il est enfin possible de se procurer les maillots d’Olive et Tom. Je n’en ai pas acheté donc je ne sais pas si ça vaut le prix (39€), mais la nostalgie n’a pas de prix me direz-vous !

Un porte-bougie de gamer

Porte-bougie Atari

Là aussi, la nostalgie est de rigueur si vous voulez apprécier un tel objet : un porte-bougie Atari. Dommage qu’il ne soit pas en noir et rouge…

La solution manuscrite du Rubik’s Cube

Solution Rubik's Cube

Imaginez un étudiant qui s’ennuie (facile) et qui a un vieux cahier dont il ne sait plus quoi faire. Il se dit : “Et si j’écrivais la méthode pour résoudre un Rubik’s Cube ?”. Résultat : 14 pages de solution du Rubik’s Cube, scannées et uploadées. C’est pas très lisible, ni compréhensible, mais au moins vous pourrez vous entraîner à battre le record du monde.

“Nuke the fridge” d’après Indiana Jones

Si vous n’avez pas encore vu (le médiocre) Indiana Jones 4, évitez de lire ces prochaines lignes.

Parfois, de nouvelles expressions apparaissent et viennent remplir notre argot. En l’occurence, “Nuke the fridge” provient du film Indiana Jones and the Kingdom of the Crystal Skull, et plus particulièrement de la scène où Indy survit à une explosion nucléaire en se réfugiant… dans un frigo. En gros, “Nuke the fridge” définit le moment (ou la scène) où une franchise (ici, Indiana Jones) perd toute sa crédibilité. Il existe déjà une entrée dans l’Urban Dictionary, une page Facebook et même des fringues

Via Kottke

30 excellents pdf pour web designer

Billet

Je suis tombé sur un post de Positive Space qui recense 30 Essential PDF Documents Every Designer Should Download. Cette liste très bien fournie aborde des thèmes aussi variés que WordPress, la notion de design, les CSS dans les newsletter, le Web 2.0, la typographie, le statut de freelancer… On peut utiliser ces documents comme des guides, car leur avantage est d’adopter une vision très générale et synthétique d’un thème. Voici quelques-uns de mes préférés.

Yahoo! Design Pattern Library

Yahoo Design Pattern Library

Yahoo! possède déjà de très bonnes ressources pour les développeurs en tout genre. Le pdf de Design Pattern Library est quant à lui un résumé des différents éléments graphiques que l’on peut être amené à implémenter dans un site, que ce soit des onglets, des calendriers, des formulaires… Il y a aussi des informations utiles pour créer un site selon un système de grille, ainsi que des informations sur les supports mobiles (dont l’iPhone).

WordPress Help Sheet

Mémo WordPress

Ce mémo pour WordPress est indispensable à tous ceux qui comme moi aiment créer des thèmes WordPress à partir de rien. Il recense toutes les fonctions que l’on peut appeler, en y juxtaposant une description concise et précise. Il existe bien sûr le Codex WordPress, la source principale, mais ce mémo a pour avantage de donner une vision globale de ce que l’on peut faire, et de trouver facilement une solution face à un problème donné. Si vous voulez aller plus loin, il existe aussi le Advanced WordPress Help Sheet, qui lui se focalise sur des cas particuliers faisant appels à plusieurs fonctions.

Destroy the “Web 2.0 Look”

Destroy the Web 2.0 look

Ce qui me plaît dans cette charge contre le look Web 2.0 c’est que l’auteur (Elliot Jay Stocks) évalue exactement les raisons de la prolifération du soi-disant style “Web 2.0″ et caricature les gens qui ne comprennent pas ce que c’est, que ce soit les clients ou bien (et c’est pire) les designers eux-même. Le Web 2.0 n’est pas un design mais un concept. Malheureusement, ce terme a généré une vague sur laquelle bon nombre de gens surfent allègrement en se posant comme des designers 2.0 et considérant que l’Ajax est une technologie 2.0 (alors que ce n’est pas la technologie qui a changé entre le 1.0 et le 2.0, mais l’utilisation que l’on en fait). Le document fait bien remarquer que bon nombre de web designers n’ont pas suivi cette tendance de “look 2.0″, voyant bien que ce n’est qu’un feu de paille bien superficiel.

bdbx 18 : la bonne excuse

Billet

bdbx 18 la bonne excuse

Connaissez-vous le sniper de Team Fortress 2 ?

Billet

Team Fortress 2

Non ? Et bien voici une vidéo pour apprendre à le connaître : Meet The Sniper. L’animation et l’humour me rappellent inévitablement Pixar. Une façon comme une autre pour Valve de faire découvrir son très bon FPS exclusivement multi-joueurs : Team Fortress 2.

La voiture Google Maps arrêtée

Billet

Voiture Google Maps arrêtée

“Les sous-marins sont interdits en ville.”

Mario Kart en Javascript

Billet

Mario Kart en Javascript

Si vous avez quelques minutes à perdre, testez donc ce surprenant Mario Kart en Javascript. C’est tout léger et c’est super sympa. Cependant, ne vous attendez pas à revivre les mêmes sensations qu’il y a 15 ans. Pas tous les concurrents, pas toutes les courses, pas de ralentissement dans l’herbe, pas de pièces, et surtout pas d’items. Mais il faut avouer que le plaisir de jeu est bien présent.

Via Kottke

Populaire Tutoriels Fun

Idées de cadeaux originaux Cambodia Vietnam 2010 en HTML5 / CSS3 / jQuery CSS l'Art et la Science WordPress le Tutoriel pour cr�er son site de A � Z 17 Astuces CSS

En cours de rédaction :

  • Structure d’un blog en HTML5
  • La peur des couleurs
  • Lectures, formats et illusions