Some stuff about Web and .NET development
RSS icon Email icon Home icon
  • Microsoft WebCamps Brussels - Summary

    Posted on January 30th, 2011 Thibaut 5 comments


    Last Monday was organized the Microsoft WebCamps event in Brussels. Dedicated to Web developers and UX designers, this one day event enables you to stay up-to-date with the latest stuff. Topics covered included HTML5, jQuery, ASP.NET MVC 3, … And I’m going to share some of my notes here.

    Opening keynote

    By Scott Hanselman

    • Presentation of WebMatrix and the Razor syntax. For “get it done” developers who want, for example, to install and configure a website powered by a CMS for some customer in only a few minutes
    • jQuery adoption is so big that Microsoft continues to invest into this library : jQuery UI will also be part of the .NET framework
    • Presentation of the new features of ASP.NET MVC 3. ScottGu has written some very interesting articles on the subject, be sure to check them out if you’re interested in MVC 3
    • NuGet is a very powerful package installer. With just a few commands, install nInject, Entity Framework, … Time to learn PowerShell has come ;)

    How about HTML5 today ?

    By Katrien De Graeve

    • Slides of the presentation
    • Use shims to use HTML5 today (the JS script to make IE recognize the new HTML5 tags)

      <!–[if lt IE 9]>

      <script src=””></script>


    • Use a reset CSS (typically to make some of the new elements display as blocks
    • Download HTML5 instellisense for Visual Studio
    • Use Ray Bango’s templates for Visual Studio
    • CSS3 : more control over color (RGBA, …), borders and shadows, fonts (use FontSquirrel to integrate custom fonts on your website)
    • Use IE9 developer tools (F12) to change the document mode (to IE8, IE7) to test against previous versions of browsers
    • Modernizr : great JS library enabling you to target specific browser functionality in your stylesheet, so you can take advantage of HTML5 and CSS3 while having a compatible site for older browsers
    • <video> tag : different codecs supported by browsers. Be sure to create multiple encodings of the same video (by using VLC Media Player for example) or provide a fallback in Flash or Silverlight.

      <video controls>

          <source src="foo.ogg" type="video/ogg">

          <source src="foo.mp4">

          <object/> <!– Silverlight or Flash –>


    • Canvas : drawing using JS. Example of application : Pirates love Daisies, a game written using Canvas.
      Pirates love daisies
    • Use Ai to Canvas to convert Adobe Illustrator files to a canvas compliant format
    • Canvas (bitmap) != SVG (vector)
    • General guidelines :
      • Use feature detection VS browser detection. For each new version, browsers implement more and more the HTML5 spec. So browser detection isn’t a good approach at all
      • Start using HTML5 now ! Don’t wait for the spec to be complete (you would still be waiting for the CSS2 spec to be complete then…)

    Come in as a jQuery zero, go out as a jQuery hero

    By Gill Cleeren

    • Intro of jQuery (selectors, plugins, …) : I’m not going to rewrite the complete course here, just google, the web contains loads of tutorials about that hot subject

    OData : open data for the web

    By Scott Hanselman

    And that’s it ! Have fun playing with that exciting stuff ;)


  • Book review : CSS3 for web designers

    Posted on January 13th, 2011 Thibaut 108 comments
    CSS3 for web designers CSS3 for web designers is the second book from A Book Apart, a new publishing company specializing in writing brief books on various web topics. All those books are about 100 pages long, laser focused, covering only essential topics. This book, written by CSS expert Dan Cederholm will teach you the essential topics of CSS3 that can already be used today. Covered topics include a presentation of CSS3 and the core properties already implemented by the majority of web browsers (border-radius, text-shadow, opacity, RGBA, …), transitions, hover-effects crafting based on the development of a mini-website, transforms (rotate, skew and translate), multiple backgrounds (including techniques such as parallax scrolling), forms enrichment (kickass buttons in pure CSS, pulsating glow effects on field inputs, CSS gradients and keyframe animations) and finally links to some of the best CSS3 resources on the web are provided.


    • Very brief book, making effective use of our time
    • Relevant decision to cover only a portion of CSS3, but in depth because it’s widely implemented by web browsers and thus usable today, instead of covering more topics that might even not be ratified by the W3C
    • Full color book


    • Quality of the book itself (cover paper) is pretty poor. The thinness of the paper makes it a book that gets easily damaged
    • Currently available only from A Book Apart. Took me 3 weeks to get it from NYC to Belgium


    Very interesting introduction to CSS3. Gives you what’s needed to know to improve the experience of your websites or web applications starting from today.