Archives de la catégorie : Applications autonomes

Pas encore de description pour la catégorie Applications autonomes. Suggérez à l'administrateur du site de la remplir.

jsPDF — Génération de PDF avec Javascript

jsPDF est une bibliothèque créée par @MrRio qui nous propose de nombreuses fonctions permettant de générer du PDF. Écrite en Javascript, cette librairie ne sollicite pas le serveur : tout se passe côté client. jsPDF semble idéal pour générer des PDF pour les rapports, les certificats, les tickets et tout ce  que vous pourrez imaginer.

impress.js — Présentations étonnantes avec Javascript

impress.js est un outil de présentation inspiré par prezi.com basé sur la puissance des transformations et transitions CSS3 disponibles dans les navigateurs modernes. La démo parle d’elle-même ! Seul petit bémol, il ne semble pas possible de naviguer à travers les slides en utilisant la molette.

3 outils pour gérer les dates en Javascript

La gestion des dates et autre timestamps peut s’avérer légèrement compliquée. Heureusement, il y a pléthore de bibliothèques Javascript qui se proposent de vous faciliter la vie. Voici déjà trois script rapides et légers pour commencer.

Lawnchair — Le stockage JSON simplifié

Lawnchair est une solution souple et légère (3.4K pour la version minifiée) pour assurer la persistance des données de vos applications mobiles HTML5 grâce au format de données JSON. Par défaut, Lawnchair utilise les fonctions natives du navigateur, et utilise des solutions alternatives si les fonctions Storage ne sont pas prises en charge. Cerise sur le gâteau, cette solution ne dépend pas de jQuery ou d’un autre framework pour fonctionner.

spin.js — Icône de chargement animée sans image

spin.js est une solution en Javascript (compatible avec jQuery) qui permet d’afficher une icône de chargement de page animée (loader) sans utiliser d’image, grâce à CSS3. La compatibilité avec Internet Explorer en version 6, 7 et 8 est assurée grâce à WML. 

Require.js — Chargement asynchrone de fichiers Javascript

Si les performances de votre site web et le service rendu aux utilisateurs vous préoccupent, vous aurez certainement besoin de Require.js. Ce «loader» Javascript léger (5 kb gzipé), avec gestion de cache, accélère le chargement de vos pages lorsque vous utilisez de nombreux scripts. Sans ce loader, le navigateur doit attendre que les fichiers Javascript sont chargés avant d’afficher votre contenu. Require.js effectue un chargement asynchrone de l’ensemble de vos fichiers javascript lorsque votre page a fini de se charger, sans bloquer votre navigateur.

nanotabs — Menu à onglets Javascript ultra-léger

nanotabs — Cette version allégée du plugin jQuery idTabs est un script autonome (sans jQuery ou autre framework Javascript) qui permet de faire des menus à onglets à partir de simples listes pour le poids dérisoire de 2 KB, ce qui ne devrait pas gréver les performances d’affichage de votre site ou de votre blog. 

yepnope.js — Chargement conditionnel de scripts pour vos « Polyfills »

yepnope.js permet de charger un script de manière asynchrone selon qu’une fonctionnalité est disponible ou non dans le but de ne charger que l’essentiel. C’est le compagnon idéal de Modernizr qui se charge de détecter les fonctionnalités en question (cf. Modernizr — Détection des fonctionnalités CSS3 et HTML5). Un Polyfills est une fonction (généralement en Javascript) qui émule une fonctionnalité pour les navigateurs ne la prenant pas en charge (cf. What is a Polyfill?). Grâce à Modernizr et yepnope.js il est possible d’utiliser les fonctionnalités HTML5 et CSS3 en première intention tout en ménageant une porte de sortie pour les navigateurs plus anciens.

Minify — Accélérez l’affichage des pages en réduisant le nombre de requêtes HTTP

Minify est un script PHP5 dont l’objectif est d’aider les webmasters à atteindre un des objectifs les plus importants des règles de hautes performances pour les sites web proposées par Yahoo! : diminuer le nombre de requêtes HTTP. Pour y parvenir, Minify combine (concatène) les fichiers CSS ou Javascript. En prime, il supprime les commentaires et les espaces en trop. Minify se charge même de l’encodage gzip tout en envoyant les bons en-têtes (headers) au navigateur.

SimpleTabs — Onglets Javascript non-intrusif

SimpleTabs est un script autonome écrit en Javascript par Fotis Evangelou. Il permet de mettre en place facilement un système de navigation à base d’onglets (tabs). J’aime bien le côté autonome du script qui ne dépend ainsi d’aucune bibliothèque tierce pour fonctionner. Pas besoin de jQuery ou de Mootools ! Le script se souvient du dernier onglet cliqué et se place sur celui-ci après un rechargement de page ou l’utilisation du bouton « Retour » du navigateur. SimpleTabs est simple à mettre en place, léger (2,4 Kio) et compatible avec tous les navigateurs.