I’ve come across a few techniques and tips in my career, while working at my last gig a co-worker pointed me to this technique. I believe this was originally discovered by the legendary Eric Meyer, but I couldn’t find much documentation about it on the web so I thought I would describe it here.
Demo
How it works
Few people realize when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large, the ones above are 20px. To demonstrate here is a div with all sides colored.
Post credit : http://www.dinnermint.org/css/creating-triangles-in-css/
CSS Templates and Layouts
- A collection of 40 CSS layouts based on the same markup and ready for download! – blog.html.it
- CSS Layouts – layouts.ironmyers.com
- CSS Templates – free-css-templates.co.uk
- The Web’s CSS Site – cssvault.com
- CSS Stars -cssstars.com
- Open Source Web Design – Download free web design templates – oswd.org
- Dynamic Drive CSS Layouts- Tableless, CSS based templates – dynamicdrive.com
- Free CSS Templates – free-css-templates.com
- Free Design Templates – smashingmagazine.com
- Free Website Templates – andreasviklund.com
- CSS Design Gallery – didloo.com
- Free Website Templates, Free Web Templates, Photoshop Layouts – freshtemplates.com
- Free XHTML/CSS Website Templates – templateworld.com
- Nice and Free CSS Templates – mycelly.com
- Open Design Community – opendesigns.org
- The CSS Tinderbox – csstinderbox.raykonline.com
- The only CSS layout you need(?) Strictly CSS – strictlycss.com
Read the rest of this entry »
Color Codes
GET SOURCE THE FILE
What We Are Going to Build
This is what our page is going to look like when finished:

Pretty much your every day blog design. Header with title, horizontal navigation, content area with comments and form, sidebar and a footer. Nothing too special. Let’s get building. Read the rest of this entry »


















5