Thibaut Van Spaandonck’s blog

Some stuff about the web and .NET development
RSS icon Email icon Home icon
  • [FR] Livre : Visibilité sur le web

    Posted on January 30th, 2010 Thibaut No comments
    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 -

    • Manque de technicité (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.

    Share/Save/Bookmark

  • [FR] DotNetHub, le UserGroup .NET/Agile francophone

    Posted on January 17th, 2010 Thibaut No comments

    DotNetHub

    DotNetHub, le tout nouveau UserGroup francophone en Belgique, est le résultat du projet initié par 3 de mes collègues (Pierre-Emmanuel Dautreppe, Norman Deschauwer et Thierry Thoua) en association avec d’autres professionnels de l’informatique. Le but de ce dernier est double :

    • Pallier l’absence de UserGroups francophones en Belgique. Le premier UserGroup belge, VISUG, se rapprochant toujours plus de la partie nord du pays, l’initiative est plus que la bienvenue
    • Proposer en plus d’un pôle technologique (.NET) un pôle méthodologique consacré à l’agilité (Scrum, XP, …) par l’organisation de dojos, entre autres

    Pour la première session, DotNetHub aura le plaisir d’accueillir Peli De Halleux, un petit belge travaillant désormais pour Microsoft à Redmond. Il vous présentera Pex, Moles & Stubs, des outils de tests unitaires pour .NET.

    Pour plus d’infos sur la session, c’est par ici. Pour s’inscrire, cela se passe par là.

    Bonne session ;)

    Share/Save/Bookmark

  • [FR] Billets en français

    Posted on January 17th, 2010 Thibaut No comments

    Bonjour à tous,

    Il s’agit d’une première sur ce blog : un billet en français. Le but de ce dernier est d’annoncer que seront postés désormais des billets dans la langue de Molière.

    On oublie Shakespeare alors ?

    Non, pas du tout. Certains billets seront en anglais, d’autres en français. Les deux coexisteront désormais sur ce blog. Pour faire la distinction, les sujets des billets en français seront marqués par le tag [FR], comme c’est déjà le cas pour ce billet.

    Pourquoi cette séparation en 2 langues ?

    Simplement car je trouvais illogique de blogger à propos de choses typiquement francophones en anglais. Un excellent exemple à ce sujet est la revue du livre Réussir son site web en 60 fiches, réalisée en anglais pour des raisons de cohérence. De la même manière, des événements tels que des formations, séminaires, etc méritent d’être signalés dans la langue appropriée.

    Bonne lecture ;)

    Share/Save/Bookmark

  • Book review : DOM Scripting

    Posted on January 2nd, 2010 Thibaut No comments
    DOM Scripting This excellent book, which primarily targets a web designer audience, teaches you how to manipulate the DOM effectively but also other essential topics used in web development. Prior to reading this book, I already had a good knowledge of the DOM, so the technical aspect wasn’t what I learned the most from this book. And it’s also because the book won’t dig deep into technical aspects as the targetted audience is web designers (and not necessarily developers). An interesting consequence of this is that the author did an outstanding teaching work to make it easily understandable. But what you’ll learn is, according to me, way more useful than pure technical stuff : mastering concepts such as usable javascript, unobtrusive javascript and graceful degradation.

    Pros

    • Very well written and explained : technical concepts are vulgarised and examples are very relevant (mini websites using all the concepts that were teached).
    • Excellent course about the DOM and web development practices using Javascript.

    Cons

    • As the book was written primarily for web designers, it might leave some developers thirsty for more. But anyway, the more important stuff is in the book so that makes the deal. Just keep in mind that you won’t go in deep technical details in this book.

    Conclusion

    Another instant-classic book that will not only teach you the DOM very well, but also essential concepts such as usable javascript, unobtrusive javascript and graceful degradation. If you’re working in the web and those concepts are not familiar to you, this book is a must-have on your bookshelf ! But if you already have an advanced knowledge of these things, you might prefer to pick up another, more advanced book.

    Share/Save/Bookmark

  • Visug summary : Modeling that works with code

    Posted on November 15th, 2009 Thibaut No comments

    Visug

    Last Visug edition, animated by Marcel De Vries from InfoSupport, concerned modeling with Visual Studio 2010. Note before we start that all of this is only available in the ultimate edition of VS 2010.

    Overview

    • Why we use models
    • Models first approach
    • Code first approach
    • Conclusion

    1. Why we use models

    • Diagrams for communication
    • Diagram = viewpoint on a model
    • Model use is challenging because :
      • Many interpretations of the same diagram
      • UML available but people uses a few diagrams only (ex : use cases)
    • Models become stale because :
      • Implementation will be different from the model
      • Maintaining diagrams takes time & effort
    • Ultimate goal : run a model (Oslo vision), from a metamodel store (data repository)

    When to create a model ?

    • It’s about communication, so create only models that serve a purpose
    • Create only models that differ from the normal case

    Two approaches

    • Models first
    • Code first

    2. Models first approach

    Scenario : you start a project and need to define the solution you’re going to build

    • Requirements analysts : use activity diagrams & use cases to outline functionality
    • Architects : build logial diagrams to outline required architecture to meet customer demand stated in the requirements
    • Testers : use the diagrams to do its test analysis based on the specified requirements
    • Developers can use the diagrams done previously to materialize the projects

    => Models are used to communicate throughout the team about what we’re going to do

    In Visual Studio 2010 Ultimate Edition :

    • New project type : modeling project
    • Support for UML 2.X diagrams
    • Other new types of diagrams : Layered diagrams & DGML diagrams

    Diagrams can be generated from code. The speaker uses it to generate sequence diagrams for code reviews. Note that those diagrams are plain XML files but it’s recommended to manipulate them via the API (cause in a next version, maybe Microsoft is going to change the format).

    3. Code first approach

    Scenario : maintenance of existing projects.

    • Developer can generate diagrams to gain insights on code dependencies
    • Architect can find architecture patterns
    • Architecture explorer helps discover and understand how a system works

    Layer diagram

    • Used by the architect to define the architecture
    • Classes and namespaces are mapped to layers in the diagram
    • Details the intended design
    • Diagrams are very interesting to verify the architecture and enfoce it.
    • In VS2010, there’s a tool to validate the architecture. Ex : you draw 3 boxes (UI, BLL and DAL), you link (arrow link) the UI to the BLL and the BLL to the DAL, you drag/drop your projects into the correct box. You then click “validate architecture” and you get a report about what’s violating the dependencies defined by the arrows.
    • You can also use these diagrams to validate things such as code coverage in percentage for a given layer.

    DGML

    • Directed Graph Markup Language
    • Nodes
    • Containers
    • Links
    • Styles

    You can also create you own diagrams (Progression API). You code in C# the way you want to generate the diagram. Styles can also be defined. Ex : speaker coded a diagram with nodes that must appear green or red (styles) following the code coverage percentage. Can also be used to annotate existing diagrams.

    4. Conclusion

    • Models & diagrams primarily for communication
    • VS2010 supports both approaches : code 1st and models 1st
    • New innovations in models that work with code (DGML & layered diagrams)

    Also note that ScottGu is going to visit Visug in december so stay tuned ;)

    Share/Save/Bookmark

  • Book review : Guidelines for Online Success

    Posted on November 11th, 2009 Thibaut No comments
    Guidelines for online success Written by industry experts, this book is a collection of best practices for web application and website development. Divided into 6 chapters (Interface & design, Marketing & Communication, Technology & Programming, Technical advice, Content/Content management and E-commerce) and widely illustrated, “do” & “don’t” are discussed about many notions of web development. Anyway, this book doesn’t assumes his title at all as it’s more a collection of pictures of nice websites than practices to follow. Even worse, among the few practices we’re given, many of them are completely unuseful and even redundant.


    Pros

    • Full-color book
    • Very well crafted, original divisions into “tabbed” chapters with color schemes for each one of them


    Cons

    • Absolutely not a collection of “guidelines”, too few text and way too many pictures
    • Some “guidelines” are completely dumb, such as “don’t make ugly layouts” and “don’t hide your navigation”
    • Because the book is written by many people, some “guidelines” are redundant. I was told at least 5 times in the book that “my website should not take too long to load”

    Conclusion

    Absolutely not interesting about the “guidelines” aspect, but the book stills remains valuable if you’re using it like a “Web Design Index” for inspiration of best web productions.

    Share/Save/Bookmark

  • Visug : lightweight stubs & detours for .NET

    Posted on November 11th, 2009 Thibaut No comments


    Visug

    Peli De Halleux, a belgian guy now working at Microsoft Research (Redmond) came back in Belgium at the Visug to talk about the project he’s working on. Stubs, Moles and Pex form together a lightweight framework to test .NET applications.

    Stubs

    Stubs is a stubbing framework solely based on delegates. Various examples can be found here.

    Moles

    Here’s an example of what you can accomplish with Moles, allowing you to replace any .NET method :
    Moles

    Pex

    And here, a diagram showing at a high-level view how Pex works :

    Pex

    Pex is an automated whitebox testing tool for .NET. From your code and parameterized unit tests, test code is automatically generated in C# and test results can be seen in the “input/output table”.

    Project-related resources

    I could copy-paste the great description of the project off the official website… But I instead recommend to those of you who are interested in this to take a look at the following resources, explaining you what Stubs, Moles and Pex are all about in the details.

    Pex

    Have a nice reading ;)

    Share/Save/Bookmark

  • Book review : The Zen of CSS Design

    Posted on November 1st, 2009 Thibaut No comments
    The Zen of CSS design Almost every Web Developer knows the famous CSS Zen Garden, a project created by Web Designer Dave Shea aimed to encourage the use of standards-compliant CSS for a better web. Raw HTML was available to Web Designers who had to create some CSS that can completely change the layout of the website, thus underlying the power of semantical XHTML and best use of CSS. This full-color book, released following the CSS Zen Garden project success, is divided into 7 chapters : View Source, Design, Layout, Imagery, Typography, Special Effects and Reconstruction. Each of these ones teaches you best practices to CSS development (including cross-browser concerns in the details) but also to good Web Design in general.

    Pros

    • Awesome book, very instructive
    • A very interesting approach, based on the best submissions (Zen Garden project) to teach best practices and tricks of expert Web Designers
    • Cross-browser concerns are explained very well, into the details and an overview of the alternatives to cope with ‘em is given.
    • A very instructive course about Web Design (imagery, typography, layout, …)
    • All chapters based on real world projects and not on academical examples
    • The best and more complete book about Web Design I’ve read to date

    Cons

    • Not really a con, but this book is “medium to advanced” level, so good understanding of CSS is required before starting. Basics of CSS aren’t covered as the book immediately digs into the details, exceptions and advanced use of CSS

    Conclusion

    An instant-classic, awesome and very instructive book that every Web Designer must have on his/her bookshelf ! Finally note that you should have a good understanding of CSS prior to reading this book and have an interest in Web Design as some chapters such as “imagery” and “typography” are purely dedicated to this field.

    Share/Save/Bookmark

  • Visual Studio 2010 new logo & MSDN website refresh

    Posted on October 21st, 2009 Thibaut No comments
    VS2010 logo

    A new logo for Visual Studio (illustrated above) and the MSDN were recently introduced. I personally find ‘em pretty damn sweet : sober yet powerful. Also note that the MSDN has not just a new logo, but the whole website was refreshed at the same time, featuring new services. Details about this can be found on Scott Hanselman’s blog.

    Share/Save/Bookmark

  • Book review : Silverlight 3

    Posted on October 18th, 2009 Thibaut 1 comment
    Silverlight 3 book I’ve just finished reading Silverlight 3 - Programmer’s reference book, which is written by 5 people of Infragistics, one of the world leaders in user interface development tools. Among the authors, we can find Jason Beres who came at Visug talking about user experience (see related post here). This full-color book gives us an overview of what can be achieved using Silverlight 3. Interesting and very well crafted, this book targets as well a graphists audience as the developers one. Silverlight is very much about User Experience so if you’re not interested by the UI part of an app, you might want to pick up another, purely technical book. Also note that there are a lot of chapters, so various things are covered but not as deeply as you would wish sometimes.


    Pros

    • Written by a buch of experts in the field (guys from Infragistics)
    • Many aspects of Silverlight are covered, getting you started for writing nice apps
    • Not too long to read (460 pg, appendices excluded) which is a change compared to the ASP.NET book for example (almost 2 000 pg)
    • Full-color, which suits very well to the UI context of the book

    Cons

    • As many things are covered, you won’t have a comprehensive book on Silverlight here (there’s a chapter which is only 15 pg long)
    • Title of the book says Programmer’s reference but it ain’t because of its lack of depth

    Conclusion

    A nice book I enjoyed reading and that I would recommend if you’re not looking for the absolute bible for Silverlight 3. As I already said before on this blog, so many technologies are being released in a fast-paced fashion that it’s interesting to read some books with a “medium-depth” approach, making best use of your time.

    Share/Save/Bookmark