Développement Web764 ressources dans cette catégorie

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

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

Cette bibliothèque va vous permettre de créer des graphiques au sein de vos pages en utilisant les canvas HTML5.
Chart.js est supporté sur tous les navigateurs récents (supportant le HTML5) et offre un fallback spécifique pour IE7 et IE8.

Vous disposez de six types de graphiques différents :

• les courbes ;
• les graphiques en barres ;
• les graphiques en étoile ;
• les camemberts ;
• les graphiques polaires ;
• les graphiques en « beignets ».

Chacun de ces types peut être animé, entièrement personnalisé et s'affiche correctement même sur un écran retina.

Chart.js n'a besoin d'aucune autre bibliothèque pour fonctionner, est très léger (envir ... Voir la suite

PeerJS est une API JavaScript complémentaire au standard WebRTC développé par le W3C, qui fournit une solution simple, complète et configurable pour l’échange de données à travers un réseau peer-to-peer.

Pratiquement chaque peer dispose d'un identifiant avec lequel d'autres peers utilisant la même API peuvent se connecter à lui.

Cette nouvelle version apporte son lot de nouveautés. L’API est très simple d’utilisation. 3 lignes de code suffisent pour créer une connexion entre des peers. En outre, on observe une diminution des temps de latence de connexion. PeerJS prend en charge un protocole hybride basé sur XHR et WS.

deepstream.io est un serveur Node.js open source qui permet aux clients de synchroniser les données d'applications sur navigateurs ou sur mobiles.

En pratique, il a une couche de mise en cache et la prise en charge des messages basés sur les événements et sur le protocole RPC.

Les appels RPC permettent aux fonctions d'être liées à des noms de fonction. Une belle propriété du protocole RPC utilisée dans deepstream.io est que si plusieurs clients sont en mesure de fournir le même RPC, le serveur peut éventuellement redistribuer les requêtes entre ces clients.

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.

Adobe a donné un coup de pouce au monde du web avec sa gamme d'outils : Edge Tools & Services.
C'est une solution en faveur du HTML5, des designers, développeurs qui ne disposaient jusqu'à présent que de Dreamweaver dans la Creative Suite.
Cette solution permet de développer rapidement sur différents supports : pc, tablette, mobile à l'aide de Edge Inspect.

Cette gamme dispose de 7 nouveaux logiciels :
- Edge Animate : Créez du contenu interactif et animé en HTML, CSS et JavaScript.
- Edge Reflow : Créez des mises en forme et des visuels réactifs à l'aide de feuilles CSS normalisées (responsive design)
- Edge Code : Initialement basé sur le projet Brackets, Edge Code est voué à devenir un éditeur de cod ... Voir la suite

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.

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

Il permet aux utilisateurs de netbeans 7.3 de générer l'arborescence de production de leur projet sous Netbeans, version 7.3.
En outre, ils pourront alors(après la création du premier projet en ligne), utiliser la console de génération automatique Bake pour avoir leurs fonctionnalités de base toutes cuite!
Bon usage, et n'hésitez pas à m'écrire pour en savoir davantage si vous êtes interessés.

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

DareBoost est un outil en ligne qui permet d'analyser vos sites web pour fournir un rapport sur-mesure portant sur la performance web ainsi que la qualité.

Dans les rapports générés, vous retrouverez différentes métriques liées à la performance (temps de chargement, poids de la page...), des bonnes pratiques issues de Google Page Speed et de YSlow, les résultats des validateurs W3C mais aussi des conseils spécialisés, selon les technologies détectées sur vos sites web (configuration Apache, utilisation de jQuery...)

css basique nessecitte des modifications

Html optimiser est un outil qui vous permet d'optimiser votre code HTML d'une façon automatique, il est capable de supprimer les caractères et les tags inutiles. Il vous aide à garder une organisation de votre code avec la création d'un dossier contenant les fichiers optimisés en gardant vos fichiers originaux intacts.
Il permet également de réduire la taille des images utilisées dans les pages, comme il prend en charge les langages de scripts JavaScript, Java, CFscript, VBscript, LassoScript ainsi que CSS, ASP, JSP, PHP, TPL, CSP.
HTML-Optimizer Pro offre de nombreuses options pour personnaliser son fonctionnement à vos besoins particuliers.

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.

Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...

J'ai récupéré le fichier sur le site officiel et fusionné une modif d'un autre site pour permettre le disable/enable du pluggin officiel