I’ve written a fair few articles over the past year and thought it might be useful for any new subscribers and visitors to see a summary of the most useful ones. Below is a list of hints and tips which will be useful to anyone starting out in CSS and even the most seasoned professional in the industry may find a couple of things useful.
1. CSS Reset
A consistent starting point across all browsers is a great place to begin when working with HTML and CSS.
2. IE6 CSS Bugs and Fixes Explained
Internet Explorer 6 can be a pain for even experienced web developers but within this article, I explain the main bugs and how to solve these annoying little issues.
3. Block and Inline Elements Explained
It’s important when learning CSS that you understand how block and inline elements work. This guide takes you through the fundamental differences and explains how each can be manipulated with CSS.
4. 100% Height using CSS
This one is a problem that’s encountered quite frequently but once explained is quite a simple technique to achieve 100% height.
5. CSS Equal Height Columns
Creating equal height columns using CSS is tricky but using a background image trick known as faux coumns, it’s easily achievable.
6. CSS Fixed Footer
Another frequent problem is getting a footer to stick to the bottom of the browser window which isn’t dependant on content. This article explains how it’s done.
7. CSS Rounded Corners
Creating rounded corners is usually a tricky process creating lots of small rounded images to simulate a rounded corner. However, this article explains how it can be done by using just one small image.
8. CSS Image Replacement
A number of ways to replace some text with an image using CSS.
9. Float and Clear: A Comparison of CSS Clearing Techniques
Understanding how float’s and clearing float’s works is important in any modern web designers toolkit. This artice explains the fundamental basics of this layout technique.
10. Creating FAQs using a definition list
Definition lists are often overlooked by web designers but can sometimes be more useful than a simple unordered list.
Knowing your selectors and pseudo selectors doesn’t hurt either: http://kimblim.dk/csstest/ (sorry for the shameless plug, but I thought it was relevant…)
Pingback: Dave Woods - Freelance Web Designer UK » 10 CSS Tips Every Web … | Best Web Gallery
@kimblim – yeah that’s definitely worth knowing as well, I also find the CSS selectors section on CSS3.info quite useful as well http://www.css3.info/selectors-test/
Nice list. And I’m glad that I know all of this (what a relief)
Good post! Thanks!
Pingback: My Bad Attitude » 10 CSS Tips Every Web Developer Should Know
Pingback: Tips css « Proyecto F
Beautiful blog btw.
thanks for the tips.
Pingback: Fabulous friday link fest | Hi, Im Grace Smith
Pingback: links for 2009-03-06 - the sweetview blog
Pingback: links for 2009-03-07
Pingback: links for 2009-03-07 « pabloidz
Nice post, thanks…
Pingback: 10 dicas de css que todo Web Developer deve saber — Márcio Henrique Locatelli - Programação Web
all very good stuff dave – very useful. thanks….
Pingback: The Right Thing
Pingback: Great Happiness - Webdesign, Pixel Art, Tutoriaux et Liens utiles » 10 Astuces CSS
Pingback: Linkit 02.3. - 13.3. | Valontuoja
Pingback: Saturday Geek Links - 3/14/09 | Geeks with Tricks
This is truly an amazing list! Contains all important CSS aspects and tricks!
Wow. Epic Win. Legendary Article.
Pingback: Dave Woods CSS « EgonDev
Pingback: 網站製作學習誌 » [Web] 連結分享
Very nice list. Even beyond knowing your selectors, you need to know the difference between inline & block elements.
Pingback: Web In Review for March 5th 2009 | Madyson Designs
Pingback: Leer webdesign (800+ tutorials) | Edwin Duinkerken - Freelance webdeveloper en journalist
This is indeed a great article. CSS always plays a vital role in web design and it always gives you opportunity to make your website Google friendly. I have compiled few factors ‘why Google loves CSS’ that you can check at http://www.bestpsdtohtml.com/get-to-know-why-css-is-good-for-google/
Really good tips, thanks for share
Here are good code writing tips http://www.templatespoint.com/blog/2010/10/code-writing-tips/
Excellent tips! I think one should consider it when going to develop a site. It is a great way to develop an attractive website. I have read some articles about css from http://www.csswebstyles.com/category/articales/
Beautiful blog btw.
thanks for the tips.
Pingback: 10 CSS Tips Every Web Developer Should Know « turtle9
These are great tips. I have not seen all of these before
Great bit of info, using the curved borders on something im working on at the moment, thanks
Thanks i have some tips noted down. helped alot