In this article, we will focus on the power of CSS as a descriptive language, current template system approach and their problems with modularity and extensibility, and try to mix both features from the concept to a concrete implementation.
In this article, we will explain why we’d choose web technologies to make applications and introduce WebAppBuilder, a tool to easily build different instances of an application. We’ll examine the Same Game Gravity as an example.
Using web to develop mobile applications is very productive and web technologies are rich.
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.
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.
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.
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.
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.
Oct 242009
Le JavaScript est un langage très souple mais qui manque parfois de fonctionnalités si l’on en reste à ses bases.
Heureusement, de nombreuses bibliothèques sont là pour nous sauver la mise.
C’est en tout cas le cas pour le concept de l’héritage qui est rendu possible grâce à la bibliothèque base2.
Au lieu de réinventer la roue, nous pouvons utiliser cette bibliothèque et ainsi pouvoir mieux nous concentrer sur les véritables problèmes d’implémentation d’un projet.
Reactions