Simon's profileRamblings of a GoogleCod...BlogLists Tools Help

Blog


    November 08

    Pet Peeve: Code Formatting in Feed Aggregators

    I love reading other people's blogs. I love reading code in other peoples blogs. I especially love reading code in Scott Hanselman's blog because he routinely finds interesting code that makes us all just a little bit smarter after we read it. Avid bloggers like ScottH and Jeff and ScottGu are very particular about their article formats and display layouts... and this is a good thing. The visual presentation of an article is as important to readability as is writing style and information.

    But all the nifty CSS and HTML layout tricks fall flat on their face when your audience uses a feed aggregator to read your stuff. Personally, I'm a Google advocate and use Google Reader. It's a great way to get all your stuff in one place, in one interface, tagged together in one cloud. Very useful for managing the internet firehose that is spewing gigagallons of information at you on any given day.

    But Google Reader (and others) tend to be rather limited in the way they render complex visual layout... oh, say, like syntax-highlighted source code. Doh!

    Here's a couple of examples (click the pictures to see larger versions):

    Scott Hanselman's blog is probably the most egregious offender. While his blog site displays the syntax-highlighted code nicely is tan blocks...

    image

    ... Google Reader takes all this code text, strips all color formatting and renders it on a single line. Utterly useless.

     image

    ScottGu solves this problem by embedding raster images of source code in his articles. Very readable on both his site...

    image

    ... and in Google Reader.

     image

    But it is so very NOT useful when I want to copy code from his articles.

    K. Scott Allen seems to have found the correct balance. He manages to keep both his site's view...

    image

    ... and Google's view in fairly close agreement, and I can still plagiarize when I want to :)

     image

    Comments

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Trackbacks

    The trackback URL for this entry is:
    http://googlecoder.spaces.live.com/blog/cns!F480D16FE93F33AB!250.trak
    Weblogs that reference this entry
    • None