• 70 Expert Ideas For Better CSS Coding by Smashing Magazine
• CSS Tips and Tricks by Roger Johansson
• (The Only) Ten Things To Know About CSS by John Manoogian
• CSS Crib Sheet by Dave Shea
• My Top Ten CSS Tricks [CSS Tutorials] by Trenton Moss
• CSS Tips by Philipp Lenssen
• Top CSS Tips by Jonathan Snook
• Ten CSS tricks — corrected and improved by Tantek Çelik
• Ten More CSS Trick you may now know by Trenton Moss
• CSS techniques I use all the time by Christian Montoya
• CSS Tip Flags by Douglas Bowman
• My 5 CSS Tips by Mike Rundle
• 5 Steps to CSS Heaven by Ping Mag
• Handy CSS by Lachlan Hunt
• Erratic Wisdom: 5 Tips for Organizing Your CSS by Thame Fadial
• 15 CSS Properties You Probably Never Use (but perhaps should) by SeoMoz
• 10 CSS Tips You Might Not Have Known About by Christopher Scott
• A List Apart: Articles: 12 Lessons for Those Afraid of CSS and Standards by Ben Henick
• Tips for a better design review process by D. Keith Robinson
• 20 pro tips - .net magazine by Jason Arber
• CSS Best Practices by Richard K Miller
• 10 Quick Tips for an Easier CSS Life by Paul Ob
• 10 CSS Tips from a Professional CSS Front-End Architect by 72 DPI in the shade team blog
• Web Design References: Cascading Style Sheets by Laura Carlson
• Getting Into Good Coding Habits by Adrian Senior

1. CSS font shorthand rule

When styling fonts with CSS you may be doing this:

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

There’s no need though as you can use this CSS shorthand property:

font: bold italic small-caps 1em/1.5em verdana,sans-serif

Read the rest of this entry »

Open config.php file (Under application/config folder) and change the following line

$config['base_url'] = “”;

to

$config['base_url'] = “http://localhost/cimenu”; //here cimenu is the folder where all the files of CodeIgniter is

Now open autoload.php file (Under application/config folder) and change the following line

$autoload['helper'] = array();

to

$autoload['helper'] = array(’url’, ‘form’);

Now create a folder named menu under cimenu(This is the project name) folder, that is, in your root folder. Now put all the files of the external menu to the menu folder under cimenu.

Lets create a php file and name it mymenu.php under application/controller folder and write the following code: Read the rest of this entry »

1) Box Modle By W3C
http://www.w3.org/TR/css3-box/
http://www.w3.org/TR/REC-CSS2/box.html

2) The Box Model
http://www.ilovejackdaniels.com/css/box-model/

3) Make better Web pages by understanding the CSS box model
http://articles.techrepublic.com.com/5100-10878_11-6105783.html

4) Basic Box Model
http://redmelon.net/tstme/box_model/

5) Box Model Hack
http://tantek.com/CSS/Examples/boxmodelhack.html Read the rest of this entry »

ONE: “When styling fonts with CSS you may be doing this:

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif;

There’s no need though as you can use this CSS shorthand property:

font: bold italic small-caps 1em/1.5em verdana,sans-serif;

Much better! Just a few of words of warning: This CSS shorthand version will only work if you’re specifying both the font-size and the font-family. The font-family command must always be at the very end of this shorthand command, and font-size must come directly before this. Also, if you don’t specify the font-weight, font-style, or font-variant then these values will automatically default to a value of normal, so do bear this in mind too.” Read the rest of this entry »

1) Liquid layouts the easy way
http://www.maxdesign.com.au/presentation/liquid/#definitions

2) Colored boxes - one method of building full CSS layouts
http://www.maxdesign.com.au/presentation/process/

3) CSS Centering - fun for all!
http://www.maxdesign.com.au/presentation/center/

4) Sample CSS Page Layouts
http://www.maxdesign.com.au/presentation/page_layouts/

5) Environmental Style
http://realworldstyle.com/environmental_style.html

1) Some definitions
http://css.maxdesign.com.au/floatutorial/definitions.htm

2) Float basics
http://css.maxdesign.com.au/floatutorial/introduction.htm

3) Position is Everything
http://www.positioniseverything.net/

4) IE6 Peekaboo Bug
http://www.positioniseverything.net/explorer/peekaboo.html