background preloader

Inclure la librairie jQuery de manière optimisée - Alsacréations

Inclure la librairie jQuery de manière optimisée - Alsacréations
jQuery est un framework JavaScript très célèbre, permettant en quelques lignes de code de dynamiser un site web, de créer de petites animations, des interactions avec les formulaires, de programmer des appels Ajax. Voici, en détails, quelques possibilités d'intégration à votre site, afin de minimiser l'impact sur les performances et le temps de chargement. Appel classique à la librairie (fichier téléchargé) De la manière la plus basique, il est vous est proposé sur le site jQuery.com de télécharger le fichier - en affichant son code source - et de le placer sur votre site, par exemple dans jquery.js ou jquery-1.x.x.min.js. Fichier et compression Vous récupérerez ainsi une version "minifiée", c'est à dire compressée jusqu'à un certain niveau par un algorithme supprimant espace et commentaires, mais rendant peu lisible la déclaration des fonctions. Voyez les différences entre la version non minifiée et la version minifiée. Performances au chargement Vous obtiendrez ainsi : <! <! Démo Related:  JavaScript

Comment insérer des vidéos Youtube HTML5 sur votre site ? - Framasoft Framafox Lorsqu'on insère une vidéo Youtube dans une page web, on se retrouve avec un super player flash et notre vidéo en FLV qui se joue dedans. Impecc... Pour faire ça, il suffit simplement de copier coller le code qui se trouve sous la vidéo youtube. Ce qui donne un truc comme ça : Bon, ça on le savait tous. Mais comment faire pour insérer une vidéo Youtube qui soit affichée en HTML5 (avec la balise vidéo) ou en flash selon le navigateur de vos visiteurs ? Si je prend par exemple l'url de la dernière bande annonce de TRON, voici ce que j'obtiens : J'adapte un peu l'url pour avoir ceci : C'est à dire pour avoir le player directement, qui sera soit du HTML5 si votre navigateur le supporte, soit du flash si votre browser est à la masse ;-) Ensuite, un petit coup de iFrame magique comme ceci : EDIT : Sur les conseils de Diti, j'ai testé avec une balise object et ça à l'air de le faire un peu plus dans les normes. [Source et photo]

API Google Maps JavaScript version 3 Tutoriels et exemples en Français Référence Google Maps API V3 Retrouvez les 3 versions de l'API Google Maps JavaScript V3 traduites en Français : Référence Google Maps API V3 expérimentale (Experimental Version)Référence Google Maps API V3 production (Release Version)Référence Google Maps API V3 archivée (Frozen Version) Carte Map Google Maps API V3 L'API Google Maps JavaScript version 3 vous permet de créer, modifier et personnaliser des cartes géographiques à l'aide de la classe google.maps.Map. Grâce aux caractéristiques de l'objet google.maps.MapOptions vous pouvez définir les propriétés d'une carte selon vos besoins : centrer la carte, définir le type de carte, activer ou désactiver le contrôle panoramique, etc. Ces cartes sont interactives. Enfin, différents types d'informations peuvent venir s'afficher sur la carte Google, comme par exemple un itinéraire, une image, un polygone, une polyline, une info bulle, un Street view, un fichier KML KMZ. Accéder à la liste de nos exemples et tutoriels : Carte Map c'est ici !

Loader Developer's Guide - Google Loader Google API loader allows you to easily import one or more APIs, and specify additional settings (such as language, location, API version, etc.) applicable to your needs. In addition to the basic loader functionality, savvy developers can also use dynamic loading or auto-loading to enhance the performance of your application. To load the APIs, include the following script in the header of your web page. After you call google.load, you can use all of the loaded modules in your web page. The loader is cached in the user's browser for up to one hour. google.load(moduleName, moduleVersion, optionalSettings), allows you to call individual APIs by version, where: moduleName is the name of the API (e.g., "visualization" or "search").version specifies the version of the API module, as described below. Versioning The second parameter of google.load is the version of the API. To always load the latest stable version of the API, request the version number without specifying a revision. Dynamic Loading

Astuces d'Absolacom » Gestionnaire de fichier en ligne: AjaxBrow Dans la série des test sur les gestionnaires de fichier en ligne, voici ajaxbrowser (à ne pas confondre avec AjaxPlorer qui arrive dans le prochain test) Ajax dans le nom? Je m’attends à de la rapidité et de l’ergonomie. L’installation Simplicime. Pas bon: le fichier d’install reste en place à la fin de l’installation et pas de message disant de le supprimer. Les paramétrages Quand on se rend sur le site, il est demandé de créer un utilisateur d’administration. Pas bon: si quelqu’un tombe sur le site avant moi, il peut créer son admin et je n’ai pas accès à mon site. Les paramétrages s’ouvrent ensuite directement. Les réglages sont assez limités, autant pour les users que pour les droits. Utilisation Premier point négatif: pas de message quand on se trompe dans l’identifiant/mot de passe. Je me connecte en tant qu’utilisateur sans droits, un clic sur un fichier permet de modifier le nom du fichier (même s’il ne sera pas effectif), c’est assez perturbant. En vrac: Conclusion

Dynamisez vos sites web avec Javascript ! - Javascript Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture !

Database management in a single PHP file Firefox: 46 features you might not know about ✩ Mozilla Hacks – Ever since the release of Firefox 3 we’ve been doing a lot of work to add new capabilities for web developers. We thought it would be worth it to make a post that actually listed all of the features that we knew about and people might not know about. This contains everything that we’ve done over the last three releases or so, but calls out stuff that’s new in 3.6. Enjoy! @font-face Display online fonts (supports WOFF and TTF fonts) pointer-events Click through elements :-moz-locale-dir(ltr/rtl) Know if you are in a ltr or rtl context :indeterminate pseudo-class For “indeterminate” radio and checkboxes Media Queries Select CSS depending on the media (size, aspect-ratio, colors, orientation, resolution). has new classes to detect if you’re on a touch device. Structural pseudo-classes :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, … -moz-border-radius Rounded borders CSS Transforms Scale, translate, skew and rotate your elements CSS Gradients Use linear and radial gradients as backgrounds

JavaScript Tutorial Logiciel pour créer un site Web évolutif & performant Comment utiliser la dernière version de jQuery dans WordPress ? Si vous souhaitez utiliser la dernière version de jQuery en lieu et place de la version imposée dans WordPress dans la partie publique (thème) et admin, ajoutez ces lignes dans le fichier functions.php de votre thème (le créer au besoin) : wp_deregister_script('jquery'); wp_register_script('jquery',' false, ''); wp_enqueue_script('jquery'); L'adresse mentionnée est celle hébergée par le service Google APIs, qui propose de fournir les librairies JavaScript les plus courantes sur des serveurs publics et performants. Dans l'exemple présent, la version est indiquée par la chaîne /1/ qui sélectionnera automatiquement la dernière version de la branche 1.x. Si vous rencontrez des incompatibilités avec certaines zones de l'administration, vous pouvez toujours ne l'activer que pour la partie publique de votre site, en insérant ce code : Lisez aussi : Comment inclure jQuery de manière optimisée.

Related: