Twitter Bootstrap

For a project at work I needed to standup a website that would become the basis of a suite of tools and turned to my old friend PHP. The initial scope was small so instead of using one of the many frameworks out there I wrote my own. The goal was to open source it – and I might still – because it was perfect for the small site yet was built on the MVC pattern. About the only features I included was the typical load helper, DB access, and error handling. The application ignited the imaginations of those using it and now it has morphed into something bigger. I have started refactoring the site to use the Zend Framework, but I also needed an admin area.

I am not a designer so one of the tasks that seems to drain my spirt is designing a layout. Don’t get me wrong. I am very opinionated about usability of a layout I just hate coding the layout. Then I stumbled on the Twitter Bootstrap project. If you have not seen this open source project from the Twitter team you really need to… especially if you are like me and hate building the UI. I won’t go into the particulars because U trust you can all read for yourself. The Bootstrap framework has some great documentation. It basically contains 90% of everything you would need for the majority of sites and is easy to use. Customization is not as easy, but as long as you understand CSS you should be fine.

So if you need a new layout for your site or application I suggest checking it out. If it isn’t perfect it will at least be a great spring board.

Back Coding

Well, I went about 2 weeks, maybe a little less, without spending the majority of my spare time coding. It wasn’t so much on purpose as it was a lack of time. That said, I have spent a good chunk of my free time this last week working on a couple of projects.

First was a redesign on katherinestone.net. Previously the site was a simple photoblog. We updated it so it could not only have a portfolio but also a blog for news about her work, and a store. I think it looks good and does an excellent job of showing off her images. The change was in part due to her first solo photography show which officially opens today.

Second was a redesign of angel-photography.com. The biggest reason behind the change was I wanted to not only get rid of the flash slideshow on the main page (I hate flash) but also update the site to HTML5/CSS3. I used jQuery to power the slideshow to ensure it was accesible on any computer or mobile device. The layout was slightly modified in the process to give it an updated look, but the majority of the content remains the same.

If you get a chance to check them out, let me know what you think.