background preloader

Codes

Facebook Twitter

Zen-coding - Project Hosting on Google Code. Follow us on Twitter @zen_coding Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing.

zen-coding - Project Hosting on Google Code

The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example: div#page>div.logo+ul#navigation>li*5>a ...can be expanded into: Read more about current Zen Coding syntax Abbreviation engine has a modular structure which allows you to expand abbreviations into different languages. Cours développés en électronique, XML, HTML, DHTML et CGI. Galerie photo avec JavaScript - Alsacréations. Ce tutoriel pour débutants propose la création d’une galerie d’images simple avec HTML, CSS et une surcouche JavaScript.

Galerie photo avec JavaScript - Alsacréations

Préambule: en complément ou en remplacement de ce tutoriel créé en 2005, nous vous proposons de consulter un tutoriel plus récent : Une galerie d’images simple avec jQuery. Ce dernier est destiné aux personnes ayant déjà des bases en JavaScript et si possible avec jQuery. Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. La séparation du contenu et de la partie script permet une facilité de gestion de votre galerie et un allègement du poids des pages, en effet vous n'avez aucun code JavaScript à ajouter dans votre page en elle même, tout est géré par le script et appelé dans la partie <head> de la page.

Voir la démonstration Les codes HTML et CSS. 139 Ressources Javascript et jQuery. Découvrez les frameworks javascript - Succurcale interactive. 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.

Comment insérer des vidéos Youtube HTML5 sur votre site ? - Framasoft Framafox

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. Rien de nouveau sous le soleil... 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.

Standards

HTML/CSS. IE <video> tag - Take Two. 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) Flash. Wordpress. jQuery 1.4 - Alsacréations. 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.

Comment utiliser la dernière version de jQuery dans WordPress ?

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 : jQuery Quicksand plugin. Comment intégrer Twitter à un blog. Opquast version 2.0 : lancement de l'appel à commentaires public. 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?

Astuces d'Absolacom » Gestionnaire de fichier en ligne: AjaxBrow

Je m’attends à de la rapidité et de l’ergonomie. L’installation Simplicime. Il suffit de télécharger le fichier php d’installation, de le copier dans le répertoire voulu, de donner les droits à www-data (classique) et de lancer son navigateur sur le fichier d’installation. 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. PluXml.org - Blog ou Cms à l'Xml ! PiWiGo, une alternative libre pour monter sa galerie photo et pa. 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.

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

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.