Tout à notre recherche de l’excellence dans le maniement des CSS et notre quête d’un Graal du site parfaitement standard (je vous rassure je n’y suis pas encore tout à fait…), nous avons parfois tendance à oublier qu’il existe une autre race de webdesigners, qui on fait de Flash une spécialité à part entière, et probablement leur activité unique.
Et qui dans ce domaine atteignent des sommets de créativité et d’expertise qui me laissent sans voix.
Témoin cette dernière collection de pages d’accueil d’un autre monde glanée chez Smashing Magazine.
Toutes ne sont pas en Flash, et certains effets DHTML sont également plutôt réussis, mais d’une façon générale, quel talent !

Mon conseil : ne zappez pas trop vite, prenez le temps de vraiment explorer chaque page, quitte à ne pas tout faire d’une traite, car certaines recèlent des trésors d’inventitivé que vous ne découvrirez qu’après une scrutation méticuleuse (je sais, s’il faut scruter c’est que c’est pas ergonomique, tout ça, mais on s’en fout, on est dans une autre logique, là, l’un n’empêchant d’ailleurs pas l’autre…).

Ma petite sélection de favoris :

Leo Burnett

Capitalcomm

Yammat

Pr0jects

Shop composition

La suite chez Smashing Magazine…

Je ne suis pas fana des sondages dans les blogs mais il m’arrive quand même d’y répondre quand le sujet le mérite vraiment.
Je vais d’ailleurs probablement vous en proposer un (ce sera une première) prochainement au sujet d’un projet pour lequel je souhaiterais vous mettre à contribution.
Du coup j’ai regardé d’un peu plus près le mail de présentation que je viens de recevoir au sujet de 123votez.

123votez.com est un nouveau système de création et de gestion de sondages dédié aux sites et plus particulièrement aux blogs, proposant plusieurs  fonctionnalités, parmi lesquelles :

- l’insertion d’images dans la question et les réponses via un moteur de recherches d’images
- la publication de commentaires (même si on peut juger que cette fonction fait double-emploi dans le cas d’un blog)
- un flux RSS pour suivre en direct l’évolution des votes
- les widgets : si vous avez une zone sondage permanente incluse dans votre site, vous y placez le code du widget une fois pour toute et ensuite vous lui assignez le sondage de votre choix
- 10 styles prédéfinis de haute qualité
- la personnalisation de l’habillage de votre sondage avec l’accès direct au fichier CSS

L’interface de sondage lui-même tire pleinement profit de l’Ajax, ce qui permet d’afficher les résultats des sondages directement dans le corps du sondage.

J’ai été convié à tester Mybooo (à ne pas confondre avec MrBoo ;-)) une nouvelle application de bureau virtuel, encore en version beta privée.
Je dois dire que je ne cours pas en général après ce type de service dont j’ai encore un peu de mal à saisir l’utilité, ou du moins l’avantage procuré par rapport aux inconvénients (lenteurs, bugs fréquents…).
C’est donc armé de ces préjugés que j’ai donc testé un peu Mybooo sans trop de conviction, et je dois dire que j’ai été assez agréablement surpris, notamment par la réactivité et la fluidité de l’interface en Ajax.

Mybooo est un bureau virtuel (gratuit pour le moment) en ligne qui vous permet de recréer votre environnement de travail afin de pouvoir y accéder à partir de n’importe-quel ordinateur connecté à internet.
La liste des fonctions offertes est assez impressionnante, puisque vous pouvez entre autres :

• stocker vos données de n’importe où n’importe quand et accèder à vos fichier de n’importe quel ordinateur connecté à internet (je dispose d’un espace de 1 Go dans cette version de test).
• partager rapidement et simplement vos fichiers. Tout les documents stockés sur MyBooo peuvent être partagés à un contact ou à un groupe de contact.
• lire vos fichiers multimédia sans avoir à les télécharger. Une fois stockés sur votre espace tous vos fichiers vidéos, audio et photos peuvent être lus en ligne dans un lecteur spécifique (je ne l’ai pas trouvé, quand j’ai lancé un mp3 chargé sur mon espace, il s’est chargé puis ouvert dans Windows media player).
• discuter avec chacun des membres du groupe (chat, mail), partager des documents à l’ensemble des membres du groupe ou à une personne en particulier, partager des rendez-vous sur votre calendrier.
• personnaliser votre bureau comme vous le souhaitez. Vous pouvez modifier la couleur de fond, le thème ou bien insérer une image.
• recevoir et envoyer des emails, en paramétrant simplement les données de votre compte pop. J’ai testé, ça fonctionne très bien.
• etc…

Le plus étonnant est la facilité et la fluidité avec laquelle toutes ces actions peuvent être effectuées, presque aussi intuitivement que sur votre bureau habituel, y compris le clic droit, qui se substitue à celui de votre OS quand vous êtes dans Mybooo.

Je ne sais pas encore si Mybooo s’intégrera naturellement dans mes habitudes de travail au même titre qu’un Netvibes ou que mon duo préféré Outlook+Smartphone, mais j’y reviendrai probablement pour tester l’application sur une durée un peu plus longue.

Au fait, vous utilisez ce type d’application ? Lesquelles ?

Cette dernière annonce d’Apple concernant la possibilité pour tout développeur de proposer ses applications pour l’iPhone est une information importante, mais j’hésite à la qualifier de bonne nouvelle, même si j’aurais bien aimé pouvoir le faire, car je ne suis pas certain de tout comprendre.

De quoi parlons-nous exactement ?
"(…) iPhone™ will run applications created with Web 2.0 Internet standards when it begins shipping on June 29. Developers can create Web 2.0 applications which look and behave just like the applications built into iPhone."
L’iPhone sera compatible avec des applications compatibles avec les standards Web 2.0. Les développeurs peuvent créer des applications qui se présenteront et se comporteront comme les applications intégrées dans l’iPhone.

Des applications Web 2.0, génial, mais qu’est-ce que cela signifie exactement ?
Cette première explication, aussi alléchante qu’elle soit, me laisse un peu dubitatif : il semblerait qu’Apple considère que terme un peu fourre-tout de Web 2.0 définisse un standard, pour ne pas dire un langage de développement. Alors que j’ai toujours cru qu’il s’agissait d’un ensemble d’éléments qui englobait aussi bien les technologies applicatives (Ajax…) que les usages (réseaux sociaux). Parce-que de Youtube à Digg, de Twitter à Wikipedia, de Flickr à Del.icio.us, le champ est plutôt vaste et assez peu délimité.
Maintenant si l’on considère que le Web 2.0 est avant tout une technologie, alors que met-on dedans ? De l’Ajax, principalement, non ? Dans ce cas, quel est le rapport entre une application en Ajax et une sonnerie de mobile, pour ne prendre qu’un exemple un peu caricatural ?
Ce point mériterait probablement d’être éclairci. Quitte à adopter une définition "officielle" de ce qu’est une application Web 2.0 et des technologies qu’elle doit contenir.

Des applications connectées exclusivement ?
"Web 2.0-based applications are being embraced by leading developers because they are far more interactive and responsive than traditional web applications, and can be easily distributed over the Internet and painlessly updated by simply changing the code on the developers’ own servers."
Les applications Web 2.0 sont largement adoptées par les principaux dévloppeurs car elles sont plus beaucoup interactives et réactives que les applications web traditionnelles, et peuvent être aisément distribuées par internet et mises à jour sans difficultés en modifiant simplement le code côté serveur.
Alors là, je ne vois pas mieux : faut-il comprendre qu’en ne diffusant pas de SDK (Software Development Kit), Apple condamne le développement d’applications tiers à se limiter aux web services ? Autrement dit que hors connexion, aucune d’entre elles ne pourra fonctionner correctement, voire pas du tout ?
Bien sûr, le javascript étant interprété côté client par le navigateur, on peut développer des petites applications "web" destinées à être utilisées hors ligne (il m’est déjà arrivé pour des clients souhaitant avoir une version simplifiée de leur catalogue sur leur smartphone/Pocket PC de développer celle-ci en HTML+Flash et de compiler - ou pas - le tout avec un utilitaire de façon à lui fournir un simple exécutable à lancer sur son appareil), mais dans ce cas on ne parle pas de serveur, et encore moins de mises à jour à partir de ce dernier.

D’autre part, les languages utilisés pour le web 2.0 (principalement Javascript, HTML et CSS), aussi évolués qu’ils soient, ne possèdent à ma connaissance pas la puissance de vrais langages de programmation : ne risque-t-on pas de limiter quelque peu l’intérêt de ces applications ?

Cette annonce constitue donc une nouvelle à double lecture :

• bonne nouvelle pour les développeurs web, voire les webmasters, qui, sans posséder de compétences particulières dans des langages de développement complexes, pourront développer leures propres applications pour l’iPhone. Je suis le premier à m’en réjouir.
• mauvaise nouvelle (ou moins bonne nouvelle en tout cas) pour l’intérêt des applications tiers, qui seront - d’après ce que je comprends - limitées à des applications connectées.

Quoiqu’il en soit, cette annonce est à rapprocher de la précédente : il se peut que l’on ait impérativement besoin de Safari pour développer pour l’iPhone.

Vous voyez ça comment, vous ?

(PS : la rumeur dit qu’après les MMS, l’iPhone ne supporterait pas non plus Flash…)

Vous voulez expliquer à votre grand-mère comment lire votre Skyblog sur les mangas ou à vos clients ce que signifie ce sigle "RSS" en haut de vos pages ? Vous voulez prendre vos visiteurs par la main pour un tour guidé de votre site ?

Il existe déjà de nombreuses solutions de screencast, parmi lesquelles par exemple Camtasia (payant mais très complet) ou Camstudio (gratuit mais parfait pour 90% des utilisations que l’on peut faire de ce type d’application), mais voici deux nouveaux services qui présentent la particularité de fonctionner non pas sous la forme de logiciels à installer mais directement dans votre navigateur.

Demofuse vous permet en quelques secondes de créer un tour guidé de votre site, à l’aide de fonctions Ajax et d’un petit bout de code Javascript à insérer dans l’index de votre site. La prise en main est facile et les nombreuses options vous permettent de personnaliser votre présentation, avec notamment une fonction "highlight" vous donnant la possibilité de mettre en surbrillance une section de votre page.

Pour voir ce que ça donne sur ces pages, cliquez sur ce bouton :

Autre nouveau service : Screencast-O-Matic, qui vous permet de réaliser une vidéo de ce qui se passe sur votre écran, avec la possibilité d’enregistrer du son en direct pendant la démo, de choisir la résolution de sortie, et de publier le résultat sous forme de fichier vidéo au format .MOV (Quicktime).
L’application fonctionne à l’aide d’une applet Java qui s’installe en quelques secondes.
Vous pouvez voir une démo de Screencast-O-Matic ici.

Si votre grand-mère n’aime pas les mangas avec ça…

Source : Techcrunch US.

Le blog de Max Kiesler recense une bonne liste d’outils Ajax, DHTML et Javascript, dont je m’empresse de vous faire une copie des liens ici, à classer dans les favoris de tout webmaster, débutant ou confirmé, en ces temps de Webdeuxite aigüe.

Outils AJAX

AJAX Patterns

FiftyFourEleven

Google Web Toolkit - Build AJAX apps in the Java language

Kabuki Ajax Toolkit

MiniAjax

Moo.ajax

Nomadic Functions

Oracle - Web 2.0 and Ajax Resources

Sun - Ajax Developer Resource Center

Yahoo! User Interface Library

Outils DHTML

DhtmlGoodies

Dthmlsite

Dynamic Drive

Outils Javascript

DZone Snippets - Javascript

Face

Javascript Toolbox

PublicWarehouse - Javascript Database

Remedial JavaScript

Ten Javascript Tools Everyone Should Have

Top 10 Custom JavaScript Functions of All Time

Merci à Michaël pour l’info.

Vous voulez insérer quelques fonctions en Ajax dans votre site mais le développement n’est pas votre spécialité : après DHTMLGoodies, voici MiniAjax, une page qui réunit en un seul lieu un maximum de sources, scripts gratuits et guides sur le langage de scripts à la mode.

Parmi mes favoris :

• Reflection, qui permet d’un clic d’ajouter un effet de reflet à une image
• Bubble Tooltips, et vos liens font des bulles
• AjaxTabs, qui affiche plusieurs pages externes au choix dans un menu par onglets
• le désormais fameux Draggable RSS boxes, page de type Netvibes (utilisé pour Fuzz Snapshot)
• etc

Et souvenez-vous : l’Ajax c’est bon, mais à consommer avec modération.

Source : Digg

Envie de retoucher le portrait photo de votre meilleur ennemi ami, ou de vous prendre pendant quelques minutes pour Picasso himself ?
Facile, voici deux sites qui chacun dans leur style vont encore vous plier votre lundi matin (qui, on le sait, est fait pour tout sauf pour bosser).

Avec Pikipimp, vous sélectionnez un portrait sur votre disque dur ou directement à partir d’une URL, et vous le modifiez à l’aide d’une bibliothèque de plusieurs dizaines d’objets, accessoires et ornements en tous genres, du chapeau tyrolien à la moustache ridicule en passant par le collier de rappeur ou les Ray-ban vintage. Mine de rien, ce site sans autre prétention que vous faire passer un bon moment est particulièrement bien conçu : son interface en Ajax est un exemple d’intuitivité et d’ergonomie, et vous allez vous surprendre à retoucher des portraits, jouer sur les tailles, les couleurs, les rotations et même les transparences des accessoires par de simples glisser-déposer dont la prise en main est immédiate.
Vous pouvez voir quelques exemples plus ou moins inspirés dans la galerie du site.

Mr. Picassohead vous propose une expérience un peu similaire dans la forme, mais avec un résultat légèrement différent : à l’aide de formes "abstraites" inspirées du coup de crayon de Picasso, vous pouvez vous amuser à reconstituer des portraits légèrement torturés qui étaient la marque de fabrique du maître.
Pas d’ajax cette fois mais du Flash, tout aussi bien utilisé. Et si vous manquez d’inspiration, il y a là aussi une galerie présentant les oeuvres de vos illustres prédécesseurs.

Allez, un café et à vos pinceaux.

Avec PCName et son moteur de recherche en Ajax avec écriture prédictive, c’est un jeu d’enfant : vous saisissez n’importe-quel mot et les résultats s’affichent instantanément dans les six extensions principales, vous indiquant par extension si le nom est déjà réservé ou s’il est disponible.

Webwag va lancer cette semaine une version enrichie de nouvelles fonctionnalités axées sur la mise en commun de ses favoris.

Tout d’abord, un retour ce qu’est Webwag.

Ok, il y a déjà Netvibes, et d’autres. Ok Webwag et Fuzz ont un partenariat (module Fuzz sur le portail par défaut de Webwag) ce qui peut effectivement laisser penser que je ne suis pas la personne la mieux placée pour en parler objectivement, ce qui est sûrement vrai (je ne vais pas démolir un partenaire, mais en même temps je ne démolis pas grand monde en général). Ok au début Webwag était un peu lent et bugué comme toute version veta d’un portail 100% Ajax.

Ok on sait tout ça, mais on sait aussi que ce n’est pas parce-qu’il y a Google qu’il n’y a pas Yahoo, et que ce n’est pas parce-qu’il y a BMW qu’il n’y a pas aussi Audi, et par conséquent ce n’est pas une raison pour que je ne me décide pas à en parler enfin

Webwag, lancé par Franck Poisson, ci-devant ex-Pédégé de Gougole France, est donc une page d’entrée personnalisable qui vous permet de réunir en un seul point l’essentiel de ce qui constitue votre vie d’internaute.

Sur votre page Webwag, c’est fou ce que vous pouvez faire :

• intégrer les flux RSS de votre choix ou choisir d’un clic parmi les plusieurs centaines déjà proposées afin d’en ajouter le module correspondant (la procédure est vraiment simple et rapide : cliquer sur le petit + à droite de l’onglet Home et la liste des flux se déroule par thème sous vos yeux émerveillés - mais limite fatigués par tant d’innovation)
• insérer les fux de vos sites de vidéos favoris (dommage cependant que l’on ne puisse visionner ces vidéos directement dans sa page Webwag, les liens ouvrant directement la page de la vidéo choisie dans le site de vidéo)
• déplacer bien sûr chaque bloc par glisser-déposer (mais bizarrement cette fonction marche de façon aléatoire sur mon Firefox 1.5, je peux déplacer quelques blocs puis ensuite les suivants s’accrochent obstinément à leur emplacement d’origine comme s’ils étaient retenus pas un élastique)
• réduire les blocs sous forme d’icônes afin de gagner de la place
• ajouter des modules (météo, radio…)
• effectuer des recherches croisées parmi quatre moteurs et quatre thèmes proposés (Google, Yahoo, Exalead, wikipedia et Web, images, vidéo, audio) mais également parmi les flux présents dans votre page grâce au moteur de recherche interne dont la technologie est développée en interne par Webwag.
• écouter directement dans votre page vos podcasts favoris dans un widget iPod du plus bel effet (on pourrait presque le toucher)
• écouter la radio dans sa page (nickel dans Internet Explorer, ne trouve pas le player dans Firefox)
• regarder la TV également dans sa page, très très sympa
• accéder à votre boîte email…
• etc, etc

Mais Webwag c’est aussi d’autres fonctions qui distinguent ce portail de celui de ses confrères :

• d’une part la Webwag Factory, qui vous permet de trouver de nouveaux widgets à installer d’un clic sur votre page (Google maps par exemple), mais également pour les développeurs la possibilité de proposer des widgets en s’appuyant sur l’API dont la documentation est fournie ici, et d’être rémunérés pour cela : si vous proposez un widget et que celui-ci est installé au moins par 100 utilisateurs différents en moins de 15 jours, vous touchez 50 $.

• d’autre part la Webwag Toolbar, une extension disponible pour Firefox et Internet Explorer qui va s’insérer discrètement dans la barre d’outils de votre navigateur et qui va vous offrir la possibilité de
  • ajouter un site à vos favoris directement à partir de celui-ci
  • à partir d’un site doté d’un flux RSS, générer d’un clic un widget de ce site qui va s’intégrer dans votre Webwag sous la forme d’un nouveau module
  • exporter tous les favoris de votre navigateur afin de les retrouver également dans votre page Webwag

Maintenant, les nouveautés, qui visent principalement à partager votre Webwag :

- Partager ses widgets avec des amis : les widgets de flux RSS, de favoris, de notes et de météo peuvent être partagé entre amis. Un clic sur l’icône de la main pour entrer les adresses emails des amis.

- Rendre publics ses widgets ou tout un onglet de votre Webwag : pour rendre un onglet public: un clic sur son étoile. Rentrer les tags associés avec cette page. Une fois public, votre onglet est accessible à tous dans la Factory.

- Webwag plus intuitif :

• Lien “Ajouter du contenu” au dessous du logo, qui lui reste toujours clicable.
• Un message de loader pour un affichage plus fluide de Webwag.
• Flux RSS : les flux lus passent en grisé lorsqu’on clique dessus ou si on a lu la prévisualisation du flux pendant quelques secondes. D’autre part le nombre de flux lus apparait dans le header des widgets.
• Notes intelligentes : les addresses emails et les urls syntaxées http://www sont maintenant cliquables.
• Les titres sont en couleur et personalisables. Les quatres dernières couleurs sont mémorisées dans les préférences.

- Factory : la nouvelle Factory des widgets intègre l’annuaire des onglets publics, l’annuaire des flux RSS par défaut, un nuage de tag pour choisir par thème

Webwag ne manque pas d’atouts, notamment en proposant nativement une liste de thématiques "prêtes-à-agréger" qui faciliteront certainement la vie des nouveaux arrivants sur ce type de portail personnalisé. Il s’agit clairement d’une alternative à Netvibes, par exemple éventuellement pour ceux qui trouvent ce dernier un peu aride.

Reste à savoir si les habitués de la première heure de Netvibes quitteront leur application habituelle pour migrer vers son challenger…