Open Designs

Open Designs Forum » Site News

1. wundertype.de
   Member

   I client asked for a few changes on an existing website. What's the best way to do it? No Javascript. Or is it better to not take the job ;-)

   Posted 2 years ago #

2. willwood
   Member

   I would agree - avoid Javascript. Even the smallest scripts add significant weight to pages and I'm yet to find a Javascript solution that offers true cross browser compatibility and valid CSS/HTML code.

   My method is to create a HTML divider (a block element) and use CSS to give it a relative position. Then nest four dividers inside, each with a unique selector. Each one of these dividers forms a corner and is given an absolute position using CSS again. Search Google for a "rounded corners generator" and use that to make your images for each corner. Set the images using CSS.

   IMO, images are still be best method for making rounded corners. They are safe and load much quicker than 50+ KB of Javascript.

   Posted 2 years ago #

3. wundertype.de
   Member

   Thanks Willwood, I'd like to come back to the forum later and ask for a public domain HTML4 template as soon as the project is confirmed and I have the final colour concept and number of colums.

   Posted 2 years ago #

4. uberlemurguy
   Moderator

   css is the best way (everything but ie, but IE users don't care anyway....). You have to use all these for cross-browser support:
   -moz-border-radius
   -o-border-radius
   -webkit-border-radius
   border-radius

   Posted 2 years ago #

RSS feed for this topic