Codes
Get flash to fully experience Pearltrees
Follow us on Twitter @zen_coding New version 0.7 is available (March 13, 2011), read release notes for more info. Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code.
zen-coding - Project Hosting on Google Code
Dans le cadre de mes activités d'enseignement , j'ai été amené à écrire quelques cours. Certains sont totalement en ligne ; d'autres sont disponibles dans d'autres formats, en attendant d'être complètement mis en forme pour le Web. Les voici... Bonne lecture ! Je vous propose également cette liste de liens vers des ressources pédagogiques en ligne, en Génie Électrique... Les notes de cours sur les circuits électriques du Département de Génie Electrique et de Génie Informatique de la Faculté des sciences et de génie de l'Université Laval, au Québec (ouf) ; Des documents pour la classe , en 1 ère STI, proposés dans l'académie de Toulouse ; Un répertoire de ressources en ligne très complet (et après sa lecture, on peut légitimement se demanderà quoi cette présente liste sert ;-)
Cours développés en électronique, XML, HTML, DHTML et CGI
Ce tutoriel pour débutants propose la création d’une galerie d’images simple avec HTML, CSS et une surcouche JavaScript. 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
Galerie photo avec JavaScript - Alsacréations
Comment insérer des vidéos Youtube HTML5 sur votre site ? - Framasoft Framafox
Par Korben 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.Standards
HTML/CSS
Recently I have released a new version of Xiph.Org Ogg Codecs (grab it from here ), this new version includes a few Theora and FLAC bugfixes, better Windows 7 support and a Technical Preview of the By Technical Preview I mean only basic playback, no seeking, no controls, no HTML5 interfaces. I have made a screen cast showing this feature: To enable <video> tag for Internet Explorer you need to add xmlns="http://www.w3.org/1999/xhtml/video" attribute.
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!
Flash
Wordpress
jQuery , la célèbre librairie JavaScript, vient de connaître une nouvelle version (la 1.4 après avoir fait vivre plusieurs mois la 1.3.2) inaugurant quelques nouveautés et optimisations. La documentation jQuery API a été totalement réécrite et réorganisée. Parmi les changements et améliorations apportées dans la version 1.4 :
jQuery 1.4 - Alsacréations
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' , 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' , 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.
Comment utiliser la dernière version de jQuery dans WordPress ?
Système de commentaires avec jQuery, Ajax et PHP
Comment System with jQuery, Ajax and PHP – L’excellent Srinivas Tamada de 9Lessons nous apprend comment mettre en place un système de commentaires Ajax avec jQuery et PHP. Au menu de ce tutoriel, nous trouvons l’exemple pour créer les tables de la base de données, le code Javascript qui va récupérer les variables saisies par l’utilisateur ainsi que les fichiers PHP nécessaires pour l’affichage, dont voici la démonstration . <p style="text-align:right;color:#A8A8A8"></p>
jQuery Quicksand plugin
Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book 1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again.Opquast est un référentiel proposant de bonnes pratiques en matière de qualité Web. La version 1.0 est sortie en septembre 2004 et comporte 153 bonnes pratiques . Une nouvelle version 2.0 a été mise en chantier par l'équipe de Temesis . Un cercle restreint de contributeurs a planché sur la proposition de nouvelles bonnes pratiques ou l'évolution de celles existantes.
Opquast version 2.0 : lancement de l'appel à commentaires public
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. 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.
Astuces d'Absolacom » Gestionnaire de fichier en ligne: AjaxBrow
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.