Développement Web763 ressources dans cette catégorie

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

Quanta Plus, l'éditeur web par excellence pour Linux (KDE). Quanta Plus est un environnement de développement (IDE) orienté web. Il accélère beaucoup la programmation en PHP/MySQL et intègre entre autres les langages HTML, CSS et XML. De plus, on peut rajouter à Quanta Plus d'autres fonctionnalités en installant des modules (il y en a beaucoup en développement). Enfin, ce logiciel est entièrement traduit en français.
Note :
Depuis 2010 l’auteur a abandonné le développement ainsi que le site officiel. Le code est désormais maintenu dans un dépôt Git hébergé par le projet KDE.

Vim est un éditeur de texte, c'est-à-dire un logiciel permettant la manipulation de fichiers texte. Il est directement inspiré de vi (un éditeur très répandu sur les systèmes d'exploitation de type UNIX), dont il est le clone le plus populaire. Son nom signifie d'ailleurs Vi IMproved, que l'on peut traduire par « VI aMélioré », ou éventuellement « VI Meilleur ».

Jérome Debray (ornitho13) nous présente un outil permettant de générer des boutons en CSS3. Il fait appel à plusieurs propriété CSS, telles que border-radius, background gradient, box-shadow, etc. pour générer ce bouton. À essayer pour voir tout le potentiel de cet outil.

AnyChart est une bibliothèque JavaScript flexible (orienté HTML5) pour construire des graphiques interactifs qui s'adaptent à n'importe quel besoin de visualisation de données. Vous pouvez utiliser ce framework pour un site Web, pour une application BI, pour une présentation, pour une solution client, etc. L'outil est flexible et personnalisable. Il est multiplateforme. Peu importe le serveur et la base de données de vos projets.

AnyGantt permet de construire des diagrammes de Gantt. Elle peut visualiser les tâches d'un projet (à savoir leur ordonnancement et hiérarchie, le temps prévu et celui utilisé, les tâches en cours, etc.) ainsi que le planning/l'utilisation des ressources (qui peuvent être des serveurs, des ... Voir la suite

Arc-en-ciel, est une bibliothèque JavaScript permettant de dessiner sur l'élément Canvas d'une page HTML et de générer le code correspondant à ce qui a été réalisé pour faire du rapid prototyping de dessin et d'animation.

Avec son interface, Arc-en-ciel permet de :

• dessiner des rectangles, des cercles, des arcs, des lignes, des polygones, des courbes de Bézier quadriques ou cubiques et d'insérer du texte ;
• modifier, déplacer, copier, effacer et changer la couleur des formes ;
• dupliquer les formes avec des boucles ;
• générer du code JavaScript ;
• changer la couleur des éléments d'une page.

Le validateur (X)HTML officiel du W3C.

Ce service en ligne vous permet de valider un document (X)HTML soit en fournissant son URL, soit en le téléchargeant via l'interface du validateur ou encore en saisissant directement le code source. Le W3C propose une API permettant d'intégrer ce service de validation dans vos programmes.

Support PHP pour le framework EDI Eclipse. Certaines des possibilités sont un vérificateur de syntaxe, un débogueur, un formateur de code, des gabarits...

Critique de Jean-Pierre Grossglauser
D'un point de vue objectif, PHPEclipse propose un grand nombre de fonctionnalités communes à d'autres IDE, notamment Zend Studio, NuSphere PHPEd ou encore PHPEdit. Cependant, le logiciel se démarque de par son développement open source et son framework, Eclipse. Ces caractéristiques permettent d'entrevoir PHPEclipse comme la meilleure alternative du moment.

Liens
Test complet ... Voir la suite

IIS est le serveur Web intégré à Windows.

Lancer l'extension et un composant Mappy sera disponible dans votre IDE Flash. Utilisez les classes d'API directement ou déposez le composant sur la scène pour afficher une carte.

Pour importer ce projet dans votre environnement flex : dans Flex Builder, aller à menu File > Import > Flex Project, puis cliquez sur "Browse" pour séléctionner le dossier Zip, puis cliquer sur Finish.

N'oubliez pas de remplacer YOUR_LOGIN et YOUR_PASSWORD par votre login d'accès et votre mot de passe dans le champ Carte_Flex.mxml de l'application.

hint.css est une bibliothèque pure CSS qui permet de créer des tooltips.

Un tooltip est une petite bulle d'information qui apparait lorsque l'on survole un élément HTML avec sa souris.
Grâce à cette bibliothèque vous n'avez plus besoin de JavaScript pour créer et personnaliser vos tooltips !

Comme le titre l'indique. Donne le produit cartésien d'un tableau de tableaux.

Cet exemple montre comment déplacer une colonne d'un tableau HTML.
Pour déplacer une colonne, il faut cliquer sur l'en-tête de la colonne puis déplacer la souris sur l'en tête de la colonne avant laquelle on veut l'insérer puis, relâcher la souris.
Pour activer le déplacement de colonne sur un tableau, il faut appeler la fonction ajouterDeplacerColonne(id du tableau ou noeud du tableau)
Pour de plus amples informations, voir les commentaires dans l'exemple.

Framework de développement Open Source permettant de créer des applications JavaScript complexes en utilisant le langage et les outils Java. Il est utilisé en interne par l’éditeur pour le développement de plusieurs de ses produits comme la plateforme publicitaire AdWords et le réseau social Orkut.

GWT apporte comme nouveauté phare la fonction Super Dev Mode. Cette fonction qui remplace Development Mode permet aux développeurs de rapidement recompiler leur code et voir le résultat dans un navigateur. Elle permet également d’utiliser un débogueur pour contrôler une application GWT en cours.

L'outil apporte de nouvelles optimisations au compilateur GWT, qui permet une réduction de près de 20% de la taille du code généré. ... Voir la suite

Gallery vous donne un moyen intuitif de fusionner sans faille un gestionnaire de photos dans votre propre site Web, que vous ayez un petit site personnel ou un grand site communautaire.

Cet exemple montre comment appliquer tous les styles d'un élément html vers un autre. Il est aussi possible de ne copier que les styles souhaités en en précisant la liste. Les styles obtenus sont ceux en cours pour l'élément, qu'ils aient été définis via l'attribut style, une feuille de style, ou bien hérités d'éléments parents.
Trois fonctions principales sont écrites et utilisées, getStyles, isStyleFirefox et copierStyles. C'est dernière qu'il suffit d'appeler pour réaliser l'opération.
Il existe un autre fonction, getCssText qui permet de récupérer tous les styles d'un élément sous la forme d'une chaîne au format de l'attribut style. Elle peut être intéressante lorsque l'on souhaite connaître précisément quels sont les styles d ... Voir la suite

Thèmes abordés :

Formater une zone de texte au format HTML
Charger un fichier de style CSS externe
Appliquer un style css à une zone de texte dynamique
Charger une animation flash(swf) dans un champ de texte HTML
Ecrire un texte au format HTML avec des styles, des images et des liens

Prévisualisation

Thèmes abordés :

Zone de saisie
Vitesse de défilement

Prévisualisation

vorlon.js est un outil open source destiné aux développeurs JavaScript permettant d’inspecter, débugger et tester à distance le code JavaScript. L’objectif étant de fournir un outil extensible et complètement indépendant de la plateforme ou du navigateur sur lesquels il s’exécute.

Vorlon.js est alimenté par Node.js, Socket.io. La devise est pas de code natif, pas de dépendance à un navigateur spécifique, uniquement du HTML et du CSS s’exécutant sur la machine de votre choix.
C'est une sorte de petit serveur Web.

Thèmes abordés :

Lecture en Streaming
Lecture d'un fichier XML
Contrôle du volume sonore
Contrôle de la balance
Affichage du temps de lecture
Timeline
Interaction avec Javascript

Prévisualisation