#JavaScript

Laisser un commentaire

Hériter une fonction native jQuery

Pour ceux qui font de la programmation orientée objet A.K.A POO, le terme d’héritage est familier. Il s’agit simplement de prendre une fonction et de l’enrichir de nouvelles possibilités. On dit que la fonction fille hérite de la fonction mère (bien qu’en POO on hérite des classes et non des fonctions). Nous allons donc voir comment ajouter des fonctionnalités aux méthodes ou fonctions du cœur de jQuery.

Laisser un commentaire

3 outils HTML5 qui vous feront oublier powerpoint

On a toujours besoin, à un moment ou à un autre, de faire une présentation : un exposé, un brief, une conférence, bref à tous les niveaux et a tous les âges. Pour cela, on pense immédiatement à PowerPoint, les adeptes de la firme à la pomme utiliserons parfois Keynote et certains d’entre vous connaissent peut être Prezi.

Il existe cependant bien d’autres solutions, disponibles gratuitement, en open source et full HTML5. Alors pourquoi se priver et continuer à payer des licences pour des logiciels qui, au final, brident quelque peu notre créativité ?

Laisser un commentaire

Créer et afficher des graphiques à la volée

On dit d’une illustration qu’elle vaut 1000 mots. L’extension GD de php permet de manipuler des images, et avec un peu de pratique, vous pouvez très bien créer de superbes graphiques. Voici un article en anglais, qui vous expliquera en détail comment parvenir à créer des graphiques, en barre, en fromage…

Gardez cependant à l’esprit que GD consomme des ressources côté serveur, et que pour cette raison, il est bloqué sur les offres mutualisées de nombreux hébergeurs. Par ailleurs, javascript et le html5 offrent aujourd’hui la possibilité de créer des graph directement dans la navigateur du client. Ils auront même l’avantage d’être interactifs ! De très bonnes bibliothèques ont d’ailleurs été écrite à cet effet :

Un peu à part se situe Charts.css il permet en effet de ne faire reposer vos graphique que sur quelques styles CSS ! Une très bonne alternative au JS si vous voulez rester simple et léger.

À vous de faire votre choix !

Laisser un commentaire

Styliser le input file en CSS

Chaque navigateur possède son propre champ de <input type="file">, ce dernier n’est pratiquement pas modifiable en CSS. C’est fort dommage car d’une part, chaque navigateur possède son propre design de ce type de input, ce qui ne permet pas d’avoir une homogénéité entre les navigateurs, et d’autre part, cette impossibilité de le modifier via CSS ne permet pas d’adapter ce dernier au design de notre site. Notre objectif est donc de palier à cette lacune.

Laisser un commentaire

Créer un scroll infini en jQuery

L’infinite scroll, pour ceux d’entre vous qui ne savent pas de quoi il s’agit, c’est ce système qui charge automatiquement de nouveaux éléments au bas de votre page lorsque vous “scrollez” – c’est à dire allez en bas de la page avec la molette de votre souris.

Le scroll infini remplace habilement les boutons “suivants”, “précédents” ainsi que les numéros de pages sur de nombreux sites. Facebook et Twitter l’utilisent dans leurs timelines respectives. On va donc voir comment programmer notre propre système de scroll infini sans avoir recours à aucun plug-in !