Javascript300 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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

Avec le responsive de partout, il est parfois nécessaire de faire certaines actions pour certaines tailles d'écran

J'ai fais un fichier de démo qui contient plusieurs breakpoints de tests, vous pouvez bien sur spécifier ce que vous souhaitez.

J'ai aussi ajouté une variable "globale" qui permet a tout instant de savoir sur quel breakpoint on est

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.

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

Suite à cette discussion, je me suis amusé à réaliser un script assez simple de fondu enchainé.

Le fonctionnement est plutôt simple (enfin... je pense) : vous positionnez vos images les unes par-dessus les autres (dans l'exemple, en les positionnant en absolute) et vous lancez le script en passant en paramètre le nom de classe CSS des élément à enchainer.
Ensuite, le script modifie les propriétés z-index et d'opacité pour réaliser l'effet.

Exemple en ligne

Vérification d'un champ qui ne peut pas être vide

Mozilla renvoie les couleurs d'un élément sous format "RGB(xx,yy,zz)".
Voici une fonction qui transforme ce résultat en standard hexadécimal...

Comment récupérer les dimensions d'une image affichée à l'écran ?

Attirer l'attention sur un lien, 2 versions

Générateur de grille de sudoku

Pour pouvoir tester si on est connecté, il faut utiliser un fichier à mettre quelque part sur internet à un endroit dont on est sûr qu'il sera toujours accessible.
Voici le contenu du fichier :



mon titre



if(window.parent)
window.parent.connTester.connectedStatuts = true;




Ensuite, dans la page où vous voulez tester la connexion, utilisez le script proposé

Afficher un tableau php de N dimensions dans un arbre

Conversion d'un tableau PHP de dimension N en tableau JavaScript

JSMinNpp est un plugin pour Notepad++.
Il permet de formater ou de minifier le code JavaScript.
La minification se fait à l'aide de JSMin, de Douglas Crockford. Elle consiste à supprimer l'indentation, les retours chariots, espaces inutiles et commentaires pour rendre votre code plus compact en vue d'une mise en production.

L'installation est particulièrement simple puisqu'il suffit de placer le fichier JSMinNPP.dll dans le dossier plugins du répertoire d'installation de Notepad++.

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

Compile du code pascal objet en javascript (HTML5)

plus spécialisé dans les mobiles.

http://smartmobilestudio.com/

Tout comme Chrome (disponible pour iOS) et tout comme les Google Maps (accessibles hors-ligne sur Android), Google Drive – le service de stockage qui chapeaute à présent Google Docs – est disponible offline et sur les terminaux mobiles d'Apple.

Hors-ligne. Ce qui signifie que l’utilisateur peut « créer et éditer des documents ou laisser un commentaire. Tous les changements seront automatiquement synchronisés dès que vous vous reconnectez ».

Une fonctionnalité qui ne marche en revanche qu’avec la dernière version de Chrome.

En étant disponible à présent sur iOS (version 5.0 et ultérieures) Google Drive fait une attaque frontale à iCloud. Le mouvement est en tout cas d’importance et contrairement à Chrome pour ... Voir la suite

ExtJS est la bibliothèque JavaScript de Sencha permettant de coder des applications web interactives.

Node.cobol est un pont entre Node.js et COBOL qui vous permettent d'exécuter du code Node.js depuis du code COBOL.
Vous pouvez par exemple exécuter un serveur Web à partir de code COBOL.

Leaflet est une bibliothèque JavaScript open-source moderne qui permet d'afficher des cartes interactives optimisées pour les appareils mobiles.

Elle a été développée par Vladimir Agafonkin avec l'aide d'une équipe de contributeurs dédiés à ce projet.
Pesant à peine 30kb compressées, cette bibliothèque possède toutes les fonctionnalités que la plupart des développeurs ont toujours souhaités pour les cartes en ligne.

Leaflet a été pensé pour de la simplicité, de la performance et de l'utilisabilité.
Elle fonctionne correctement sur toutes les principales plateformes de bureau et de mobiles, en utilisant les avantages que prodiguent les navigateurs dernière génération avec l'HTML5 et le CSS3.
La bibliothèq ... Voir la suite