Office Sweded
Par Gaël FAVORY :: Le 06/05/08 à 07h36 :: Développements ::
Ca va faire plaisir à tous mes collègues, après les lips les entreprises cools de la Capitale vont commencer à reprendre des films avec (très) peu de moyen... toute la séquence est entièrement "bruitée à la bouche". Mais c'est bien fait, et c'est assez marrant.
Et ça s'appelle l'Office sweded.



Via : jbouteiller.net
.......................................................................................................................................................................................................
HTML 5
Par Gaël FAVORY :: Le 30/01/08 à 09h59 :: Développements ::

Un premier jet d'HTML5 est sorti le 22 janvier, sur le site du W3C Ont-ils réussi à collaborer avec le groupe WHAT-WG (Mozilla-Opera-Apple) ?

En tout cas, on trouve sur cette page une liste de nouvelles balises définies (on peut la lire en français sur le site babylon-design.com) et aussi une liste de balises supprimées

  • section : délimite la structure d'un document et peut s'utiliser avec les balises h1 à h6.
  • article : délimite un élément indépendant du document comme un article de blog.
  • aside : délimite un contenu contextuel au document.
  • header : délimite l'en-tête d'un document.
  • footer : délimite le pied d'un document.
  • nav : délimite les éléments de navigation du document.
  • dialog : délimite un dialogue avec les balises dt et dd pour un pièce de théâtre.
  • figure : délimite un contenu média avec sa légende et son titre par exemple.
         <figure>
            <video src=ogg>…</video>
            <legend>Example</legend>
         </figure>
  • audio et video : permettent d'ouvrir un format de média avec les programmes par défaut de l'utilisateur.
  • embed : sert à insérer un contenu provenant d'un plugin. est enfin normalisée.
  • m : délimite un texte marqué.
  • meter : indique une mesure (métrique, informatique, etc.).
  • time : indique une date ou une indication de temps.
  • canvas : affiche un graphique dynamique (existe déjà sous Firefox).
  • command : indique une commande que l'utilisateur peut appeller.
  • datagrid : représente une arborescence ou des données tabulaires
  • datalist : nouvelle balise pour les combobox
         <input list=browsers>
         <datalist id=browsers>
            <option value="Safari">
            <option value="Internet Explorer">
            <option value="Opera">
            <option value="Firefox">
         </datalist>
  • details : affiche une information ou des contrôles que l'utilisateur peut actionner à la demande.
  • datatemplate, rule et nest : permettent un mécanisme de gabarits.
  • event-source : capte les évenements de l'utilisateur.
  • output : affiche une sortie comme pourrait l'être un recalculage de panier de commande.
  • progress : affiche une barre de progression.

La balise Input a de nouveaux types :

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

Les balises absentes de HTML5, car on les utilise dans un but représentatif, et leur effet peut être obtenu avec les CSS :

  • basefont
  • big
  • center
  • font, autorisée si la balise est insérée par un éditeur Wysiwyg (ne me demandez pas comment on fait la distinction).
  • s
  • strike
  • tt
  • u

Les balises supprimées car elles affectent l'accessibilité :

  • frame
  • frameset
  • noframes

Les balises supprimées car peu utilisées, ou créatrices de confusion entre éléments :

  • acronym
  • abbreviations, remplacée par abbr.
  • applet, remplacée par la balise object.
  • isindex, peut être remplacée pas les formulaires.
  • dir, remplacée par ul.
.......................................................................................................................................................................................................
Le blog O'Reilly sur les Interfaces Riches
Par Gaël FAVORY :: Le 22/01/08 à 14h45 :: Développements ::

insideRia.jpg

Le blog O'reilly et Adobe sur les interfaces riches : http://www.insideria.com/

Vu chez Fred Cavazza

.......................................................................................................................................................................................................
Intéractivité avec Flash
Par Gaël FAVORY :: Le 21/12/07 à 10h10 :: Développements ::

Je ne pense pas que Flash va disparaitre au profit de SilverLight, Et je suis toujours impressionné de ce qu'on peut faire en terme d'interactivité avec ce logiciel

Lien : lab.mathieu-badimon.com/

.......................................................................................................................................................................................................
Visite virtuelle en quatre dimension
Par Gaël FAVORY :: Le 07/12/07 à 12h19 :: Développements ::


Attention, on passe à une nouvelle ère dans le domaine de la visite virtuelle.
La video ci-dessus est interactive, et vous permet, en plus de voyager dans les rues de NewYork, de regarder à 360°
Je ne connaissais pas, et je trouve ça bluffant...
.......................................................................................................................................................................................................
Curriculum Vitae en ligne
Par Gaël FAVORY :: Le 30/11/07 à 18h21 :: Développements ::
Voilà un CV plutôt impressionnant.
Trés visuel, et pourtant très sobre je trouve...


Tom Geraedts from fubiz on Vimeo.
.......................................................................................................................................................................................................
J'ai trouvé 38 balises en 5 minutes, et vous ?
Par Gaël FAVORY :: Le 27/11/07 à 17h36 :: Développements ::
38
j'en ai oublié 53 !
.......................................................................................................................................................................................................
Marketing anti-Tabac
Par Gaël FAVORY :: Le 08/11/07 à 11h49 :: Développements ::

NicoMarket est un site qui propose toutes sortes de produits pour parfaire son tabagisme. Avec les produits Nico, vous aurez une mine malade, des dents jaunies, une odeur de tabac froid et surtout, une voix cassée.

Voilà un bon site à l'humour noir, dans la lignée de Crétin.fr, le site de Free qui vous montre qu'il faut être idiot pour acheter chez les concurrents.

LIEN : http://www.nicomarket.com/fr

.......................................................................................................................................................................................................
Masquer le cadre pointillé des liens cliqués sur FireFox
Par Gaël FAVORY :: Le 30/10/07 à 14h44 :: Développements ::

Les intégrateurs web qui nous lisent doivent connaitre ce soucis.

Firefox ajoute un beau cadre en pointillé aux images ou aux liens sur les sites web. J'avais remarqué ce petit effet désagréable, mais je ne m'étais jamais penché dessus pour essayer de le corriger. Pour moi, c'était un "truc de Firefox qu'on ne pouvait pas enlever".

Et bien, en fait, on peut le faire disparaitre :

a{outline: none;}
:focus{-moz-outline-style: none;}

Attention, je n'ai pas testé l'accessibilité ou la validité W3C de ce code, son acceptation sur Safari ou autres navigateurs, etc. Je sais juste que ça ne dérange pas Internet Explorer, et que ca corrige ce "défaut" de Firefox.

.......................................................................................................................................................................................................
WIX : Création en ligne de sites flash et de widget
Par Gaël FAVORY :: Le 25/10/07 à 09h47 :: Développements ::

www.wix.com propose de créer gratuitement, et en ligne des sites flash ou des widget. Pour le moment, le service n'est pas actif, mais dès que j'aurais reçu l'invitation, je vous tiendrai au courant

Après les questions sur l'accessibilité, ce genre de prestation me fait réfléchir sur la création de sites fullflash. Ils ont mauvaise réputation dans les milieux du développement (programmation objet pas assez "java"), de l'accessibilité (difficile et long à rendre accessible) et du référencement (pas très bien reconnu par les moteurs). Ils sont en revanche bien vu dans les domaines de l'animation, de la communication, et surtout du déploiement multi-plateforme. En effet, et c'est un des énormes avantages du flash, après avoir installé le fameux Player, une application flash est normalement lisible sur tout environnement, Mac, Windows, etc.

.......................................................................................................................................................................................................