Développement Web761 ressources dans cette catégorie

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

Blisk est un navigateur basé sur Chromium qui allie la performance de Chrome et les outils de développeurs trouvés dans le Firefox Developer Edition.

Disponible sur Windows et Mac, Blisk ne manque pas d’outils pour attirer l’attention des développeurs. Le navigateur est livré avec un émulateur des principaux smartphones et tablettes et assure la synchronisation avec toute page ouverte dans le navigateur. Blisk entreprend de rafraichir automatiquement les pages quand le code source est changé et offre la possibilité de prendre des captures d’écran et d'enregistrer l’écran, des fonctionnalités nécessaires pour déceler les bogues. Les développeurs pourront également bénéficier d’un espace de stockage dans le cloud. Dans le mode hor ... Voir la suite

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

FilteredPaste.js est un petit plugin jQuery qui va vous permettre de contrôler et de modifier les données collées dans vos inputs HTML.

Vous pouvez par exemple supprimer ou modifier des tags HTML que vous ne voulez pas dans le contenu final ou encore des attributs qui ne vous semblent pas nécessaires.
Ce plugin supporte l'annulation native des navigateurs (CTRL + Z) mais n'est pas encore supporté sur Internet Explorer et Opera.

jWebAudio conserve les détails techniques de l'API Web Audio sous son capot et facilite le contrôle et la gestion du son.

Cette bibliothèque a été conçue et pensée pour les jeux Web. De ce fait elle propose plusieurs fonctions utiles dans un jeu comme le fondu, la boucle ou encore les sons multiples.

jWebAudio fonctionne à la fois avec jQuery et avec du JavaScript standard. Les fonctionnalités sont les mêmes dans les deux cas, seule la syntaxe d'appel des méthodes change.

Comme jWebAudio cible le contrôle du son dans un jeu vidéo, les fonctionnalités sont restreintes à celles réellement utiles. Ce qui en fait une bibliothèque ultra légère (9kb pour la version compressée).

Elle offre également un c ... Voir la suite

Grid-kiss est un plugin PostCSS pour faire des layouts en grille ultra-simplement.

PostCSS est un parseur et un processeur de CSS, à la manière des préprocesseurs SASS/Less/Stylus, mais en beaucoup plus modulaire. C'est un peu l'équivalent de Babel en CSS.

Ce plugin de PostCSS vous permet de "dessiner" en ASCII-Art les layouts que vous souhaitez pour vos éléments, et convertira cela en un ensemble de règles CSS standard équivalentes. Il utilise de base la spécification Grid Layout, en cours d'implémentation dans les navigateurs et ne fonctionnant actuellement que sur Chrome Canary et Firefox Nightly. Mais il dispose d'une option fallback utilisant position:absolute et calc() pour amener le support à la majorité ... 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 !

Zepto est une bibliothèque JavaScript minimaliste pour les navigateurs modernes avec une API en grande partie compatible avec jQuery.

Cette petite bibliothèque se charge rapidement. Son côté minimaliste implique donc que les anciens navigateurs ne sont pas supportés. Par contre elle est très pratique pour les applications natives et fonctionne parfaitement sur PhoneGap et compagnie.

Le code source est clair et concis. Outre jQuery, il est compatible avec Backbone et le Bootstrap de Twitter. Il est d'ailleurs portable (il se base sur le système de build de Node.js).

Cette bibliothèque gère par exemple :

• l' AJAX, JSONP ;
• des sélecteurs, getteurs et setteurs ;
• des méthodes de man ... Voir la suite

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

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.

jeux casse brique connu avec une balle qui se déplace pour casser des brique en haut

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.

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

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

TopStyle est un éditeur de feuilles de style, c'est la version allégée de TopStyle Pro, qui permet d'éditer vos styles CSS très facilement (fichier permettant une organisation et une mise à jour aisée de la présentation de votre site web).

Le programme est spécialement conçu pour les utilisateurs débutants qui n'ont besoin que des fonctions de base d'édition de CSS, l'application est très facile à utiliser et l'interface ne fait aucune différence. Il est propre et bien organisé, offrant un accès facile à toutes les options.

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.

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