Développeur front-office, Drupal themeur en Auvergne
+ Todo list

Expérience avec HTML5 et la balise <audio> grâce à l'album Zaireeka du groupe Flaming Lips

3

Zaireeka est un album des Flaming Lips sorti en 1997 comportant 8 chansons. Chaque chanson a la particularité d'être dispatchée sur 4 cds différents. Le CD3 contient la voix du chanteur par exemple, et le 4 les choeurs. Pas facile alors d'écouter cet album ?

Maintenant si.

Démonstration http://www.julien-verkest.fr/sites/www.julien-verkest.fr/zaireeka/

zaireeka

simulations early rays concentrations estimates

100 business research decadal

began dissolved working

decreases instrumental galactic

frequency believed vapor pre 104

work new made ces

according efficiency air companies consensus

climate retreat developers

50 techniques AJAX populaires ; exemples, démonstration, guide

3

J'avais publié ici-même une liste de 240 plugins jquery qui permettent de faire beaucoup de choses pour améliorer l'interface d'un site web. Voici désormais 50 techniques AJAX (tout framework javascript confondu) qui sont très populaires. Ce listing provient de noope.com

Ajax Forms

ShoutBox

Validate a Username AJAX

Ajax Instant Messenger

Ajax Tabs Content

Ajax Shopping Carts

Ajax Star Ratings

Ajax Inline Edit

Ajax Progress Bar

Ajax Pagination

Ajax File Browser & Manager

Ajax Calendar

Ajax Photo Manipulation

Ajax Dynamic Image Gallery and Slideshows

Ajax File Upload

Ajax AutoCompleter

CMS

Polls

Tabular data manipulations

Miscellaneous

Les 10 antisèches du développeur web

7

Pullulent sur le web des mémentos, des antisèches, des cheatsheet de tout genre. Ces documents sont la plupart du temps au format A4 (paysage ou portrait) et sont très pratiques en cas de de panne de mémoire. Ils listent toutes les commandes, fonctions, méthodes, balises, api, etc. indispensables qu'on a déjà utilsé plus ou moins mais dont on ne se souviendrait plus. Difficile de connaître tout par coeur...

Du coup on est souvent amené à chercher sur internet... Sur des sites comme http://www.gotapi.com Mais avec l'expérience je me rends compte que finalement c'est aussi bien d'avoir la doc essentielle sur papier juste sous les yeux, c'est plus rapide et je m'en souviens la fois d'après.

Ainsi, j'ai tapé dans google cheatsheet filetype:pdf et j'ai constaté qu'il y avait énormément de ressources pdf sur l'informatique. Que chaque programme, chaque langage avait plus ou moins son petit récapitulatif qui tenait sur un fond d'écran 1025*768.

Du coup je vais lister celles qui me sont utiles - j'en ai rien à foutre du mémento de matlab et d'excel.

1/ Memento Commandes Unix / Linux (pdf)

2/ Memento Mod_rewrite Apache .htaccess (jpg)

3/ Memento requêtes Mysql (pdf de 2 pages)

4/ Memento Php (jpg)

5/ Memento HTML (pdf)

6/ Memento CSS (pdf)

7/ Memento jQuery (framework javascript, ajax) (pdf/png)
- Le fond d'écran http://cheatsheet.googlecode.com/svn/trunk/cheatsheet/src/jquery/jquery1.2-cheatsheet-1280-001.png
- Le pdf

8/ Memento CMS : Spip, Drupal, Wordpress
- Enrichissement typographique sur spip (pdf)
- Cours sur le back-office de spip côté administrateur (pdf)
- Cours sur le back-office de spip côté rédacteur (pdf)
- phptemplate Drupal 5 (pdf)
- Memento Drupal de base (png)
- Memento pour la traduction d'un site avec Drupal (pdf)
- Espace d'administration de Wordpress (pdf)
- Memento des bonnes pratiques pour optimiser son site pour les moteurs de recherche avec Wordpress (pdf)

9/ Memento du SEO
(pdf)

10/ Divers
- Memento des opérateurs de recherche sur google (pdf)
- Memento de tous les services Google (pdf)
- Memento des paramètres de recherche de google (pdf)
- Memento actionscript 3 (jpg)
- Memento RoR Ruby on Rails (pdf)
- Memento Mootools (framework javascript) (pdf)
- Memento wikipedia (pdf)

Microsoft et Nokia intègrent jQuery sur leur plateforme de développement d'applications.

0

On connaissait la capacité de Microsoft à imposer ses propres stantards, et visiblement au lieu d'utiliser sa propre bibliothèque javascript c'est jQuery qui sera intégré au sein de Visual Studio et d'ASP.NET ; c'est une petite révolution, mais on a l'impression depuis quelques temps que Microsoft évolue vers un respect des bonnes manières inculquées par la W3C. Les versions bêta de leur navigateur internet explorer IE8 laissaient déjà penser un peu cela. On attend avec impatience sa sortie, d'ailleurs.
Nokia a également profité de l'annonce de la firme de Redmond pour lui aussi annoncé l'intégration de jQuery dans le développement de son navigateur mobile.

C'est une réelle bonne nouvelle pour les développeurs. Enfin pour ceux qui comme moi utilisent jQuery au quotidien pour faire du javascript et un peu d'Ajax. Rappelons que jQuery est une bibliothèque (library) qui fournit un ensemble de fonctionnalités pour se simplifier la vie avec le DOM, les événements, le xml http request et les différents effets d'animations. On manipule l'HTML et les css très simplement.

Vu sur le blog de jQuery et sur webmonkey

John Resig (jQuery/Mozilla) nous parle de javascript avancé et processing.js

0

John Resig a donné de conférences au web2.0 Expo à New York et à Boston. Il a parlé de Javascript. Forcément. De fonctions, de prototypage, d'héritage, etc. Bref que des belles choses. On peut voir sa présentation au format en cliquant sur l'image ci-dessous.


Il a donné un second exposé sur son travail sur processing.js et sur la construction de belles images avec les Canvas

Il n'a pas oublié de nous représenté son jQuery.

jQuery - Boston IxDA
View SlideShare presentation or Upload your own. (tags: jquery ixda)

Nouveau design du site jQuery.com. Inspiré par les loustiques du groupe de rock Devo.

1

Par rapport à une des premières version du site de jQuery, on va dire que la nouvelle version a pris un petit coup de fouet. Nouveau logo, nouveau zoning, nouvelles couleurs. Ils se sont inspirés du monde du rock et plus particulièrement - selon le blog officiel de jquery - du groupe Devo, huluberlus bruitistes en combinaison fluo dont l'image est aussi importante que la musique.

On doit ce nouveau design à Scott Jehl


Devo - Mongoloid

Compresser du javascript. Réduire la taille de ses fichiers JS.

4

Pour gagner quelques centièmes de secondes afin d'optimiser le temps de chargement de votre page web, il est judicieux de compresser votre code javascript, surtout si celui-ci est important.

Les frameworks de type jquery, extjs, yahoo! library, dojo ou encore prototype utilisent bien évidemment la compression dans les fichiers de productions. Ainsi jquery, mon framework préféré, met à disposition des internautes 3 versions à chaque fois à télécharger :
- une version à utiliser pour la production. La version où les variables sont renommées et encodées et où les espaces, tabulations, sauts de lignes sont supprimés. >> jQuery 1.2.6 (16kb, Minified and Gzipped)
- une version sans encodage de variables mais avec suppressions des espaces, tabulations et sauts de ligne. >> jQuery 1.2.6 (30kb, Packed)
- une version sans compression
jQuery 1.2.6 (97kb, Uncompressed)

Il existe une petite application en ligne http://dean.edwards.name/packer/ qui fait ça très bien. Vous copiez/collez votre code dans le champ de formulaire, vous cochez Base encode et Shrink variables et vous cliquez sur le bouton Pack.

Et vous obtenez un code qui commence comme celui-ci :

eval(function(p,a,c,k,e,r){e=function(c){return(c

Les frameworks javascript les plus utilisés ? Prototype, jQuery, Mootools, Yahoo! UI

5

Parmi 200 sites du top100 d'Alexa US et du top100 de Web Apps, la société Pingdom a examiné ceux qui utilisent un framework Javascript tels que : Prototype, JQuery, MooTools, Yahoo! UI Library, Dojo, ExtJS and MochiKit. En réalité l'étude s'est concentré uniquement sur Prototype, jQuery, Mootools, et Yahoo! UI Librairy. Les autres n'étant pas vraiment utilisés.

A noter que cette étude n'a porté que sur les pages d'accueil de ces sites.

Pour Prototype. Un total de 13 sites a été recensé.

 

Pour jQuery. Un total de 11 sites a été recensé.

 

Pour Mootols. Un total de 4 sites a été recensé.

Pour Yahoo. Un total de 7 sites a été recensé.

Il est intéressant de constater que certains sites comme Digg(Prototype et jQuery), Bebo (Mootools et YUI), YouSendIt (Prototype et YUI) utilisent 2 frameworks conjointement.

Document PDF sur les sélecteurs en jQuery

0

Comment sélectionner tous les liens qui pointent vers des fichiers pdf ? Comment manipuler de l'HTML à tout va ? Comment se faire plaisir avec du web ? jQuery c'est merveilleux =. Mais comment profiter de toute la puissance de ce framework javascript. Simplement en lisant ce document PDF sur les sélécteurs javascript.

pdf jquery

PDF de 5MO par Bear Bibeault et Yehuda Katz

Love.

jQuery SVG.

5

SVG (Scalable Vector Graphics) permet de faire des jolis graphiques vectoriels à base de XML. lalalala.
jQuery est un framework javascript présenté à de nombreuses reprises ici-même. De nombreux plugins existent. Il est possible d'animer du SVG. La preuve avec cette démo et téléchargez tous les fichiers en un clic.

Syndiquer le contenu