Développement Web766 ressources dans cette catégorie

Outils et codes sources pour le développement internet, intranet, extranet

Next.js, un framework permettant d’effectuer le rendu des applications web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur React (bibliothèque JavaScript conçue par Facebook), Webpack (grouper les modules avec les dépendances) et Babel (transpileur de code ES6 en code ES5).

Next.js se base sur six principes :

• aucune installation à faire ;
• seul JavaScript est nécessaire ;
• rendu automatique par le serveur et fractionnement du code ;
• récupération des données ;
• anticipation pour une meilleure performance ;
• déploiement simple.


Vous trouverez plus d'information Voir la suite

Toolbar.js est un petit plugin jQuery bien utile !

En effet celui-ci va vous permettre de créer simplement et rapidement des barres d'outils (ou des menus) se présentant comme un tooltip afin de les intégrer dans votre site ou application Web. La barre d'outil ainsi créée est facilement personnalisable en utilisant les icônes de Twitter Bootstrap et permet une grande flexibilité quant à son affichage et son nombre d'icônes.

Les principales fonctionnalités de ce plugin sont :

• une implémentation extrêmement simple avec des options toutes aussi simples ;
• vous pouvez créer autant de barres d'outils que nécessaires ;
• vous pouvez attacher ces barres d'outils à n'importe quel élément ;
• Voir la suite

FilteredPaste.js est un petit plugin jQuery qui va vous permettre de contrôler et de modifier les données collées dans vos inputs HTML.

Vous pouvez par exemple supprimer ou modifier des tags HTML que vous ne voulez pas dans le contenu final ou encore des attributs qui ne vous semblent pas nécessaires.
Ce plugin supporte l'annulation native des navigateurs (CTRL + Z) mais n'est pas encore supporté sur Internet Explorer et Opera.

jWebAudio conserve les détails techniques de l'API Web Audio sous son capot et facilite le contrôle et la gestion du son.

Cette bibliothèque a été conçue et pensée pour les jeux Web. De ce fait elle propose plusieurs fonctions utiles dans un jeu comme le fondu, la boucle ou encore les sons multiples.

jWebAudio fonctionne à la fois avec jQuery et avec du JavaScript standard. Les fonctionnalités sont les mêmes dans les deux cas, seule la syntaxe d'appel des méthodes change.

Comme jWebAudio cible le contrôle du son dans un jeu vidéo, les fonctionnalités sont restreintes à celles réellement utiles. Ce qui en fait une bibliothèque ultra légère (9kb pour la version compressée).

Elle offre également un c ... Voir la suite

Uploadify est un petit plugin jQuery qui va vous permettre de gérer l'upload multiple dans vos formulaires.
Deux versions sont à votre disposition : la première gratuite utilisant Flash et la seconde payante utilisant les nouvelles fonctionnalités HTML5.

Quelque soit la version, le plugin gère l'upload multiple et le drag&drop. Il propose également une barre de progression en temps réel. Le plugin est personnalisable à souhait, vous pouvez donc l'adapter à votre design. Enfin il propose aussi une restriction de fichier (par type, poids, etc.).

IoT.js est un framework open source de Samsung.

"Il ambitionne de fournir une plateforme interopérable de service dans le monde de l’IdO, s’appuyant sur la technologie web. L’objectif d’IoT.js est de s’exécuter dans des dispositifs à ressources limités comme ceux disposant uniquement de quelques kilo-octets de RAM.
[...]
Qu’il s’agisse de dispositifs complexes et sophistiqués à l’instar des appareils ménagers, des appareils mobiles et des téléviseurs ou même des appareils légers et petits tels que les lampes, les thermomètres, les commutateurs et capteurs. A la fin, l'interopérabilité de l'ensemble de ces dispositifs permettra aux gens de profiter d'un mode de vie plus intelligent, plus commode."

Le projet s ... Voir la suite

Les utilisateurs de smartphones et de tablettes connaissent bien cette fonctionnalité qui consiste à rafraichir une page en la "tirant" avec le doigt. Le côté pratique de cette fonctionnalité est admis par tous dans la mesure où ces utilisateurs ne disposent ni de souris ni de clavier.

Pourquoi les utilisateurs d'ordinateur ne pourraient-ils pas eux aussi rafraichir les pages Web par un simple mouvement de souris ? Et bien c'est maintenant possible grâce à cette librairie JavaScript !

Zepto est une bibliothèque JavaScript minimaliste pour les navigateurs modernes avec une API en grande partie compatible avec jQuery.

Cette petite bibliothèque se charge rapidement. Son côté minimaliste implique donc que les anciens navigateurs ne sont pas supportés. Par contre elle est très pratique pour les applications natives et fonctionne parfaitement sur PhoneGap et compagnie.

Le code source est clair et concis. Outre jQuery, il est compatible avec Backbone et le Bootstrap de Twitter. Il est d'ailleurs portable (il se base sur le système de build de Node.js).

Cette bibliothèque gère par exemple :

• l' AJAX, JSONP ;
• des sélecteurs, getteurs et setteurs ;
• des méthodes de man ... Voir la suite

Sail.js simplifie la création d'applications Web personnalisées ou orientées entreprises. Le framework a été créé pour ressembler à l'architecture MVC de frameworks bien connu comme le Ruby On Rails, mais en supportant le côté plus moderne orienté « data » des applications Web.
Ce framework convient par exemple parfaitement pour créer une application de chat en temps réel.

Sail.js propose plusieurs fonctionnalités qui n'existent pas dans les autres frameworks MVC pour Node.js :

• une API JSON générée automatiquement pour manipuler les modèles ;
• le support de CoffeeScript et de LESS ;
• une minification automatique avec Rigging : votre code front-end est automatiquement inclu en mode de développeme ... Voir la suite

Aurelia (anciennement Durandal) est considéré comme le framework JavaScript concurrent de Angular. C'est un framework JavaScript MV* (Model, View, et ce que vous voulez pour relier les deux). Il est écrit avec les dernières spécifications EcmaScript 6 et 7.

Le code est transpilé en ES5 et des polyfills sont ajoutés afin de garantir son support sur tous les navigateurs modernes. Il s'accomode très bien avec TypeScript, CoffeeScript ou AtScript.

Parmi sa longue liste de fonctionnalités, on peut citer :

• un data-binding adaptatif très complet, avec deux fallbacks possibles (Object.observe en ES6, getter/setters en ES5 ou dirty checking en dernier recours pour le reste des navigateurs) ;
• une forte in ... Voir la suite

csscss est un analyseur de code qui vous permet de détecter les redondances.
En fournissant un fichier CSS ou Sass à ce gem ruby, il vous détecte et affiche les règles CSS dupliquées.

TimeJump est un script qui vous permet de créer des "liens profonds" vers des instants précis d'un flux vidéo ou audio HTML5.
Pour se faire le script reconnait automatiquement un paramètre "t" (pour time) dans l'url et affiche le flux à l'instant correspondant à la valeur du paramètre.

Ce user script vous permet de distinguer vos amis sur le chat DVP.

Imba est un langage se compilant en JavaScript. Ce langage est le fruit de plus de six années de réflexions menées dans le but de faire tourner Ruby dans les navigateurs.

Imba provient d'un fork avec CoffeScript.

Il dispose de fonctionnalités pour la définition, l’extension, le sous-classement, l’instanciation et le rendu des nœuds du DOM. Comme avantage mis en avant, il se trouve qu’Imba dispose d’un support natif pour les tags et les sélecteurs. De même, le code compilé est très lisible et extrêmement performant. À titre d’exemple, on peut faire une comparaison entre le code écrit avec Imba et celui qui a été compilé.

Ecrire un script bilan4.php qui affiche si l'année envoyée dans le formulaire bissextile ou non. On utilisera une
liste déroulante.

dhtmlxGantt est un outil de la suite DHXTML (un framework JavaScript) qui permet d’intégrer des diagrammes de GANTT dans des pages web et de réaliser ainsi la gestion d’un projet complètement en ligne.

J'avais posté il y a quelques années une fonction de suppression des diacritiques à l'aide d'expressions régulières.
La fonction normalize() permet de le faire beaucoup plus simplement en terme de lignes de code mais attention, pas forcément en terme de performance (cette fonction ne semble pas très optimisée sur certains navigateurs).
Cette fonction éclate chaque lettre accentuée en sa lettre de base suivie du diacritique.
Il suffit ensuite de faire un "écrémage" de ces diacritiques à l'aide d'une expression régulière.

Editeur Web open source, permettant de développer en HTML, CSS, PHP, JavaScript et autres langages et contenant quelques fonctionnalités intéressantes comment d'édition rapide de code CSS directement depuis le code HTML.

Application disponible gratuitement et actuellement en version bêta.

Code Cola est une extension chrome vous permettant d'éditer le contenu d'une page web en ligne pour en modifier le CSS visuellement

De quel préfixe vendeur votre visiteur a-t-il besoin ?

Présentation
PrefixFinder est un petit script utilitaire permettant de gérer facilement les préfixes vendeurs liés au navigateur de votre visiteur lorsque vous devez manipuler les styles CSS.

Fonctionnalités
PrefixFinder propose diverses fonctions utiles :

• PrefixFinder.prefixe contient un objet composé de deux propriétés (.css et .js) indiquant le préfixe CSS et JavaScript du navigateur ;
• PrefixFinder.getPrefixedProp(propriete) est une méthode retournant un objet composé de deux propriétés (.css et .js) indiquant pour la propriété CSS propriete sa syntaxe CSS et JavaScript pour le navigateur de l'utilisate ... Voir la suite