Group items tagged

Opera Web Standards Curriculum The Opera guys did a super job by creating the Opera Web Standards Curriculum. This tutorial course takes students from complete beginner to having a solid grounding in standards-based Web design, including HTML, CSS, and JavaScript development. The course is supported by top companies and organizations such as the Web Standards Project (WaSP) and Yahoo!. Split into more than 50 focused articles, students can follow the curriculum from start to finish or simply read articles that interest them the most. Each article contains essential theory, practical examples, and exercise questions. The first 41 articles are now published, and roughly ten ones covering JavaScript basics will follow ASAP, to complete the course.

Le même effet d'une TV Philips en pur JavaScript. Nécessite un navigateur moderne...

Shadowbox is an online media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable.

"Inspiré par SWFObject, UFO et sIFR, jQuery Flash Plugin a été complètement réécrit via jQuery pour éviter les redondances telles que recherche des éléments par leurs sélecteurs, la détection du navigateur, détection de Flash et améliorer les temps de chargement (si vous utilisez déjà jQuery, bien entendu)"

Raphaël is a light-weight JavaScript library that renders dynamic SVG graphics including charts, graphs, vector-based animations, and GUI components right into your web pages. Now, you're probably thinking, I can already do this with jQuery, Google Charts, or even Flash! While this is true, Raphaël reveals new possibilities not currently available with these other technologies. Let's learn how to create inline scalable vector images that work across browsers and degrade gracefully.

Voici désormais Cufón dont l'approche ressemble à celle de typeface.js. Le site se propose de générer un fichier JavaScript à inclure sur votre site, comprenant les tracés vectoriels calculés à partir du fichier de police fourni (formats TTF, OTF, PFB).

Cela ressemble aux animations produites par le plug-in Cooliris dans Safari mais dans le cas présent, point de Cooliris à l'oeuvre - ni de Flash - uniquement le moteur de Safari. Snow Stack est une démo qui s'appuie uniquement sur de l'HTML, du JavaScript et des effets permis par le WebKit du navigateur d'Apple.

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

"maphilight applies to images with a 'usemap' attribute, and outlines the areas defined in their map on mouseover."

"creating a new css drop-down menu means creating only a new theme since structure is permanent. What is more, creating a new theme is easy with available templates and takes 10-15 mins"

"Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?"

Excellente utilisation conjointe de SPIP et jQuery pour « faire circuler le texte autour d'une image (en jargon typographique : "habiller l'image avec le texte"), cette image étant fixe dans la page, et le texte conservant ses possibilités de déplacement vertical »

"Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area."

"jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way."

Voilà ce qu'on arrive aujourd'hui à faire en utilisant les standards du Web. A condition d'avoir un navigateur qui les supporte...