Le plagiat (du latin plagiarius, ii, celui qui vole l’esclave d’un autre ou vend une personne libre) consiste à s’inspirer d’un modèle que l’on omet délibérément de désigner. Le plagiaire est celui qui s’approprie frauduleusement le style, les idées, ou les faits.
* L’original
* La copie
Dans un précédent billet, je vous parlais de la flashite, cette maladie des sites Web réalisés en Flash qu’il serait bien plus simple et efficace de réaliser en JavaScript. Famous.be est un très bon exemple de site ayant la flashite. Gucci est un très bon exemple de site ayant osé jouer la carte JavaScript. Jusque là, j’étais triste de n’avoir jamais eu l’occasion de réaliser un tel site…
Pikaboo est une boîte bruxelloise dont le core business est la vidéo et la 3D.
Il y a quelques mois, Pikaboo a décidé de nous confier (en complémentaire) la réalisation de leur nouveau site. Comme certaines contraintes le justifiaient (QuickTime principalement) et que rien ne l’empêchait, nous avons décidé de réaliser le site avec les technologies XHTML/CSS/JavaScript alors que ce site avait toutes les caractéristiques pour devenir un site Flash.
MooTools et sa panoplie d’effets visuels a retenu notre attention.
En plus de MooTools, vous aurez certainement reconnu Shadowbox de Michael Jackson (pas le chanteur, le développeur Web). SimplePie est utilisé pour récupérer les flux RSS de Twitter et de Flickr (pour les news et les photos).
Nous avons décidé de créer une navigation intuitive, où il existe plusieurs façons différentes de réaliser une même action. Vous pouvez naviguer sur le site via le click mais aussi avec le clavier et la roulette de votre souris.
Par exemple, pour scroller dans les vidéos, vous pouvez utiliser :
* Les boutons flêchés
* Les flêches haut et bas de votre clavier
* La roulette de la souris
Ce site présentait pour nous plusieurs défis :
* Pouvoir réaliser un site « Flash-like » en JavaScript avec des animations fluides et harmonieuses.
* Pouvoir réaliser un site qui se défend au niveau accessibilité et référencement. Essayez de désactiver JavaScript ET CSS, le site reste naviguable (même si c’est moche). Tous les liens mènent vers des URL existantes et pertinentes !
* Pouvoir dégrader gracieusement ce site dans des navigateurs (merdiques) comme Internet Explorer 6. En gros, tout reste pareil, seuls les PNG sont remplacés par des GIF ayant une bordure d’un pixel.
Ce site n’entrera certainement pas dans l’histoire du Web, comme ce fut le cas pour Gucci. Ce fut néanmoins une expérience personnellement très enrichissante.
PS : Donnez-nous un coup de pouce en votant pour Pikaboo sur Digg et Scoopeo. Merci !
EDIT : petit aperçu du site dans lynx (thx Marin) !
Suite à mon article précédent, Marin a mis en ligne une page très intéressante à propos des constantes en JSON, dont j’ignorais l’existence.
En résumé, les constantes en JSON permettent de raccourcir les noms de propriétés trop longs ce qui allège vos fichiers JSON de façon significative (dans le cas exposé, on a gagné plus de 250 KB !).
Je comprends à présent pourquoi les noms de propriétés en JSON doivent être écrits entre quotes.
