Amis webmasters, connaissiez-vous la touche F12 d’Internet Explorer 8 ?

« Google a sorti un outil « hypeeer pratiiiiique » pour visualiser une page en fonction de la résolution d’écran des visiteurs ». Voici ce que j’ai pu entendre dernièrement… Pratique car nous pouvons ainsi facilement améliorer le zoning d’une page et s’assurer que les messages importants sont positionnés de façon claire et évidente pour le visiteur.
Certes, mais pour info Internet Explorer 8 propose une fonctionnalité beaucoup plus propre que du coloriage et tout aussi pratique pour faire ce genre d’exercice : la touche F12 !

Outil Google

Outil Internet Explorer 8

A bon entendeur !

Conférence sur les Techniques et Stratégies Web, et Ateliers pratiques le 17 novembre à Issy-Les-Moulineaux

Vu sur le blog de ClaueR, Microsoft France organise une conférence Web dans ses nouveaux locaux d’Issy-Les-Moulineaux à destination des professionnels qui créent et développent des sites et des applications Web.

Un rendez-vous à ne pas manquer !

Venez participer à la conférence ainsi qu’aux ateliers pratiques et démos techniques sur la thématique du développement et de la création de sites Web :

• Assistez à une Conférence Plénière animé par des spécialistes et experts du Web à la découverte de nouvelles tendances, témoignages et best practices dans le domaine de la création/développement de site web.

• Initiez-vous grâce à des ateliers pratiques et des démonstrations d’experts sur des thématiques variés

• Venez activer votre réseau : échangez avec votre communauté via la mise en relation avec des homologues possédant des services et des technologies complémentaires aux vôtres.

L’après-midi sera consacrée à deux sessions en parallèle : Des conférences animées par des spécialistes et experts du Web, et d’autre part des ateliers pratiques. Voici le détail de ces deux sessions qui auront lieu en parallèle, et vous pourrez passer librement de l’une à l’autre en fonction de vos centres d’intérêt :

Inscription gratuite en ligne en suivant ce lien : http://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032430827&Culture=fr-FR

Sessions de Conférences

• 14h00    Accueil et message de bienvenue
• 14h15    Le marketing digital en 2009 : L'Attention Marketing
• 14h45    Bonnes pratiques et retours d'expérience de la mise en œuvre de sites de eCommerce pour des TPE et des PME
• 15h15    Diminuer les coûts d'acquisition de contacts : retours d'expérience sur les Jeux Concours en ligne
• 15h45    Techniques et mythes du SEO
• 16h30    Stratégies de Conversion : Comment transformer davantage de visiteurs en clients
• 17h00    La sécurité sur le Web : du code aux infras, un survol des principaux points à surveiller
• 17h30    Microsoft WebsiteSpark : Une offre pour les freelances et les agences Web jusqu'à 10 employés
• 18h00    Cocktail final

Sessions d’Ateliers pratiques 

• 14h15    Créer sa première campagne de mots clé dans Bing
• 14h45    Trucs et astuces sur Expression Web, Expression Encoder, et DeepZoom Composer
• 15h15    Atelier pratique avec Oxatis
• 15h45    Plate-forme Web Microsoft : Survol de Windows Server 2008, IIS7 et WebPI
• 16h30    Ceinture Noire de IIS7, par les ingénieurs du Support Technique
• 17h00    Silverlight 3 + Expression Blend : Créer des applications Web riches, et encore plus riches
• 17h30    Session de questions/réponses avec tous les intervenants + Networking
• 18h00    Cocktail final

Microsoft lance Websitespark et offre visibilité, support technique et licences gratuites aux professionnels du Web, agences Web et designers

Dédié aux professionnels du Web, agences Web et studios de design graphique de 1 à 10 employés, le programme WebsiteSpark offre des licences logicielles (Expression Web 3 et Studio 3, Windows Web Server, Visual Studio, SQL Server), du support technique (via MSDN) et de la visibilité ( via une place de marché qui recensera l'ensemble des partenaires membres du programme et des campagnes de communication). Le programme se lance en France avec le soutien de partenaires actifs : Altaïde (cabinet de recrutement et de RH 2.0 spécialisé dans l’accompagnement des start-ups et des sociétés du Web), Codeur.com (place de marché du développement en télétravail par des freelances), Emob (éditeur de tutoriels en vidéo), Mediabox (centre de formation aux technologies multimédia), Oxatis (Solution E-Commerce pour la création site E-Commerce), et Regart.net (centre de formation multimédia), et également Ikoula qui est le premier hébergeur français à soutenir le programme.

http://www.microsoft.com/web/websitespark/

Superpreview, l’outil indispensable du bon intégrateur Web

Superpreview permet de vérifier le rendu d’une page web sur différents navigateurs Web en un clin d’oeil grâce à un aperçu en mode side-by-side.

Toutes celles et ceux qui font de l’intégration Web, savent à quel point monter une page web propre sans problème d’affichage, quelque soit le navigateur ou la version de navigateur du visiteur, est parfois long et casse-pied. Cette époque est maintenant révolue grâce à Superpreview: “Superpreview vous permet de vérifier le rendu visuel de vos pages web dans plusieurs navigateurs. Superpreview est destiné à simplifier le process de test et de debugging des mises en pages de votre site web.” explique le blog Expression.

Pour voir et jouer avec Superpreview, il vous suffit de télécharger la version d'évaluation de la gamme Expression Studio 3 en français

Expression Studio 3 vous ouvre de nouveaux horizons de créativité. Ses outils de conception professionnels vous offrent la liberté nécessaire à la réalisation de votre projet, que celui-ci porte sur des sites Web fondés sur des standards, sur des expériences utilisateur riches pour le poste de travail ou sur du contenu Silverlight. Inclut Expression Web, Expression Blend, Expression Design et Expression Encoder.

Livre blanc BenchmarkGroup : comment les internautes jugent les sites Web

BenchmarkGroup (www.benchmark.fr) vient de publier les résultats d’une étude qui cherche à évaluer comment les internautes jugent les sites Web.

Résultat : en 2009, il y a encore beaucoup de travail à abattre pour élaborer des sites ergonomiques et efficaces avec une expérience utilisateur satisfaisante.

On apprend ainsi dans cette étude que pour 1 internaute sur 2, un site dispose de moins d’une minute pour convaincre ; ou encore que plus de 7 internautes interrogés sur 10 ne reviennent pas sur un site où ils ont rencontré des problèmes de navigation ou d’orientation.

Pour en savoir plus sur les résultats de cette étude, il vous suffit de télécharger gratuitement le livre blanc en pdf.

Je vous invite également à lire mon post intitulé Les Bonnes Pratiques Pour Avoir Un Site Web Efficace.

Les Bonnes Pratiques Pour Avoir Un Site Web Efficace

Je partage avec vous cette présentation que j’ai faite et qui vous donne quelques pistes à considérer avant même de mettre votre site en production.
Et oui, un site Web ça ne se crée pas sur un coup de tête.

1. Créer un site c’est avant tout une réflexion : à qui s’adresse mon site ? Quel est l’objectif de ce site Web ? Comment peut-il répondre à quel besoin ?
2. Ensuite on passe à l’intégration Web intelligente en pensant architecture, référencement, etc.
3. On teste le site auprès d’un panel
4. Une fois en ligne, il convient de mesurer les performances du site pour ajuster les imperfections (on parle d'optimisation) ou s’assurer que le site plaît
5. Un site, c’est comme un jardin, ça s’entretient tous les jours !

La présentation ci-dessous se penche surtout sur les points 1 et 2. Je ferais d’autres présentations afin d’aborder les autres points.

Les Bonnes Pratiques Pour Avoir Un Site Web Efficace

View SlideShare presentation or Upload your own. (tags: ergonomie web)

MIX08 : Microsoft devient un acteur du Web avec qui il faudra compter

L’événement MIX08 s’est déroulé du 5 au 7 mars 2008, à l’hôtel Venetian à Las Vegas.
L’objectif de cet événement, dont le slogan est « The Next Web Now », est de réunir sur un même lieu et un même événement des techniciens, des créatifs et des décideurs pour qu’ils se penchent avec Microsoft sur le futur du Web.
Il s’agit donc de faire converser 3 populations dont les problématiques et les métiers sont différents mais qui pourtant ont un centre d’intérêt commun : le web.

Au programme de cet événement une multitude de sessions techniques, créatives ou orientées business sur 3 jours et autant d’informations et d’annonces très intéressantes.
Je vais essayer d’en faire un résumé (non exhaustif) dans ce post. Je ferai un post sur la partie ergonomie Web et Expérience Utilisateur dans un 2nd temps.

La communication en ligne avant, pendant et après l’événement
Les outils très Web 2.0 ont été mis à contribution pour faire du bruit autour de cet événement :

• Un canal Twitter très actif durant l’événement et aussi très utile pour être avertis des nouveautés en temps réel : http://twitter.com/MIX08
• 
  Un compte Facebook pour le concours « Restyle » : http://www.facebook.com/group.php?gid=20407580744
• 
  Un compte FlickR avec les photos de l'événement: http://www.flickr.com/photos/tags/mix08/
• 
  Un blog/site : www.visitmix.com/
• 
  De nombreuses vidéos : http://visitmix.com/blogs/News/
• 
  Un fil RSS : http://www.visitmix.com/Feeds/RSS/
• 
  Des goodies MIX08 pour mettre son blog aux couleurs de l’événement : http://visitmix.com/2008/mixtify.aspx

Sur place, une logistique assez carrée
Les sessions étaient toutes d’1 heure et ont été réparties sur 2 étages du Convention Center (Centre de Conférence) au Venetian Hotel. En plus des salles de présentations et démonstrations, il y avait :
- Une « SandBox » : un espace dans lequel on retrouvait des stands de présentations tels que Surface, Windows Mobile, des PC pour tester Internet Explorer 8, un emplacement avec un rétroprojecteur pour jouer des présentations et démos sur le pouce, une zone pour recharger son PC…
- Une salle d’ateliers techniques
- Quelques animations : massages, scène pour jouer à Rock Band sur XboX, une zone de jeu Halo 3
- De quoi s’hydrater durant les 3 jours avec des petites bouteilles d’eau de la marque… MIX08 (si, si, la photo est là : http://www.flickr.com/photos/programmerman/2314884878/)

Seul bémol que je ferai : la scénographie des lieux était légère. A part la bouteille d’eau, il n’y avait pas de vraie personnalisation de l’endroit excepté quelques kakémonos par-ci par-là.

Passons aux choses sérieuses : les annonces !
L’objet de cet événement est de démontrer que Microsoft devient un acteur du Web et qu’il fournit désormais les outils et technologies pour permettre aux designers, aux développeurs web et aux décideurs (responsable emarketing et ecommerce par exemple) de valoriser et optimiser leur travail et leur présence sur le Web, devenir un acteur sur le marché de la publicité en ligne. Cet événement est également l'occasion de discuter d'une évolution des métiers de designers et développeurs dont les activités s'imbriquent de plus en plus..


I - Keynote #1 animé par Ray Ozzie, Scott Guthrie et Dean Hachamovitch
« Le Web est au cœur de tout ce que fait Microsoft […] Nos investissements permettront aux développeurs et aux concepteurs de créer toute une gamme d'expériences simples et connectées employant des applications Web, clients riches, et autres terminaux. » (Ray Ozzie)

WEB : Internet Explorer 8 est disponible en Beta 1.
Cette annonce concerne les développeurs web. Les usagers « lamda » comme moi ne vont pas forcément y trouver leur compte. Gardant à l’esprit qu’il s’agit d’une beta 1, voici les nouveautés remarquables pour les développeurs web :
- Support des standards (CSS/HTML) qui permettra d’avoir le même rendu d’affichage que dans les autres navigateurs comme Firefox, Opéra
- Activities : une sorte de clic droit intelligent et contextuel sur du texte
- Webslice : une nouvelle façon de voir ses favoris en temps réel

Internet Explorer 8 Bêta est disponible au téléchargement via le site de Microsoft. Seuls les utilisateurs possédant Windows XP, Vista ou Windows Home Serveur 2003 peuvent effectuer le téléchargement.

MEDIA et RIA : Silverlight 2 est disponible en beta.
Microsoft compte à ce jour près de 1,5 millions d’installations de Silverlight. Pour démontrer toute la puissance de Silverlight, des clients reconnus ont témoigné:

• Côté Média : Silverlight est un nouvel outil de publicité en ligne. DoubleClick a même annoncé qu’ils supportaient Silverlight. Il y a également un gros projet avec la NBC qui retransmettra en ligne et en VOD les Jeux Olympiques : PIP, marche arrière, partager une séquence avec un contact, etc. Ce site sera 100% Silverlight. Pour avoir vu la démo, je pense que c’est le premier site Web Media du genre à proposer une expérience en ligne aussi riche et complète !



• Côté Rich Interactive Application (RIA) : « Small download. Fast Install », l’accent est mis sur la haute performance et sur les « dev-igners ». Les exemples utilisés pour démontrer la puissance de la RIA sont plus que convaincants :
  o Rich Email Application (boîte email) avec le témoignage d’AOL : fluidité du clic, personnalisation du skin de sa boîte aux lettres ultra simple et rapide, une interface utilisateur globalement plus agréable.
  o Deep Zoom, avec le témoignage de Hard Rock Café et sa Memorabilia : vous pouvez visiter sur le site de Hard Rock Café toutes les collections de la chaîne qui ont été photographiées en très haute définition. Zoomez à l’infini pour voir les moindre détails d’une photo, c’est hallucinant et c’est en ligne : http://memorabilia.hardrock.com/
  o Configurateur Aston Martin : une application en ligne qui vous permet de créer l’Aston Martin de votre choix (couleur, jantes…)
  o Enfin, démonstration d’un scenario B2B avec le Cirque du Soleil qui s’est doté un outil de gestion des ressources humaines dynamique afin de gérer tous les profils artistiques des différentes troupes réparties dans le monde.
  

MOBILE : c’est une première, le constructeur de téléphones mobiles Nokia supportera Silverlight sur ses systèmes d’exploitation S60 de Symbian, dans un premier temps, pour la lecture des contenus multimedia.

La gamme Expression n'est pas en reste.
Sortie de Expresssion Studio 2 et sa première beta publique disponible sur http://www.microsoft.com/expression
La preview de Blend 2.5 (march preview) est également disponible sur http://www.microsoft.com/expression et Blend 2.5 supportera Silverlight 2.

MIX08 Keynote Day 1

II - Keynote #2 animé par Guy Kawazaki et Steve Ballmer
Cette session restera un moment d’anthologie : un entretien mené par Guy Kawazaki, un ancien d’Apple (dont le MacBook Air a bien faillit y passer), qui pose des questions très directes à Steve Ballmer qui ne se démonte pas pour autant : Yahoo ! (le « Y » word), Google (le « G » word), Windows Vista, Apple et l’Iphone qui supportera bientôt Exchange Server… autant de sujets abordés.

Bref, une session qui ne se raconte pas qui se vit :

MIX08 Keynote Day 2

NB : j'espère que vous aurez remarqué les player qui ne sont pas en Flash mais bien en Silverlight. Un petit clic droit vous le prouvera ! :-)

Créer un template CSS en quelques clics

C'est le site DoTemplate qui vous propose ça gratuitement. Il n'y a qu'à choisir la couleur du fond, le type de police, votre header. Le tout une fois validé vous donne un .Zip dans lequel se trouve votre feuille CSS.

Plus d'excuses pour ne pas peaufiner vos sites et vos blogs !

MIX07 à Paris, c’est fini

Ca s’est déroulé jeudi, le 21 juin. C’était l’événement Microsoft à destination des développeurs Web et des Designer autour de la toile.
Voici une petite vidéo pour vous montrer concrètement ce que permet de faire Popfly (lire mon post « Un canard peut en cacher un autre »). Spéciale dédicace à Christophe Lauer (avec un petit montage au début de la vidéo) qui a su animer et rythmer la présentation ! Et comme il le dit si bien « plutôt que des mots, démo ! » :

Video: MIX07 - Microsoft Popfly

Pour en savoir plus sur le déroulement de l’événement, n’hésitez pas à lire les impressions des bloggeurs présents dont :
http://www.presse-citron.net/?2007/06/22/2166-microsoft-expression-studio-univers-netvibes-et-petits-fours
http://blogs.developpeur.org/tom/archive/2007/06/21/silverlight-moonlight-le-silverlight-sur-linux-par-mono-avance-plut-t-bien.aspx
http://simplifywevdevelopments.blogspot.com/2007/06/mix07-paris-experience-partie-01.html

Popfly : cherchez l'intrus !

Saurez-vous retrouver l'intrus qui se cache dans cette photo ??? Vous pouvez vous référer à mon précédent article sur Popfly pour vous aider.

N'est pas Popfly qui veut ! Sans le savoir j'ai la Popfly attitude depuis un petit moment. Enfin presque.

Popfly, un canard peut en cacher un autre…

Microsoft vient de sortir Popfly Creator, un nouvel éditeur de mash-up. Mais c’est quoi donc ? C’est un ensemble d'outils qui va permettre à tous, débutants comme développeurs experts, de créer des applications et des pages web dynamiques et enrichies qui appelleront dans un même endroit des données qui, elles, proviendront de sources différentes. Microsoft Popfly c’est donc la promesse d’un développement Web d’un autre genre : hyper facile, sans avoir besoin de lire ou d’écrire du code, avec des interfaces supers sexy ! Seule nécessité : savoir cliquer !

Pour cela, Popfly tire bien entendu partie de Silverlight (cf mon post précédent Microsoft Silverlight au service du Web nouvelle génération).
Pour en savoir plus sur Popfly, je vous invite à lire le post de Christophe Lauer, un des 2 frenchies qui a travaillé sur le projet. C’est un post très complet et très bien expliqué : Microsoft annonce Microsoft Popfly
Vous pouvez également lire l’article de Clubic.com intitulé Popfly : un éditeur de mashups signé Microsoft.

La nouvelle scène Web fête la créativité
MIX 07, c’est à Paris et c’est gratuit !

« Le web 2.0 a insufflé une nouvelle énergie dans l’évolution d’Internet qui conserve toute sa vigueur en 2007.
Cependant, alors que les frontières traditionnelles s’effritent – designers et développeurs, applications et services, media et informatique, éditeurs et publicitaires, TVs et PCs, producteurs et consommateurs - de nombreuses barrières persistaient à la réalisation des promesses de services plus participatifs, d’une expérience utilisateur riche et de business modèles novateurs.
Aujourd’hui, les opportunités d’innovation, de créativité et d’entrepreneuriat sur le web sont encore immenses et les innovations technologiques les rendent plus accessibles. »

Extrait du blog Mix 07, ce texte donne un avant-goût de ce qui nous attend : web 2.0, expérience utilisateur, design…
Sur fond de fête de la musique, le site d’inscription MIX 07 en dit un peu plus sur les stars de cet événement :

Services vidéo Internet

Open Source sur plateforme Windows

Web 2.0 pour l’éducation

Publicité online

Services Windows Live 2.0

etc...

Il y aura également des « Special Guest » : Expression Suite, Silverlight, Windows Live, AJAX...

Je ne sais pas pour vous mais pour ma part cette programmation me botte pas mal et j’ai déjà réservé ma place pour le 21 juin. D’autant plus que la version US, jouée à Las Vegas en avril dernier, a fait un tabac.

Microsoft Silverlight au service du Web nouvelle génération

Les experts techniques vont vous présenter Microsoft Silverlight (nom de code WPF/e) comme étant « un nouveau plug-in multi-navigateur et multi-plateformes (Mac/Windows) qui permet de diffuser une nouvelle génération d’applications riches et interactives (RIAs) ».

C’est vrai mais pour faire plus simple, je vous dirais que Silverlight va permettre aux développeurs web de travailler plus simplement pour créer et gérer des sites web dotés d'interfaces très élaborées, intégrant des effets 2D et 3D par exemple.

Côté utilisateurs finaux, nous devrions être servi puisque cette techno va nous offrir des expériences stupéfiantes en matière d'expériences multimédias et d'applications interactives évoluées sur Internet. Pour ne citer qu'un exemple, feuilleter votre journal restera votre geste quotidien... mais il deviendra numérique. Pour vous donner une idée de ce que cela peut donner, jeter un oeil à cette démo :

Bref, ce que cela implique pour nous : un accès aux informations sur internet encore plus design, encore plus confortable. Et tout cela à moindre coût puisque nous n’aurons qu’à télécharger qu’un plug-in qui sera compatible sur Macintosh comme sur Windows, et depuis de multiples navigateurs tels qu'Internet Explorer, Firefox ou Safari.

Pour vous donner une idée de ce qui nous attend, visionner ces quelques vidéos :

Exemple d’application Web riche avec Flickr :

Video: Flickr WPF Photo Browser

Simulation du jeu Tron

Video: WPF Mitsu

Microsoft® Expression® Web Designer va-t-il détrôner Dreamweaver ?

Le web 2.0 a un impact sur les outils et technologies avec lesquels les designers, les développeurs et les chefs de projet interactifs doivent travailler.

En effet, dorénavant, il y a des standards à respecter lorsque l'on travaille sur la toile en termes de :
- design avec les CSS (Cascading Style Sheets),
- meta données avec le XHMTL,
- transfère des données avec le XML
- accessibilité

Jusqu'à présent Dreamweaver dominait. Mais voilà que Microsoft sort Microsoft Expression Web, le vaillant successeur de Frontpage. Certes, il était temps ! Mais là, Microsoft fait fort et offre un outil puissant qui :
- est conforme aux standards XHTML 1.0 Transitionnal et les CSS 2.1.
- permet d'intégrer en toute transparence le travail des graphistes et des développeurs Web.

Vous pouvez vous faire une idée du produit en essayant la version d'évaluation (60 jours).

Esprits curieux, si vous voulez en savoir plus sur ce produit et si vous souhaitez poser vos questions au chef de produit, inscrivez-vous au Webcast Live de demain*. Voici le contenu de l'invitation :

- Créez des sites Web dynamiques : Microsoft Expression Web est un outil de conception professionnel qui permet de créer et gérer des sites Web modernes compatibles avec les standards du marché.
- Augmentez votre efficacité : intégrez aisément des données XML et profitez des avantages d'une prise en charge de Microsoft ASP.NET et de XHTML.
- Explorez de nouvelles possibilités de création : donnez vie à vos sites Web grâce à des outils et des fonctionnalités de conception CSS sophistiqués pour contrôler avec précision la mise en page et la mise en forme de vos pages Web.
- Livrez un travail de qualité : créez des sites Web compatibles CSS et XHTML, pour épater vos utilisateurs.

Ce webcast Live sera animé le mercredi 14 février 2007 de 11h à 12h par David Talaga et Pierre Lagarde.

Inscrivez-vous dès maintenant !

*Qu'est-ce qu'un Webcast Live ? C'est une présentation de 45min diffusée en simultannée sur votre ordinateur et animée par les experts techniques et marketing de Microsoft. 15min sont également consacrée aux questions-réponses entre vous et les experts. L'avantage de ce format c'est que vous n'avez besoin que de votre ordinateur et de LiveMeeting (module que vous pouvez télécharger lorsque que vous voulez joindre la "réunion" virtuelle). Nul besoin de vous déplacer et vous pouvez quand même poser vos questions si vous en avez !

Une petite capture du logiciel pour la route :

[Evènement gratuit] Le Web nouvelle génération : quel impact pour les développeurs Web ?

A ne pas manquer ! Sur une après-midi (plutôt technique), des experts Microsoft vous proposent de faire le point sur les tendances et les technologies qui s’affirment.

Au programme : Autour de présentations des concepts techniques « indispensables » et de démonstrations de codes à l’appui, Christophe Lauer et Pierre Lagarde parleront de Web 2.0, d'Atlas « en profondeur », de RSS et finiront par un "mashup" avec présentations d'API de Windows Live, d'Expression Web Designer...

Le principe est assez sympa puisque cet évènement ne se déroule pas uniquement à Paris mais se déplace dans plusieurs villes de France : Strasbourg, Lille, Nantes, Toulouse, Aix-en-Provence, Lyon.
Développeurs Web, vous avez l'embarras du choix et n'avez aucune excuse pour ne pas assister à cette session qui promet d'être riche en enseignements !

Pour en savoir plus sur le contenu, les dates et vous inscrire : http://www.microsoft.com/france/msdn/minimix/default.mspx

Petite confidence : Microsoft propose en téléchargement gratuit Visual Web Developer 2005 Express Edition, un logiciel idéal pour le développement de sites Web dynamiques. Profitez-en et téléchargez ce produit !