Hi there Best Rankers, thought I’d share a few CSS tips and tricks today.  I know, I know, CSS is one of those things hated by many developers who work server side… but is a modern web technology and does help to know a little bit about the subject, especially if you’re developing websites like we are!  I’ve actually grown to really like CSS and found it quite powerful when it comes to creating the front-facing, user end portion of websites.

Here are some nice tidbits of CSS that might help with your everyday coding:

CSS positioning

Positioning your divs is pretty important, if you can understand the difference between relative and absolute positioning then you are half way there.  Here’s a really nice example that explains the concept of CSS positioning pretty nicely:
http://www.barelyfitz.com/screencast/html-training/css/positioning/

Here’s a little more on page layout rules 
http://www.htmldog.com/guides/cssadvanced/layout/

Display Rules

Knowing the difference bewtween inline and block is key and has helped me out on several projects in the past
http://www.htmldog.com/guides/cssadvanced/display/

Specificity Rules

Specificity of css rules – you may not know this but CSS has a pecking order when it comes to deciding which rule takes precedence over another.  These rules are worth looking at:
http://www.htmldog.com/guides/cssadvanced/specificity/

Misc

And here’s a good comprehensive list of css rules
http://www.htmldog.com/reference/cssproperties/

Menu tutorial – Here’s a good example of creating an actual CSS based menu, good to know all of these rules in and out
http://www.webdesignerwall.com/tutorials/advanced-cssmenu/

OK and now back to my CSS… and non-CSS web dev work!

Comments

Your email will not be published. Required fields are marked *

There are no comments yet.

Other posts you will enjoy...

RelationEdge Announces the Acquisition of Main Path Marketing and Launch of a Full-Service Marketing Cloud Practice
Twitter Moments – Should They Be a Part of Your Social Media Strategy?
Developing a Plan for Social Live Video
4 Common Email Problems and How to Solve Them