Mootools en 30 jours : jour 1 - Introduction Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2. Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2.
HTML5 PLease : être sûr de la compatibilité d’une propriété HTML5 ou CSS3 : Elliptips Le web de demain se dessine peu à peu, et des langages tels que HTML5 ou CSS3 lui promettent un avenir radieux. Le problème, c’est que ces nouvelles fonctionnalités dictées par le célèbre W3C sont intégrées de façon plus ou moins complète au sein de nos navigateurs. Du coup, cela pousse les développeurs à avoir constamment en tête une problématique axée sur la compatibilité. C’est là que HTML5 Please intervient : le site regroupe un grand nombre de propriétés en rapport avec les technologies du web de demain et vous expose clairement pour chacune d’entre elles, s’il faut les utiliser ou pas. Tout JavaScript.com [Tutoriaux javascript et PHP] - Scripts, Tutoriaux, Forums pour webmasters et développeurs Robloche nous propose ici un tutorial passionnant sur l'utilisation des requêtes serveur en JavaScript. Ce tutorial a été remis à jour en aout 2017 pour tenir compte des évolutions des navigateurs. L'objet XMLHTTPRequest permet de réaliser des appels au serveur depuis la page HTML. Il s'agit d'appels AJAX (Asynchronous JAvascript XML). Aujourd'hui, tous les navigateurs acceptent ce mode de fonctionnement, sans incompatiblité particulière.
4 outils pour minifier des fichiers PHP, HTML, JS et CSS Afin de rendre nos fichiers CSS et JS plus légers, il existe un procédé afin d'alléger le poids de ces fichiers, c'est la minification. Quand vous souhaitez télécharger Jquery, vous avez le choix entre deux versions, d'une part, celle qui est compressée avec l'extension min.js et d'autre part, non compressée avec l'extension js. La version non compréssée va etre utilisée, en phase de développement, en revanche, celle qui est compressée pour la mise en production de votre site. Simplifier vos vues avec KnockoutJS : c'est plus simple que vous pensez Dans quelques instants, je vais vous présenter une méthode pour simplifier le développement de vos vues grâce à un framework Javascript qui va vraiment vous apporter du changement dans votre manière de travailler. Vous avez sûrement déjà essayé de coder des interfaces graphiques complexes avec des mises à jour dans tous les sens… Si je change cette dropdown, il faut mettre ce champ là à jour… Bref, nous connaissons tous ce type de mécanisme dans le Web. Pour mettre en place cette logique d’affichage, le plus simple est d’écrire du code Javascript et de le lier à des évènements des composants sur la page (par exemple l’évènement Change d’une Dropdown list ou d’une Textbox). Seulement voilà, écrire du code comme ceci « à la main » fonctionne bien quand vous avez 2 ou 3 règles à gérer. Et donc comment allez-vous écrire le code quand il y a 20 champs à mettre à jour ? Et surtout, comment allez-vous assurer une maintenabilité idéale (éviter le code spaghetti…) ?
Browser Update: notification de compatibilité des navigateurs pour votre site web Pour répondre à l’un des soucis majeurs du développement web qu’est la compatibilité avec les différents navigateurs, Browser Update propose de notifier aux visiteurs les versions recommandées des navigateurs via un script simple à installer sur son site web. En effet, lorsqu’on fait du développement web, il faut s’assurer de la compatibilité avec les principaux navigateurs afin de proposer (presque) la même expérience de navigation aux utilisateurs. Certaines fonctionnalités liées à l’évolution des standards du web ne sont pas donc pas intégrées dans les anciennes versions de certains navigateurs (l’exemple qui rend le plus fou les développeurs est IE8 et le Html5). Comment ça marche? Le service « Browser update » fonctionne via un script à installer sur son site web (voir comment intégrer plus bas). Que propose-t-il?
L'objet XMLHttpRequest De nouvelles applications web ont vu le jour récemment : recherche avec complétion automatique, sauvegarde instantanée d’informations, interface mail hyperdynamique, cartographie, etc. mais aucune ne fait appel à des plugins tiers comme Flash ou Java. On parle alors souvent de méthode AJAX qui s’articule essentiellement autour de Javascript et d’un objet (dans le sens de la programmation orientée objets) en particulier : XMLHttpRequest. Créé par Microsoft pour Internet Explorer, l'objet XMLHttpRequest a été adopté par les navigateurs Mozilla, Konqueror, Safari et récemment Opéra. Bien que largement implémentée dans les navigateurs récents, cette technologie n'est pas un standard du W3C , lequel propose des fonctionnalités similaires à travers la recommandation Document Object Model (DOM) Level 3 Load and Save Specification.
Avez vous bien prepare le lancement de votre site web? Assez souvent, le lancement d’un site web se fait sans s’assurer de plusieurs points. L’étape de test se trouve négligée et des fois complètement ignorée. Il est toutefois très important de s’assurer de quelques points avant de laisser les utilisateurs visiter votre site web. Dans cet article j’essaierai de lister brièvement ces points. gestion des pages d’erreur Votre site doit avoir une page 404 (Not found) qui inclut a son tour des liens vers des pages fonctionnelles.
20 bibliothèques et plugins JavaScript gratuits à ne pas rater - Blog Tuto.com Dans cet article, vous ne trouverez pas d’outils massifs et complexes, seulement des bibliothèques et plugins JavaScript gratuits aux fonctions très précises, faciles à utiliser. Au programme : création de sliders, de menus, d’animations, de graphiques … mais aussi d’effets atypiques comme des favicons qui changent quand l’utilisateur quitte votre site (iMissYou), ou encore l’apparition de notes en marge d’un texte au survol de la souris (Marginotes). 1.
Comment interdire le mode de compatibilité sur IE Des fois, il vous arrive qu'un client vous appelle en disant « mon site est tout cassé » ou vous signalant qu'une fonctionnalité que vous avez testée sur des navigateurs raisonnablement récents ne marche pas. Après un rapide diagnostic, vous constatez que ledit client utilise Internet Explorer, mais avec, sans aucune raison tangible, le mode de compatibilité activé (la petite page cassée dans la barre d'adresse). À la base, le mode de compatibilité est prévu pour pouvoir faire fonctionner les vieux sites qui ont été conçus à la mode du tag soup et des tableaux de présentation. Ces derniers se fichaient bien du respect des standards (triste époque du « optimisé pour IE »). Toutefois, il est possible d'interdire cette possibilité, et de plusieurs manières :
"remote scripting" : appeler du code sans rechargement Les principes du "remote scripting"Au lieu de recharger la page web à chaque intéraction avec le serveur, il est possible d'effectuer des appels de scripts "distants" au sein, par exemple, d'un élément IFRAME. Introduction à la technique du "remote scripting". L'un des principaux défauts du protocole HTTP est la nécessité, en cas d'intéractions complexes (le paiement en ligne, par exemple, ou un processus d'identification) entre le client (le navigateur) et le serveur, de créer une série de pages web séparées, chaque page étant dédiée au traitement d'une requête envoyée au serveur.