After a very long summer and many hours in a dimly lit basement I’m proud to say that the new Black Tie Ski Rentals website (version 3) has officially launched. Check it out at BlackTieSkis.com.
The site is by far the most important project I have done to date. It encompasses the 3rd iteration of a redesign lifecycle and was a time to really consolidate the branding and push out a new look and feel that not only reflected the company but synced all marketing and external facing media to a conclusive design.
It was very important to me make sure that this version of the website well surpassed their competition and to set a bar, both graphically and technically for others to follow. (more…)
Its seems that for all its amazing uses, and the huge supporting community behind it, certain very easy topics seem to be holding back the full power of css from the newer css adopters. Vertically and horizontally centering an element seems as if it should be very straight forward right? Wrong. Despite my years of CSS coding, I’ve never found an article or even a discussion of how to vertically and horizontally center an element consistently, and after hours of searching my frustrations were such that I decided to put some time into discovering the solution myself (shock horror!!).
It turns out that the actual solution is very easy and even the most elementary of browsers (say the IE’s of the world) understand it. All 100% standard to boot. Before going on though, the solution does work for a specific situation:
- You must know the width and height of the element your trying to vertically center
- You must have a larger box to contain it in (most of the time this can even be just the body).
Ok so lets look at some code. We need to start with a div and define its width and height:
#center_me {
width: 500px;
height: 350px;
}
Now lets add some positioning information:
#center_me {
width: 500px;
height: 350px;
top: 50%;
left: 50%;
}
That should be it right? Again wrong.
(more…)
