Développement Web763 ressources dans cette catégorie

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

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.

Drupal est un logiciel qui permet à une personne ou à une communauté d'utilisateurs de publier, de gérer et d'organiser une grande variété de contenu dans un site Web.
Il peut être utilisé comme CMS, système de blogs, forum, galerie de photos, gestionnaire de newsletter

SPIP est un système de publication pour l'Internet qui s'attache particulièrement au fonctionnement collectif, au multilinguisme et à la facilité d'emploi. C'est un logiciel libre, distribué sous la licence GNU/GPL. Il peut ainsi être utilisé pour tout site Internet, qu'il soit associatif ou institutionnel, personnel ou marchand.

SPIP est développé (programmé, documenté, traduit, etc.) et utilisé par une communauté de personnes que chacun est invité à rejoindre (ou simplement à contacter) sur différents sites Web, listes de discussion par email et rencontres (les fameux « Apéros-SPIP »).

Forum d'entraide sur SPIP

FluxBB est conçu pour être rapide et léger, avec moins des fonctionnalités "pas si nécessaires" qu'ont d'autres forums, sans pour autant sacrifier des fonctionnalités essentielles ou l'utilisabilité.

Forum d'entraide pour FluxBB

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

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.

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

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 !

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

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

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

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.

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

Aaron Newton travaille depuis plusieurs années sur la conception d'interfaces utilisateur et apporte beaucoup de contenu et de soutien à l'équipe MooTools. Il propose ici une bibliothèque pour le framework MooTools dont le but est d'automatiser des comportements afin d'alléger le code. Cette bibliothèque s'appelle MooTools Behavior (comportement).

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.

jQuery Mobile est un framework centré interface utilisateur et optimisé pour les appareils tactiles. Il est construit avec jQuery.

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.

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

[b]Nuxt.js[/b] 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.

Documentation officiel:[URL=https://nuxtjs.org][/URL]

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

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.