Archive for the 'Web' Category

New project up on the main site

Saturday, March 28th, 2009

I just added another project to my projects page. It’s the Control Panel I’ve been developing for SherWeb in the past few months.

It’s been deployed for all our clients since tuesday, and it been a roller coaster of a ride since then. There were a bunch of features that hadn’t been properly tested, some because we simply didn’t have the time, others because only a huge number of users could find in such a short time.

I basically spent the entire week identifying, fixing and publishing bug fixes. It was a pretty entertaining experience. Lots of pressure, but in general, the new Control Panel was very stable. I expected more errors with the large number of users we’re supporting. It’s faster and easier to navigate than the original Control Panel.

I want to give props to my colleague Marc — I wish I could link him, but he has no site — for being as awesome as he is and for helping me out with tasks and bug fixes on this project. He’s a life saver and one of the greatest guys I know.

A good word for Jonathan. I copied loads of code from the original Control Panel’s code, and he developed most of it. Good job!

All in all, I’m very proud of this product. It’s stable, reliable, fast(er) and safe. I really enjoy working for SherWeb. There’s always a new challenge ahead while it remains the domain of Web development, which is what I love.

Posted in CSS, HTML, Programming, Work, asp.NET, asp.NET MVC | No Comments »

CSS fluid layout with sidebar

Monday, May 19th, 2008

So it seems that a lot of people are trying to achieve this. More and more people are becoming aware of CSS and its awesomeness and I think it’s about time. We’re not in 1996 anymore.

Then, getting a nice horizontally fluid layout isn’t very easy for most. If you try pixel widths, you can’t make it fluid, if you use percentages, borders start to mess things up and it’s not sharp enough.

I’ve found this solution on the internet, though I can’t remember where.

Here is the html:

<body>
    <div id="sidebar">
        Your sidebar here, menu, whatever
    </div>
    <div id="content">
        Your content, headers, all kinds of fun.
    </div>
    <div id="footer">
        footer text.
    </div>
</body>

And here is the CSS:

#sidebar
    {
     width: 250px; /* whatever width you want in pixels or % */
     float: left;
    }
#content
    {
     margin-left: 250px; /* same as the #sidebar width or more if you want space */
    }

And there you have it. You can mess around with width and all that. You just have to make sure that your next div (#footer) is cleared on both sides (clear: both;) or your content might be over the next divs.

So that’s it. Now you only have to have designer talents and you can build awesome sites with sidebars. You can easily add a sidebar on the right with the same method, but floating your div on the right. My sidebar is currently working that way, you can look at the code.

Have fun with it.

Posted in CSS, Web, XHTML | 1 Comment »