People & Business Development on HTML5 Gallery

My latest web project, People & Business Development, has recently been selected by HTML5 Gallery, a website that showcases exemplary HTML5 websites with the objective that their implementations serve as a reference for web developers. It also features a dedicated page with the description, rating and suggestions of improvements so that webmasters of the showcased websites can perfect their creations.

HTML5 Gallery being a popular website, the impact on People & Business Development’s visits has been dramatic, as well as its ranking in Google (ended up at the 2nd place for some keywords).

Think I’ll put some interest in CSS galleries too

[FR] Site Web : People & Business Development

Mon nouveau projet, réalisé en tant que freelance et en collaboration avec le graphiste Quentin Flamant, est le site web pour la société People & Business Development. L’objectif principal est d’assurer une présence en ligne de cette dernière, y compris dans les réseaux sociaux (tels que Twitter, Facebook et LinkedIn), afin de présenter son activité et ses services. Le surf sur mobile étant une tendance en vogue, une version optimisée pour l’iPhone et l’iPod touch a également été développée.

Présentation de la société

Actif depuis une dizaine d’années, People & Business Development est un bureau spécialisé en coaching, en formation et en conseil pour optimiser le potentiel humain des organisations et, en conséquence, le chiffre d’affaires. Leur liste de clients comporte des noms tels que Alstom, la Commission Européenne, Delta Lloyd Life, Securitas ou encore Gefco.

Le site web

Le site a été développé en ASP.NET et utilise jQuery comme librairie javascript ainsi que jQuery UI pour les composants graphiques. Des propriétés CSS 3 ont été utilisées pour embellir le site dans les navigateurs modernes sans affecter le rendu dans les navigateurs plus anciens via le mécanisme de dégradation gracieuse. En ce qui concerne le respect des standards du Web, chaque page du site passe la validation W3C XHTML 1.0 Strict.

La version iPhone et iPod touch

Ci-dessous, des captures d’écran de la version dédiée à l’iPhone et l’iPod touch. On notera notamment la détection de l’orientation permettant une lecture plus aisée de longs paragraphes de texte ainsi que l’intégration au menu de l’iPhone et l’iPod touch, permettant un accès direct au site web.

Cliquez pour agrandir

Cliquez pour agrandir

Conclusion

L’objectif de ce post, outre l’aspect publicitaire, est de présenter une application concrète de bon nombre de mes précédents posts, incluant :

• Why you should use a CDN for your website ?
• W3C : Validate green in XHTML strict with ASP.NET
• A standards-compliant alternative to target=”_blank”
• The IE nested lists whitespace bug
• Custom paging in ASP.NET with ListView & DataPager
• Implementing the Bing API in a ASP.NET website (part 1)
• Implementing the Bing API in a ASP.NET website (part 2)
• Writing a clean CSS
• Website referencing & management

Bonne visite !

[FR] Livre : Visibilité sur le web

Visibilité sur le Web (dans sa version anglaise Search Engine Visibility) est un ouvrage de Shari Thurow, reconnue mondialement comme une experte du SEO. Au travers de celui-ci, elle nous enseigne les bonnes pratiques à suivre pour optimiser le référencement naturel d’un site web. Les sujets couverts vont du fonctionnement des robots d’indexation des moteurs de recherche à l’optimisation des pages web, en passant par l’optimisation des images, des fichiers multimédia, etc. Bon nombre de mythes sont également discutés et démystifiés. Pour finir, un chapitre traîte des mauvaises pratiques et les pièges à éviter dans le cadre d’une campagne de référencement.

Les +

• Un livre écrit par une personne de référence dans le domaine
• Très instructif et très bien construit
• Couvre bon nombre de sujets du SEO

Les -

• Pas un inconvénient mais plutôt une remarque : ce livre ne rentre pas profondément dans les détails techniques (pas de chapitres traitant d’alternatives d’implémentation, absence de bouts de code)

Conclusion

Un très bon livre qui constitue une excellente entrée en la matière. Cependant, le domaine du SEO étant très vaste, d’autres lectures plus techniques seront nécessaires à ceux désirant approfondir le sujet.

ReMIX 09 @ Brussels : Summary

This last 29th of September was organized at Kinepolis Brussels the 2009 edition of the ReMIX, which is a one-day summary of the MIX edition (held last March in Las Vegas).

Two session tracks were available : the Web developer track and User Experience (UX) track. But before this, an introduction was given by some well-known people of Microsoft belgium.

Introduction

By Luc Van de Velde, Katrien De Graeve, Gill Cleeren, …

Here are some key points of the presentation :

• A demo of the Microsoft Web Platform Installer by Katrien De Grave. More info on her blog post about it
• Demos of Silverlight 3 new features : smooth streaming, rich media capabilities, SEO & deep linking, improved performance, …
• Zendster, the first belgian web hoster to provide smooth streaming for Silverlight
• Companies (such as Elia) performing demos about their Silverlight apps for critical, line-of-business applications
• A demo of SketchFlow by Arturo Toledo
• Interviews of companies reflecting the important shift towards UX, which is given more and more importance
• VTM news (a dutch television company) is using Surface, manipulating a newspaper as a support for presenting news but also to present election results
  
  
• A demo of the Surface application of Belgian Beer Cafe, featuring a wonderful background simulating beer liquid and providing infos about the beers you put on the table. Check out the video below :
  
• The launch of WebsiteSpark, an Microsoft initiative for providing training, free licences for small companies, etc

Session #1 : Prototyping with Sketchflow

User Experience (UX) track
By Arturo Toledo

• No slides, live demo of prototyping an app using SketchFlow
• More than a mockup tool, SketchFlow allows you to make it behave a real app (and used as is)
• Effects, such as transitions, can directly be set easily in SketchFlow. No need to code to get everything working (although you can write some if you want to fine-tune some stuff)
• The user (typically the customer) can test his app mockup as it’s a classic Silverlight application
• Comments can be drawn on the mockups or feedback can be written in a column next to the mockup screens
  
  
• The flow of the application can be designed visually, creating transitions by linking nodes representing pages
  
  
• The creation of datasources is very easy in SketchFlow. Indeed, in a typical mockup, you need to create dummy data (lorem ipsum for texts, fake names or numbers for forms or grids, etc). Such data can be autogenerated by defining the type of data we want (ex: price, date, text, …), which is a great save of time

Session #2 : Building Amazing Business Applications with Silverlight and RIA Services

Web developer track
By Brad Abrams

According to Brad Abrams, the must-haves for a great app is :

1. Professional feel
2. Rich data query
3. Validating data update
4. Authentication
5. Different views (of the same data)

• A little Silverlight application was built in a RAD fashion using Entity Framework, featuring a GridView, a form to add/update/edit values and Regex attributes on the properties (code behind) for validations
• A SiteMap of the app was provided in Robots.txt for indexing by search engines. Different views (html pages) were provided for search engines bots to parse the content of the application

Session #3 : Creating Silverlight Experiences with Blend 3

User Experience (UX) track
By Arturo Toledo

• An Adobe Illustrator file was imported in Expression Design (a character in a spaceship)
• Showed then how to build a custom control (a button with glossy effects, mouseover growing animation effect without coding, …)
• Custom button fires an event, starting a storyboard to make the spaceship fly on the screen
• Timeline manipulations are performed to make the spaceship make a U-turn before flying back to its original position

Session #4 : ASP.NET MVC Wisdom : building a real-world app in 60′

Web developer track
By Maarten Balliauw

This session covered the following points in ASP.NET MVC :

• Validation
• Templated helpers
• Security
• Routing

Slides of the presentation are available below and source code here

Conclusion

A very interesting event as you can tell, providing lots of news, demos and other stuff about RIA development in general. See you next year

In bulk #3

• A great tutorial about vertical centering in CSS
• An interesting article about the “em” unit in CSS
• jQuery for designers, an interesting resource about jQuery, oriented to UI
• ProcessingJS, the John Resig (author of jQuery) project about porting the Processing language to Javascript
• UseIt.com, the website of Jakob Nielsen’s, a very famous expert about web usability
• A very interesting article recommended by Steve Krug about web accessibility and how blind users really use the web
• Script#, a free tool enabling you to compile C# code into regular JavaScript
• And to finish, an interesting article (in french) about SEO