• Home
  • About Me
  • Musings
  • Programming
  • Open Source
  • Computers
  • Society
  • Books
  • Design
  • Movies
  • Posts in ‘Design’

    Cows and Bulls game

    Cows and Bulls is a small word building game, implemented in C# as a Windows Application. Feel free to download and play around with it. CowsNBulls is in its version 0.0.0.1 and in beta testing.

    The game began in the last bench of my college, MIT where we used to play this game. It was Barath Kumar, my friend who introduced this game to us. Thought of computerizing it and so here it is. 

    Download the game and do let me know your comments.

    Edit: For a web only version of the game, visit: www.raasukutty.net

    The web only version is developed using HTML, Javascript and jQuery. For all the developers out there, check out the source using view source.  All suggestions are welcome.

    Happy gaming!

    CSS Strip Day

    What happened to the design?

    To know more about why styles are disabled on this website visit the
    Annual CSS Naked Day
    website for more information.

    So www.raasukutty.com is stripped.

    DOCTYPE blues

    Yesterday I was working on the layout for a new site. I missed the DOCTYPE declaration in the HTML. The page had the main content included inside a div.

    Following is the CSS that I used.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    body {
          font-family: Georgia;
          font-size: 14px;
    }
    #main-content p{
          margin: 0;
          padding: 0;
          padding-bottom: 15px;
    }

    This worked perfectly and rendered well on Firefox and Chrome. But when I opened the same page in IE, the font was too large for all content inside the ‘main-content’ div. Also in order to center the page, I had used ‘margin: auto’ on the page container that encompasses all content in the body as below

    1
    2
    3
    4
    
    #page-container {
          width: 760px;
          margin: auto;
    }

    This too didn’t seem to work in IE as the content was left aligned instead of centered, but rendered ‘centered’ in Firefox and Chrome.
    Looking out for a solution on the net, I found that missing the DOCTYPE declaration was the cause for the issue. Here is the reason.

    Without the DOCTYPE declaration, the browser has rendered the page in quirks mode. Adding the DOCTYPE made the browser render the page following the rules set by the standard.

    So never forget your doctype declarations.

    Exploring Illustrator!

    I got to work with Adobe Illustrator today. And here is what I created. Illustrator has templates and tools, lots I should say. Getting my hands dirty with all the tools.

    Here is a sneak peek into my work.

    Raasukutty_Design

    It is a 1 MB file. Could take some time to load. Please bear.

    Logo for the site

    I have designed custom header for this blog . I have used my favourite color combination, red, black and white.