Showing posts with label css. Show all posts
Showing posts with label css. Show all posts

CSS and clean HTML

While playing around with CSS, I have found that tagging content and page elements has taken on a whole new importance. Look at sites like the CSS Zen Garden to see just how powerful this concept is. A great little reference to help you get started with HTML layout can be found at http://css-tricks.com/examples/CleanCode/CleanCode.jpg.

He has much more content to explore that will give you tips & tricks to use with your CSS work.

Plethora of web links

Another good find: http://www.alvit.de/handbook/

This is a page with links to all sorts of web content and developer tools and widgets. Enjoy

Blog Hacks

I have several blogs and online "properties" that I maintain and I wanted to share styles and content among them. I also wanted to minimize redundancy. To that end I am collecting most of the customizations here, with pointers to more detail in some cases.
First off, I needed to share content among my sites so I needed a file host. GooglePages fit that bill very nicely and can be found over at http://googlepages.google.com.


Shared Lib Includes:

These go at the top of every page / template I use

<link href='http://jking.net.googlepages.com/sharedBlogStyleSheet.css' rel='stylesheet' type="'text/css'/">

<script src='http://jking.net.googlepages.com/sharedBlogJS.js' type='text/javascript'>

These two files hold the shared styles that I can then customize further in individual site files.

CSS Based Slider Menu

Thanks to Stu Nicholls, over at CSSPlay I got a jump on making vertical sliding menus for my site from a standard, compliant data definition list. I was looking for a good way to make a menu that did not fly all over and was simple to use, while being compliant with existing standards. I took what he had as my foundation and modified it slightly for my use. You can check it out on my main site.

Attach an icon to anything

Through the magic of CSS, we can do so much more then ever before with web pages. One of my favorite recent tips is the ability to attach icons to links (or really anything) based on custom attributes. Rather then re-write the whole article, I am linking it here: http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS.


Try it out and be amazed. The tip works on all new (2007) browsers but will degrade gracefully for older systems. They will simply not see the icons.