Code Year

Catégorie web  |  Tag , , , ,   |  Pas de commentaires

À un ami (qui se reconnaitra en lisant ceci) qui me demandait ce qu’il fallait que ses enfants apprennent à l’école pour être promis à un brillant avenir, je linkais avec amusement cet article sur Business Insider: Teach Your Kids How To Code, Not How To Speak Chinese

There is a belief among some – perhaps out of fear, or prudence – that children today should study Mandarin Chinese as their second language. If China is going to rule the world in a few decades, at least my kid will be able to communicate.

That’s an interesting idea, but the reality is that no matter who is ruling the world, if your kids don’t live in China, their lives are much more likely to involve software than speaking Chinese.

So make sure the second language they study is code. Then their third language can be anything you’d like – Mandarin, Spanish, Latin, French, whatever.

Comme il n’est jamais trop tard pour apprendre de nouvelles choses, si vous voulez vous y coller, c’est le moment de vous inscrire sur l’excellente initiative de Code Year qui vous enverra alors chaque semaine de l’année 2012 une nouvelle leçon interactive de programmation.

Pour info, c’est une idée propulsée par Codecademy que j’ai découvert il y a quelques mois et dont j’ai dévoré les premières leçons. D’une simplicité absolue, clairement expliqué et tout se passe en ligne, sans avoir rien à paramétrer. C’est une excellente façon de commencer cet apprentissage qui peut souvent sembler laborieux, alors qu’ici, c’est presque un jeu avec des “achievements unlocked” tout partout.

Je ne peux donc que vous encourager à rejoindre les déjà plus de 68000 inscrits qui vont apprendre à coder cette année grâce à Code Year. Et comme le dit Douglas Rushkoff, cité sur la page d’accueil:

If we don’t learn to program, we risk being programmed ourselves… program or be programmed

On vous aura prévenu…

WebKit Clock, l’heure partout dans le monde en HTML5

Catégorie web  |  Tag , , , , ,   |  2 Commentaires

Encore une magnifique réalisation, à base de HTML5, de CSS3, de Javascript, de SVG et sans aucune image. WebKit Clock, comme son nom l’indique, est optimisé pour les navigateurs utilisant le moteur de rendu éponyme: Safari et Chrome, donc. Il est d’ailleurs impressionnant de voir le truc tourner sous Safari Mobile, certes lentement mais correctement affiché.

Ah, et puisqu’on en est à parler de HTML5, si vous voulez découvrir ou redécouvrir de beaux projets, de belles démos et plein d’autres trucs amusants conçus dans ce beau langage, allez jeter un coup d’oeil au Calendrier de l’Avent du HTML5, c’est de saison…

Biolab Disaster, un jeu en HTML5

J’ai déjà parlé de Dominic Szablewski plusieurs fois sur ce blog (ici et ). Ce développeur de talent nous a pondu un nouveau petit bijou avec Biolab Disaster, entièrement réalisé en HTML5 et Javascript, sans le moindre bout de Flash ou de plugin dedans.

Ambiance rétrogaming au programme comme le montre la capture ci-dessous, c’est un vrai bonheur de parcourir les différents niveaux qui composent ce jeu de plateforme.

Il fonctionne parfaitement sur tout navigateur digne de ce nom, malgré quelques problèmes de son. Dominic a d’ailleurs posté sur son blog une vidéo making-of et quelques tests de performance des différents navigateurs, c’est particulièrement instructif. Je n’ai toutefois pas réussi à le faire tourner sur mon iPhone 4 (alors que ça semble fonctionner sur 3GS).

A vous de jouer! Attention, time-killer…

Transitions, transformations et animations CSS3 par l’exemple

Catégorie web  |  Tag , , , ,   |  Pas de commentaires

Ca se passe sur css3.bradshawenterprises.com. Une série d’exemples de transitions et d’animations exclusivement réalisées en CSS3, sans faire appel au moindre bout de code javascript (à part pour gérer l’interactivité). Ca démontre bien la puissance du truc et comme le code source est fourni, vous verrez que c’est relativement simple.

Bien évidemment, tout ceci ne fonctionne que sur des navigateurs dignes de ce nom (oubliez IE, donc) avec un petit avantage pour Safari qui est le seul aujourd’hui à supporter les transformations 3D.

Et puis, quand vous aurez terminé de tout lire, vous aurez bien mérité un peu de détente, avec une petite session de retro-gaming sur cet Asteroids entièrement réalisé en HTML5.

L’application Mail de Mac OS X dans un navigateur

Catégorie web  |  Tag , , ,   |  Pas de commentaires

Jolie réalisation, à base de Javascript, qui reproduit totalement l’application Mail dans un navigateur. C’est fonctionnel et ça se comporte exactement comme l’original (même si ça ne sert à rien pour l’instant, c’est juste pour l’exemple).

Après Safari en HTML, il semblerait que la frontière entre Desktop App et Web App soit de plus en plus fine…

VI codé en Javascript

Catégorie web  |  Tag , , ,   |  Pas de commentaires

…donc directement utilisable dans votre navigateur. Ca s’appelle jsvi et c’est une jolie prouesse technique pour tous les aficionados du célèbre éditeur texte. A noter que cette version dispose d’un correcteur orthographique et gère les liens hypertextes. Le geek qui est en moi trouve ça juste génial… reste simplement à y trouver une utilité ;o)

jsvi, l\'éditeur VI en Javascript