loading comments

Getting ready for CSS3

This was a topic covered in episode 6 of the FS-Air podcast which I am part of (Episode will go out on Friday), and we all shared our views on the subject and the reason why we’re excited about it. Because the podcast has time a length limit which we generally stick to I didn’t include everything that im looking forward to in CSS3. (As we also covered other points so we generally spend the same time on each section) For anyone who is wondering what the hell CSS3 is, basically it is the new version of the CSS language.

Click here to read more…

loading comments

Creating a glassy non div navigation bar

Posted on: January 7, 2009 Categories: CSS, Menus/Navigation, Tutorials

I’ve been doing a big of changes to the header of James’ Blog and one of the main changes is the navigation, I’ve used a glassy effect to make them stand out but I’ve also noticed I’ve posted quite a few tutorials on creating a navigation bar, but in each of them I’ve used divs. But it’s time for change! In this tutorial however, no divs will be used, instead you will be forming a navigation bar using a unordered list. This tutorial will show you how to style and control lists in CSS, as well as showing you the valid ways of using lists and where to use them.

Click here to read more…

loading comments

Optimising CSS code

Posted on: September 19, 2008 Categories: CSS, Tutorials

When coding CSS there are many properties that you can optimise, doing this can also save time on defining attributes that can be optimised within on attribute in the first place, having this knowledge can help you with your CSS as well, saving space on your stylesheets and even in some cases speed up page loading times!

Click here to read more…

loading comments

Creating a website navigation bar with CSS

Posted on: September 7, 2008 Categories: CSS, Menus/Navigation, Tutorials

There are many ways to create a navigation bar, you can use a programs like Photoshop and then convert the image into code, but when I see people creating them in Photoshop I think why bother? When you can simply use CSS for the whole creation and code of it. Granted Photoshop can be used in other development tasks such as designing a full website template. But in this tutorial I will show you how to create a very clean navigation bar using CSS and nothing else (Well HTML too but CSS for the majority!)

Click here to read more…

loading comments

Common XHTML tags defined in CSS

To make your life alot easier you can define the common XHTML tags you use on your webpages within your Stylesheet, doing this can define a certain tag globally and you’ll never have to modify it within your XHTML again! In this tutorial we will show you the XHTML tags you can define in CSS! If your just getting into CSS then this will be perfect knowledge for you later on, as you may already be coding stuff in your XHTML pages when infact you could simply define it in one stylesheet and be done with it!

Click here to read more…

  1. 1
  2. 2
  3. 3
  4. 4