Random Website Treats » CSS http://www.websitetreats.com Fri, 30 Oct 2009 19:17:57 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 How to Code a Clean Portfolio Design http://www.websitetreats.com/css/how-to-code-a-clean-portfolio-design/ http://www.websitetreats.com/css/how-to-code-a-clean-portfolio-design/#comments Mon, 26 Oct 2009 17:41:52 +0000 Zach http://www.websitetreats.com/?p=495 This is another awesome tutorial – it’s just opens your eyes to how easy things can be, you just have to try it once! I’ve always wanted to know how to convert PSD to CSS and to make proper PSD templates but it just seems to baffle me. Now with this I really think I may try it – it could actually work out! In this tutorial we will start with the Photoshop file that was designed as part of the previous tutorial (which can be downloaded from Folio Focus), and we will work our way through the process of converting that design into a coded page. We’re also going to implement a jQuery slider, so the lead image will be part of a rotation rather than just a static image. Have fun with the tutorial!

]]> http://www.websitetreats.com/css/how-to-code-a-clean-portfolio-design/feed/ 17 Using Rounded Corners with CSS3 http://www.websitetreats.com/css/using-rounded-corners-with-css3/ http://www.websitetreats.com/css/using-rounded-corners-with-css3/#comments Mon, 26 Oct 2009 17:11:29 +0000 Zach http://www.websitetreats.com/?p=491 I just found this awesome article explaining how to create rounded corners with CSS3!  A few years back, rounded corners became one of the signature design elements of the Web 2.0 trend. Even though they started as a fad, rounded corners are more than simple eye candy. They also have a role in separating or grouping the sections of a page.

As CSS3 gets closer to becoming the new standard for mainstream design, the days of rounded corners through elaborate background images is fading. This means less headache and time spent working out alternatives for each browser. Make your rounded corners!

]]> http://www.websitetreats.com/css/using-rounded-corners-with-css3/feed/ 0