blog

Vestiges d’un CSS Guru

Catégorie : Flash

Billet

Dessiner en HTML 5, c’est gagner

Harmony est un outil simple et sympa, qui permet de dessiner dans son browser. Rien de bien méchant apparemment. C’est juste qu’il est en HTML 5 couplé avec des algorithmes en JS. L’auteur s’est beaucoup inspiré de Scribbler, l’équivalent en Flash.

Perso, je suis nul en dessin, mais Pulupulu sait y faire.

Il existe même une fan page Facebook avec pleins d’autres jolis dessins.

Billet

Acrobat.com : le Google Docs d’Adobe

acrobat.com

Acrobat.com sort de sa beta et devient public. Il consiste en plusieurs services :

  • Adobe Buzzword : un excellent éditeur de document en Flex. L’édition, le formatage, l’ajout de commentaires sont très bien réalisés.
  • Création de PDF : à partir d’un fichier .rtf par exemple
  • Partage de fichiers : une interface pour uploader des fichiers et envoyer une notification par mail à ses contacts
  • Adobe ConnectNow : visio-conférence, partage d’écrans, chat…
  • My Files : pour accéder à ses fichiers de n’importe où

A part Buzzword, j’avais jamais entendu parler de ce service. J’ai pas l’impression qu’il y aie eu de grosse annonce. En tout cas, Adobe marche sur les plate-bandes de Google Docs : des outils de collaboration en ligne, gestion/création de documents, partage de fichiers…

C’est en fait la concurrence Flash vs HTML/Ajax (et bientôt HTML 5).

Personnellement, je ne compte pas m’inscrire pour utiliser ce nouveau service. Il n’a pas l’air très rôdé. Et puis Google Docs me convient très bien pour ce dont j’ai besoin. Et y a le côté Google, toujours innovant, très fiable et intégrant parfaitement ses différents services (Mail,Reader,Calendar…) qui me rend fidèle.

Billet

Introduction au HTML 5

Si vous le souhaitez, allez lire le tutoriel complet sur le HTML 5 et le CSS 3 que j’ai écrit.

Le HTML 5 est la prochaine version importante du HTML. Bien qu’étant en compétition avec le XHTML 2, le HTML 5 fait davantage parler de lui parce qu’étant plus facilement implémentable et plus pragmatique dans l’utilisation des nouvelles balises qu’il introduit.

Quoi de neuf chez les balises ?

J’avais déjà parlé du HTML 5 l’an dernier, en parlant notamment des balises visant à structurer le contenu. Mais l’intérêt du HTML 5 se trouve surtout dans ces balises qui vont grandement faciliter la création d’applications web.

  • <canvas>
    Une balise dans laquelle on peut dessiner avec du JS. A priori on peut faire beaucoup plus avec.
    Exemples : dessiner, labyrinthe ou encore mieux : Bespin par Mozilla, un éditeur de code utilisant canvas et JS
  • <video>
    La vidéo est aujourd’hui implémentée sur le web grâce à différents plugins (Silverlight, Quicktime, WMP et surtout Flash). Pourquoi ne pas utiliser une simple balise <video> ?
    Exemples : YouTube et Dailymotion font déjà des tests avec cette balise <video>, et Mozilla en parle.
  • Geolocation
    La géolocalisation grâce à l’API de l’HTML 5.
    Exemple : Where Am I géolocalise en utilisant Google Maps (il faut Firefox Beta).
  • App Cache
    Ca permet de sauvegarder des informations en local, pour travailler offline notamment.
    Exemple : des Post-It accessibles offline (il faut Safari Beta).
  • Workers
    Un outil qui permet de mieux gérer la surcharge de JavaScript. En gros, plus de problème de ralentissement à cause d’un JS trop gourmand.
    Exemple : 2 scripts qui calculent le plus grand nombre premier. Le premier fait crasher le navigateur (j’ai testé…), alors que l’autre y arrive très bien.

Tous les exemples proviennent de la Google Keynote.
Lire la suite →

Billet

WM Team : animations Flash excellentes

WM Team

Je suis tombé sur le site Flash d’une agence allemande : WM Team.

Ils sont spécialisés dans le design et l’animation Flash, et créent non seulement des bannières et des sites, mais aussi des jeux très sympas. Leur site est un parfait exemple de leur créativité et leur humour. L’introduction sonore et visuelle est tout d’abord très sympa. Puis vous verrez aussi les transitions entre les différentes catégories qui sont autant d’animations originales et réussies. Par exemple, une énorme main gonflable qui viendra “attraper” le menu, ou bien un jeu de tir où il faut viser la tête d’un membre de l’équipe pour voir son profil.

L’intérêt de telles animations est surtout d’inciter le visiteur à parcourir l’ensemble du site. Pas forcément pour le contenu, mais pour découvrir toutes les animations variées qui existent. Et au final, on se retrouve quand même à s’intéresser au contenu. On en oublie même la typographie assez peu réussie du site, et on s’amuse à visiter les réalisations de cette agence bien sympa (qui cherche un webdesigner… oooh…).

Billet

Trucs sympas du Web part 01

Une petite liste de curiosités dénichées sur le Web. Au programme :

  • la pire erreur Photoshop
  • un superbe menu 3D en Flash
  • une campagne de pub géniale
  • des photos prises avec l’angle parfait
  • le pire prof de webdesign
  • un clin d’oeil dans Assassin’s Creed

Lire la suite →