Tagjavascript

Simuler un namespace en Javascript

S

Javascript est un formidable langage devenu incontournable dans le développement front-end. Pourtant, ce n’est pas le langage de programmation le plus élaboré qui soit, du moins si on le compare à des langages fortement typés comme Java ou C#. Ainsi, la POO en Javascript est plutôt triviale et … très singulière ! A l’instar des classes qui n’existent pas en tant que...

Les fonctions anonymes en Javascript

L

Les fonctions anonymes sont régulièrement utilisées en JavaScript et permettent d’encapsuler du code à l’intérieur du corps d’une fonction, et ainsi d’isoler toutes les propriétés et méthodes qui s’y trouvent. Cela permet notamment de contourner les problèmes liés aux collisions de variables déclarées dans le scope global, problèmes récurrents dès lors qu’on a...

Polymer et les web components

P

Polymer est une nouvelle façon d’aborder la conception d’applications web basée sur les composants web. A moyen terme, c’est une véritable révolution qui devrait transformer votre regard sur le sujet … Si vous êtes habitué aux tâches de développement front-end, vous connaissez forcément JavaScript et la floppée de frameworks qui le suivent. A l’heure actuelle, se...

Système d’auto-complétion avec AJAX

S

L’expérience utilisateur est chaque jour rendue plus fluide et plus conviviale, particulièrement grâce à l’apport de JavaScript. De nombreux sites proposent par exemple un système d’auto-complétion sur leurs champs de recherche. C’est ce procédé d’auto-complétion que je vous propose de décortiquer pas à pas en développant un champ de recherche des grandes villes du...

Requêtes asynchrones avec l’objet XHR

R

Les technologies AJAX sont apparues il y a une dizaine d’années et sont aujourd’hui très répandues sur de nombreux sites internet en raison, notamment, de la souplesse qu’elles confèrent aux interfaces graphiques ainsi qu’à l’amélioration considérable de l’expérience utilisateur qui en découle. AJAX, requêtes asynchrones, objet XHR … que veulent dire ces...

Utiliser les polyfills en Javascript

U

Certaines technologies récentes ne sont pas supportées de manière égale par les différents navigateurs présents sur le marché, et vous vous grattez régulièrement les cheveux à propos de la prise en charge de telle ou telle méthode lors de vos développements. Il arrive donc de devoir tester si telle ou telle fonctionnalité est supportée et ensuite de devoir déployer des solutions alternatives. Une...

Allofthelight.js: éteignez la lumière !

A

AllOfTheLights est un plugin jQuery qui permet de “couper la lumière” au clic sur un bouton, un peu comme lorsque vous êtes au cinéma ou que vous regardez un film chez vous. Le but est de masquer les éléments parasites qui viendraient troubler la concentration du spectateur pour lui offrir une UX de derrière les fagots. Evidemment, ça ne changera pas la face du monde, c’est même...

Get Webplate : framework front-end

G

On ne compte plus les frameworks CSS qui permettent tout et n’importe quoi, j’en relève au moins 5 nouveaux par mois, tous plus ou moins bien fichus. De fait, j’ai pris le parti de ne partager que ceux chez qui j’ai trouvé un réel intérêt. C’est ainsi qu’il y a quelques temps, je vous parlais de Pure CSS ou encore KnaCSS, deux bons outils pour designer web...

Offline.js : re-connectez vos utilisateurs

O

En 2013 Javascript est partout, et ce serait bête de s’en priver alors que ça facilite tout de même pas mal la vie des utilisateurs. En l’occurrence, cette semaine le script Offline.js sort du lot pour une fonctionnalité finalement pas indispensable mais très pratique selon les situations, puisque son utilité consiste à prévenir l’utilisateur en cas de perte de connexion, ce qui...

Tutoriel Masonry.js pour des contenus en mosaïque

T

Le plugin jQuery Masonry n’est plus à présenter : c’est ce qui se fait de bien en terme d’organisation de contenus sur une page web. C’est un script que j’utilise ici sur certaines page du blog et, ne maîtrisant pas l’anglais, j’avoue que j’ai rencontré pas mal de difficultés pour commencer à le maîtriser. Dernièrement, le site Grafikart a mis en...