Having recently started our web development firm we are getting projects from quite a few acquaintances and our friends. One of our friends – Mr. Rohan Kamath is currently doing his MS in Computer Studies at Stanford University, California, USA. When he heard of our newly started firm, he gave us the job to design his personal web page which would allow him to display his various facets – he creates robots, does a lot of wildlife photography and has recently written a book on the birds of Standford.
Creating a website like this was fun as we wanted to keep the friendly look, that people have for personal websites, but also integrate it with a photo-gallery, video players, etc.
Do visit the website here : http://rohankamath.com
click here for Screenshots and additional information about the project.
Web Developers have always had trouble with dealing with websites and applications that have fixed heights, or heights that are’nt big enough to fill the complete screen. Since the websites / applications width wouldnt change, it would then leave a really not-so-awesome looking margin either on the top and bottom of the website , thus making it look really bad. The only method or option was to try and align the website dead center of the browser page, which would include centering it horizontally and (not so easily) vertically. Horizontally, almost all browsers supported the 0 auto rule, making that quite is. Vertically aligning a div, previously never easy. It involved, a lot of negative margins, absolute and relative positioning and what not. But now, its a bit easier. Here is a step by step guide on how to vertically and horizontally align a div.
A while back we had spoken about the “Golden Ratio” being used for a client site. Well, finally we decided to take the project online after the development of the website. The site is a fixed width website with 1000px x 618px as per the golden ratio & follows the minimalistic design.
We loved creating this website, as it looks really professional and comes with the handy image slideshow. Since the site is fixed width & height, it is also center aligned, both vertically and horizontally on all browsers.
Being a web developer throws in new challenges and certainly leads to getting to learn something that you have never explored before. Today also we came to learn something new & that got us to write this blog-post.
Our today’s client meeting was with a Architecture firm out of Pune and they wanted to develop a website with minimalistic design. They were very keen on keeping the matter to a minimum but to use something called as the Golden Rule for developing the website. After coming back from the meeting we started our study and found out some really interesting facts that we thought all developers & designers and for that matter people who really dont know web designing should no about. Though this blog post will stick to the basics of “Golden Rule”, we plan to write more as we start developing the project.
This would be our first blog post, and it wont be related to any products or services that we offer. We are working on a new project that wants us to have a simple image pop-up system like Lightbox. Recently CSS3 made available quite a few new psuedo classes. One of which grabbed our attention and we decided to use it for the site. It works really well in all modern browsers. A list of all psuedo classes can be found at http://csscreator.com/properties#Pseudo-classes