New design: Temple Gate
Temple Gate is the name for this new design.
We wanted a very clean and simple layout for our blog that is easy for the eyes and that it gives a sense of tranquility; the design is inspired by Japanese temple gate, the support of CSS3 border radius in Opera 10.53 and IE 9 has made it easy to create a “kasagi” shape without having to create a background image.
Every web designer knows that simple and clean design can easily translates to dull and therefor lies the challenge to bring the design to life. We think we have struck a good balance: the random lotus images and the template gate-like header section bring layout to life and really gives us a tranquil feeling, now we need to work even harder to providing good content and Magento tutorial for our audiences.
This is not the first time we used CSS3 border radius in a web site project, as a matter of fact we have been doing that for years using browser specific prefixes, but the support of some CSS3 elements in latest version of Opera and IE 9 (still in beta) really excite us and this is the first time we have a closer look on how CSS3 border radius rendered in the browsers.
See the screen shots below, the bottom border radius effects are using 10px for bottom left and 30px for bottom right, it seems that the result in IE 9 preview and Opera 1.53 are the real rendering for CSS3 border radius yet the browser specific prefixes are not. The Firefox’s rendering is the result we wanted though.
Click on each thumb to see how each browser renders the CSS 3 border radius.
