-
Aston Villa Interview Piece - More details->Design Javascript Social Network Integration
-
Incremental Music - More details->Logo Design Bespoke Wordpress Design & Development Mailing List Media Player E-Commerce
-
Find My Tradesman - More details->Theme Redesign Bespoke Wordpress Development Geolocation functionality Bespoke Logo
-
The Animal Farm - More details->Web Design Wordpress Development Theme Options Bespoke Widgets
-
Esteban Music - More details->Web Design Wordpress Development Social Network Integration Data Capture Facebook Widget
The Navy Training Corps - More details->Web Design Wordpress Development Online Shop Unit Locator Admin Section
Lisa Charrington-Wilden - More details->Web Design Wordpress Development Bespoke "Custom Fields" Functionality Javascript Photo Gallery
Blog Friends - More details->Web Design Wordpress Multi User External Blog Aggregation Social Networking Functionality
CSS 3 Rounded Corners
For Christmas I received Handcrafted CSS by DAN CEDERHOLM. The book is all about “progressive enrichment”, which is refreshing and interesting. The first chapter deals with “what happens if?” which is all about designing and developing sites that will work no matter what happens. The second chapter deals with rounded corners. This is something that can be interpreted by Mozilla and Webkit browsers.
To use in Mozilla based browsers the following code is used -
-moz-border-radius: 8px;
And for webkit based browsers (Safari etc) -
-webkit-border-radius: 8px;
Eventually CSS 3 properties will be finalised and all (although you can expect problems with ie) browsers will support it. The sytax will probably be -
border-radius: 8px;
See the proposed recommendations for background and border properties in CSS 3 here.
I have already started using border radius properties for a site I recently developed for a band called Esteban. Check out the Esteban site here. The site is a module based site (various boxes all over the front page with all sorts of social networking and interesting links, items and posts) and it is a nice touch to have the modules rounded where available.
Obviously browsers that don’t yet support border radius will simply ignore the properties and render square border corners. Of course there are numerous ways to implement rounded corners with javascript and cleverly placed images etc but that’s a whole different post.
For now i am happy with using rounded corners where available whilst also including the border-radius property for the future.
What do you think about using CSS 3 before it is properly implemented in all browsers?
No Comments Yet
You can be the first to comment!
Leave a comment