Page web avec animations « OnScroll »

Dernièrement, j’ai recherché et testé quelques frameworks et plugins jQuery pour faire une single page application contenant des animations en JS lors du scroll. Ce but de mes recherches est de réaliser une page contenant quelques animation lors du scroll sur différentes zones, ici la démonstration restera très basique mais le principe est posé. Celui…

HTML5 – DOM Shadow

Les bonnes pratiques de développement voudraient que l’on crée des composants encapsulés réutilisables, facilitant la maintenance. En HTML5, cette possibilité voit doucement le jour avec le DOM shadow qui est en cours de standardisation (supporté uniquement depuis la version 25 de Chrome, article testé avec Canary). Le DOM shadow permet donc d’encapsuler du contenu en…

Node JS, javascript & réseau

Node.js est un framework libre orienté réseau, très populaire actuellement, notamment pour le multijoueur. Effectivement, node.js permet d’exécuter du javascript, habituellement coté client, maintenant coté serveur et ce de façon très performante. Son fonctionnement est basé sur l’évènementiel et l’utilisation du moteur V8 de la VM (machine virtuelle) Google Chrome qui optimise et compile JIT…

Dart, le successeur du Javascript ?

Dart, le nouveau nom de Dash, est maintenant prêt… Lancé depuis 2 ans par Lars Bak, qu’il a été dévoilé par Google comme alternative à Javascript, la version 1.0 et le SDK sont disponibles après avoir été récemment officialisé par Mountain View. A quoi ça sert ? Dart serait destiné a résoudre des problèmes du…

Du Javascript propre… Round #2

Suite à mon premier post dans ma quête de rendre plus simple, plus lisible et donc plus maintenable mon code JavaScript, voici donc le deuxième round, dans lequel je traiterai des « classes ». Cela nous fait donc revenir sur le point numéro 5 du round #1 pour l’améliorer. Et pour cela, je vais comparer le pure…

Bootstrap, le design web facilité !

Bootstrap est un framework très utile à la création de site web ou d’application mobile HTML5 créé par Mark Otto et Jacob Thornton et soutenu par Twitter. Cette boite à outils du web designer est bien complète puisqu’elle nous propose, aussi bien des snippets HTML, du CSS responsive design poussé et des composants spécifiques en…

Du Javascript propre… Round #1 !!!

Écrire du code Javascript propre est assez difficile… Sur trop de projets, j’ai rencontré la difficulté du javascript quasi impossible à maintenir au bout de 6 mois, trop souvent éparpillé dans nos pages. Je vais donc tenter de trouver une solution la plus complète possible, et sans framework autre que jQuery dans un premier temps,…

Google analytics : Exclure notre ip des données statistiques

Lors du déploiement de Google Analytics sur un site internet, l’oubli du filtrage d’ip peut être problématique lors de l’analyse des tableaux de bords… En ne filtrant pas notre propre IP et celles de nos collaborateurs, chacune de nos visites est comptabilisée par Google Analytics et fausse donc les statistiques ! Nous allons donc voir…

Introduction à Angular JS

AngularJS est un framework JavaScript open source, fonctionnant avec une version minimale de jQuery. Il a pour but de faciliter la réalisation d’applications web monopages en étendant le HTML traditionnel pour servir le contenu dynamique de façon améliorée grâce à un data-binding bidirectionnel qui permet la synchronisation automatique des modèles et des vues. Les objectifs…

A la découverte de LESS

LESS est un langage de définition de style, du type CSS, mais étoffé de quelques fonctionnalités supplémentaires comme la définition de variables, expressions et fonctions pour un code plus structuré et plus facile a maintenir, et oui c’est possible ! Les variables : Vous pouvez donc définir des variables pour aider a maintenir l’homogénéité de…