Développement Web764 ressources dans cette catégorie

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

Attirer l'attention sur un lien, 2 versions

Récupérer un argument de l'URL de la page sans passer par un langage serveur

A appeler de cette manière :

recuperesArgumentURL('bgcol');

Afficher un tableau php de N dimensions dans un arbre

Immutable.js est une bibliothèque JavaScript développée par Facebook. Elle permet de manipuler des structures de données non mutables, c'est-à-dire qu'elles ne sont pas modifiées lorsqu'elles interviennent en tant que paramètres d'une fonction ou d'une méthode (par exemple la méthode push sur un tableau en JavaScript). Elle inclue notamment le support du langage TypeScript.

singapore est une application de galerie Web d'images, légère, open source, multilingue et utilisant des gabarits. Elle est écrite en PHP4 et ne nécessite pas de base de données.

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

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


Vous trouverez plus d'information Voir la suite

FreeMarker est un moteur de template des utilisations diverses comme les applications Web, génération de document ou de code.
Il permet de générer du HTML, RTF, XML, code Java, etc.
Il est peut être une alternative à XSLT.
FreeMarker est utilisé dans de nombreux logiciels : Alfresco, Lutece, Magnolia, etc.

Amaya est un éditeur Web, développé conjointement avec le W3C, pour éditer et publier très simplement des pages contenant du texte (en HTML ou XHTML), du graphique (en SVG) et des expressions mathématiques (en MathML), le tout avec des feuilles de style CSS.

Htmledit est un outil de conception de pages web. Il est composé d'une multitude de fonctions permettant des réalisations rapides et efficaces, telles que le remplacement automatique des caractères accentués, l'insertion de liens, d'images, de listes, de tableaux, de formulaires...

Il constitue un excellent moyen d'apprentissage du langage HTML et s'avère tout aussi utile et pratique pour les plus expérimentés.

Plogger est la prochaine génération de système open source de galerie de photos. Une application Web pas surchargée de fonctionnalités superflues ou par une configuration complexe. Plogger est un outil simple mais puissant : tout ce dont vous avez besoin pour partager vos images avec le monde.

Jérome Debray (ornitho13) nous livre ici un générateur de dégradé CSS3. La compatibilité va jusqu'à IE10. Vous avez un aperçu en direct du rendu de votre dégradé, ainsi que le code à copier.

Ocawa est un outil issu de la montée croissante des exigences de qualité des systèmes d'information Web. Sa vocation principale est de limiter les interventions humaines et de rationaliser au maximum la démarche qualité des organismes privés ou publics en matière de création Web.

Au quotidien, il devient un outil indispensable du processus de contrôle qualité des systèmes d'information Web.

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

Freezeframe.js est une bibliothèque JavaScript qui vous permet de contrôler l'animation d'un GIF.

Qu'est-ce à dire ? L'idée est que le GIF soit en pause à l'ouverture de la page Web. L'activation peut se faire alors de diverses manières :

• le mouse hover, à savoir, dès que la souris passe dessus ;
• le clic sur le GIF ;
• le touch event, hé oui, il faut bien penser tactile de nos jours.

L'outil est transpilé avec webpack / babel. Il devrait donc fonctionner sur la plupart des environnements. Il peut également être utilisé avec Vue.js.

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.

AlaSQL.js est définit comme une base de données SQL JavaScript pour le navigateur et Node.js capable de gérer les relations traditionnelles et les données JSON imbriquées (NoSQL). AlaSQL permettrait également d’exporter, de stocker et d’importer des données à partir du localStorage, indexedDB ou encore Excel.

En d’autres termes, c’est une base de données SQL open source pour JavaScript avec un fort accent sur la vitesse de recherche et la flexibilité de la source de données pour les données relationnelles et des données sans schéma. Cela fonctionne dans le navigateur Web, Node.js et les applications mobiles.

Obtenir le code des touches du clavier. Egalement avec appui en simultané (combinaison de touches). Pour sauver l'état des touches, on utilise une variable du type boolean pour chaque touche.
C'est très utile pour déplacer un objet ou pour un jeu par exemple.

Voici une petite démonstration pour illustrer la fonction. Elle construit un clavier à partir d'un tableau de données et affiche les touches pressées.

Remarque du forum : ce script date de plusieurs années et n'est peut-être plus compatible avec les récents navigateurs.

Next.js est un framework permettant d’effectuer le rendu des applications web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur React, Webpack et Babel.

• Aucune installation à faire.
• Rendu automatique par le serveur et fractionnement du code.
• Récupération des données.
• Anticipation pour une meilleure performance.

TYPO3 est un framework de gestion de contenu pour les entreprises de classe moyenne. Il offre le meilleur de deux mondes : fonctionnement immédiat avec un ensemble complet e modules standards, ainsi qu'une architecture propre et de haute performance, qui s'accomode à tous types de solutions ou d'extensions. Pour les auteurs, TYPO3 est un outil agréable et intuitif, qui permet aux éditeurs de contenu de produire et de maintenir des pages Web en utilisant des fonctions sophistiquées en simplement quelques clics de souris.

Forum d'entraide sur Typo3
Le livre de Christoph Lindemann et Maik ... Voir la suite

Le test de comparaison des pixels vous permet de déterminer s'il y a des différences entre deux images. Cette technique vient de la nécessité d'avoir une application consistente sur tous les environnements (plateformes, navigateurs, etc.).

Pixelmatch est une petite bibliothèque JavaScript qui implémente cette technique, mettant en avant sa capacité à détecter les pixels anti-aliased (l'anticrénelage, à savoir le lissage de police pour éviter un mauvais affichage d'images selon la résolution) et des mesures de perception de différence des couleurs.