Nov 172010
 

Voici mon second podcast vidéo sur zengularity.com, reprenant la démo d’un précédent article.

Les transitions CSS3 permettent d’éviter l’utilisation du Flash ou de librairies d’animations Javascript. C’est une alternative performante car elle utilise le moteur de rendu natif du navigateur. De plus, cette solution simple et standard offre une dégradation intéressante sur les navigateurs plus anciens.

Continue reading »

Oct 122010
 

Mon premier podcast vidéo sur Zengularity.com :

Web Workers est une technologie du HTML5 qui permet d’exécuter des scripts en arrière-plan en préservant la stabilité du navigateur. Un exemple sur la recherche des nombres premiers parmi une liste de nombres illustre l’intérêt des Web Workers pour le multi-tâche.


Watch on Zengularity.com

Enjoy !

Oct 122010
 

The Singularity [ˌsɪŋgjʊˈlærɪtɪ]

When humans create smarter-than-human intelligence capable of creating ever smarter “minds”, it will trigger a recursive intelligence explosion and an acceleration of technological progress that will qualitatively change the future.

http://www.zengularity.com/ est sorti !

Continue reading »

May 052010
 

CSS3 transitions are now available on Firefox, Chrome, Safari, Opera and … IE9!, and it’s awesome.

CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.

Javascript is not anymore required for simple animation.

Specifically, we don’t need Javascript to manage animation with setInterval or with any library like jQuery.animate : Forget the animation management, stay focused on the real work.

In this article, I will try to explain why and how using css3-transition with some examples.

Continue reading »

Apr 042010
 

Il est préférable d’utiliser un framework web même si l’on veut réaliser un site vitrine simple (statique), car l’on bénéficie des avantages du framework notamment de l’héritage (entre autre) des templates, de l’internationalisation, de la configuration des routes, du SASS, etc.

De plus, cela permet de rendre la maintenabilité moins longue et couteuse.

Néanmoins, son hébergeur ne permet pas toujours de faire tourner son site avec le framework utilisé (par exemple ruby on rails ou play! framework).

Pour remédier à ce problème, il suffit d’exporter son site statique en simples pages HTML.

Cet article est donc destiné aux particuliers ne voulant pas investir dans un serveur dédié, fans de framework avancés qui ne sont pas supportés par les offres d’entrée de gamme des hébergeurs (qui n’offrent généralement que le support du php).

Continue reading »

Apr 032010
 

Le CSS depuis sa version 3 constitue une bonne évolution technologique pour palier l’utilisation abusive d’images dans la réalisation d’une application web.

Il n’est ainsi plus nécessaire de recourir à des images pour réaliser des ombres, des dégradés, des bordures arrondis ou encore utiliser des polices spécifiques.

L’avenir du CSS3 nous promet encore plus : il est d’ores et déjà possible sur certains navigateurs d’effectuer des animations, des transitions, des effets de reflets,… sans devoir recourir au javascript, au canvas ou, pire encore, au flash.

Continue reading »

Mar 142010
 

SASS, Syntactically Awesome Stylesheets, est un langage de feuille de style évolué qui permet de factoriser beaucoup de code css et de rendre son écriture et sa maintenance rapide et moins contraignante. Il est compilé en css.

Pourquoi utiliser SASS ?

Son utilisation a de nombreux avantages par rapport au CSS :

  • sa simplicité (pas de crochets, pas de point virgule mais juste de l’indentation)
  • l’imbrication des sélecteurs css (appliquant l’idée DRY : don’t repeat yourself)
  • l’utilisation de variables
  • l’utilisation d’opérations élémentaires (sur les pixels, les couleurs, …)
  • la factorisation du code (au lieu de faire des copier-coller, on peux factoriser le code à travers les “mixins”).
  • La réduction css et la clarté du code
  • La compression du code compilé avec la possibilité de tout mettre dans un fichier (via l’héritage) et de minimifier le code css.

Ce langage n’est pas difficile à apprendre, cela ressemble au css, avec de nombreuses fonctionnalités intéressantes en plus.

Continue reading »

Feb 202010
 

I make a simple canvas game in HTML5 Canvas.

Canvas is a really great API which allows to do awesome things combined with javascript language. It’s a standard alternative to Flash and for that kind of usage, I think it can fairly compete Flash.

screenshot

You can test the game in a recent browser (canvas-compatible like firefox, chrome, …) following this link.

If you want to hack the code, see the javascript here.

Continue reading »

Feb 032010
 


Pré-requis conseillé: Voir la vidéo : HTML Canvas pour les néophytes

Le HTML 5 intègre de nouvelles technologies comme le canvas, une véritable API graphique destinée à remplacer le flash dans les années à venir.
Ce tutoriel vise à présenter canvas comme une librairie très simple d’utilisation et haut niveau grâce au langage javascript.
Il vous apprendra à réaliser une animation similaire à la bannière actuelle de mon blog en quelques lignes de code.

Continue reading »

Jan 312010
 

Voila,
J’ai finalement décidé de migrer vers WordPress. Je suis revenu de ma première impression sur l’interface d’administration de wordpress. Celle ci n’était pas bien évidente à l’époque, mais maintenant cela s’est bien arrangé, le menu d’administration s’est d’ailleurs rapproché de celui de dotclear.

Continue reading »