Développement Web762 ressources dans cette catégorie

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

Paon : le design pattern Observateur sans héritage en TypeScript / JavaScript.

Le design pattern (patron de conception) Observateur est omniprésent de nos jours. Que ce soit en programmation événementielle, avec les architectures MV* style Angular et la problématique du data-binding, la programmation dite reactive ou encore en conjonction avec l'approche Entity-Component-Systems.

La bibliothèque Paon (comme l'oiseau) a la modeste ambition de répondre à différents objectifs :

• être sans dépendance ;
• être simple à utiliser ;
• être généraliste et non rattaché à une architecture (notamment MV*) ;
• ne pas contraindre la structure des objets à observer via l'héritage que ce soit p ... Voir la suite

AllegroGraph est une base de données graphique moderne et très performante. AllegroGraph utilise de manière efficiente la mémoire en combinaison avec les disques de données, ce qui permet de calculer des millions de requêtes. AllegroGraph supporte SPARQL, RDFS++ et Prolog pour des applications clientes multiples.

Faites bouger, apparaître ou encore tourner vos éléments HTML avec la molette de votre souris
grâce à cette bibliothèque JavaScript.

En effet, comme son nom l'indique, Scrollable.js joue avec le "scroll".
Grâce à cette bibliothèque, vous pouvez désormais déplacer, faire un effet de FadeIn/FadeOut ainsi qu'appliquer une rotation à vos éléments HTML par l'action de votre molette de souris !

Vous pouvez consulter la démonstration pour avoir un aperçu du rendu dans un navigateur.

Scrollable.js nécessite l'inclusion de jQuery pour fonctionner.

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...

Thèmes abordés :

Masquer les menu par défaut du clic droit
Personnaliser le menu contextuel
Utiliser des menu contextuels différents selon les objets
Modifier les menus contextuels selon la situation
Activé et désactiver des ContextuelMenuItem
Changer l'image de fond d'un site Flash

Prévisualisation

Ce plugin jQuery vous permet de déplier des éléments pour révéler davantage de contenu à la manière d'un morceau de papier qui a été plié. Un élément peut être déplié en 3D afin de révéler un autre contenu. La direction du dépliage et le nombres d'étapes sont paramétrables. Chaque étape va doubler la taille de l'élément.

Le concept est sympa mais notons toutefois que le projet est expérimental. D'ailleurs, pour les navigateurs qui ne supportent pas les transformations CSS 3D ou les transitions, le plus grand contenu apparaît alors sans étape.

La taille du contenu final dépendra de la taille du contenu initial (définie dans le CSS) mais aussi des directions du pliage et du nombre d'étapes. Par exemple, un élément initia ... Voir la suite

Thèmes abordés :

Barre de chargement du fichier MP3
Lecture en Streaming (chargement progressif pendant la lecture)
Récupération des informations relative au morceau (titre, genre, artiste, ...)
Contrôle du volume sonore
Lecture d'un MovieClip lorsque la musique démarre
Décompte du temps de lecture
Curseur de suivie de lecture
Fonction de coupure du volume

Prévisualisation

Thèmes abordés :

Bouton permettant d’accéder à la fenêtre de paramètres FlashPlayer
Récupérer le nom du système d'exploitation
Récupérer le type et la version du lecteur Flash
Visualiser les coordonnées de la souris en temps réel
Récupérer la résolution d'écran et les dpi
Retrouver les dimensions de la scène
Connaître la langue du visiteur
Afficher la date et l'heure

Prévisualisation

Cette API PHP vous permettra de consulter ou d'enrichir une base de données de Triples sur le moteur de base de données MySQL.

Elle support le SPARQL et le SPARQL+ (ou SPARUL) sous sa forme WC3.

Elle propose différents parseurs RDF/XML, N-Triples, Turtle, SPARQL + SPOG, Legacy XML, HTML tag soup, RSS 2.0, Google Social Graph API JSON.

Eclipse HTML Tidy est extension d'Eclipse qui formate et valide les documents HTML, XHTML et XML.

Eclipse HTML Tidy fournit deux tâches très utiles : Formatage et Vérification du code (X)HTML. Il ne fournit pas d'éditeur proprement dit.

Le W3C Link Checker lit et extrait une liste d'ancre et de liens dans les documents (X)HTML.

Il vérifie la bonne définition des ancres et des liens récuperés dans la liste extraite au préalable.

Il peut également vérifier de manière récursive une partie de votre site Web.

Ce service du W3C est accessible en ligne et peut également être téléchargé pour une installation en local.

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

Dotclear est un projet open source pour le Web, créé en 2002 par Olivier Meunier. Initialement mené par une seule personne, Dotclear a rapidement rassemblé une équipe comprenant plusieurs personnalités et divers parcours.

Le but du projet est de proposer un outil simple d'utilisation permettant à tout le monde de publier sur le Web, quelles que soient leurs capacités techniques.

UglifyJS est un parser et compresseur JavaScript populaire. Il est d'ailleurs lui-même écrit en JavaScript.
Utilisé dans de nombreux systèmes de production, le parser est même inclus dans le WebKit. En deux ans UglifyJS a obtenu 3000 étoiles sur Github et des centaines de bugs ont été identifiés et fixés grâce à une communauté en pleine expansion. jQuery et (prochainement) Dojo l'utilisent pour compresser leur code.

Piwigo est un logiciel de présentation de photos sur le web, conçu par une communauté active d'utilisateurs et de développeurs. Des extensions permettent d'améliorer facilement Piwigo. De plus, Piwigo est gratuit et open source.

Piwigo est l'évolution de PhpWebGallery. .

JavaPoly.js est une bibliothèque JavaScript qui étend le support (polyfill) de la machine virtuelle Java (JVM). Elle importe le code Java existant et l’appelle directement à partir de JavaScript dans le navigateur. La bibliothèque fonctionne même si l’utilisateur n’a pas Java installé sur son ordinateur. Cela permet à Java de pouvoir s'exécuter dans le navigateur sans devoir passer par une applet.

En théorie, tous les langages qui s'exécutent dans la JVM sont supportés par JavaPoly. Par exemple : Groovy, Scala et même Python via Jython.

Mozilla a lancé le projet Shumway. C'est une machine virtuelle écrite en JavaScript, couplé avec les technologies HTML5, qui permet le rendu des fichiers SWF sans avoir besoin de Flash Player.

Shumway est construit avec deux objectifs principaux : faire avancer le Web ouvert en toute sécurité en prenant en compte les formats fermés et propriétaires, et offrir un processus d’exécution pour les fichiers SWF et d’autres formats « Rich Media ».

Le projet est encore au stade expérimental et manque de certaines caractéristiques. La technologie finalisée pourrait être introduite dans Firefox et serait – théoriquement – compatible avec tout navigateur moderne supportant JavaScript et HTML5.

WebMatrix 2 RC s’arrime au développement mobile en proposant des outils permettant de mettre sur pied facilement des applications Web Mobiles. Les modèles pour ASP.NET, Node.js et PHP ont été mis à jour pour être mieux adaptés lors d’un affichage sur les terminaux mobiles. Le rendu des vues spécifiques en fonction des dispositifs (Tablette, iPhone, Windows Phone, etc..) est désormais possible.

L’EDI dispose des émulateurs allégés pour Windows Phone, iPad et iPhone, permettant d’avoir un aperçu rapide du fonctionnement de son site Web sur ces dispositifs. Des travaux sont en cours pour intégrer encore plus d’émulateurs.

Le support de jQuery Mobile est également au rendez-vous (auto-complexion, etc.). Plusieurs modèles d ... Voir la suite

Vous avez forcément, à un moment ou à un autre, utilisé cette fonctionnalité sur votre lecteur de musique préféré.
Je parle de ces animations graphiques à base de lignes colorées, de bulles qui éclatent et bien d'autres formes au rythme de votre chanson favorite.
Et bien il est maintenant possible d'intégrer de telles animations dans votre site web grâce à Dancer.js !

Cette API est utilisable avec l'API Audio Data de Mozilla ainsi qu'avec l'API Web Audio de Webkit et flash fallback.

Dancer.js utilise les fréquences audio en temps réel pour les lier à des effets visuels aléatoires.
L'API peut détecter les battements de la musique jouée pour faire réagir l'animation visuelle.
Elle permet également de ... Voir la suite

Le plugin jQuery, appelé Flex, de Jason English est inspiré de l'ancienne page d'accueil Flash de Adidas.com. Jason n'a pas trouvé de plugin semblable et on lui a même rétorqué que c'était impossible à faire. La motivation est alors née, c'était un challenge qu'il se devait de relever.