Category: CSS

Categories

Introduction to CSS3 – Part 1: What Is It?
Articles / 6 May 2008

Introduction to CSS3 – Part 1: What Is It?

This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2. We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted.

10 CSS Form Examples
Articles / 12 Mar 2008

10 CSS Form Examples

Forms can be greatly enhanced with a touch of CSS, making them more usable and far more visually attractive. Follow some of the examples below and you’ll be creating stunning CSS forms in no time at all.

CSSEdit Tutorial: The Basics
Articles / 18 Jan 2008

CSSEdit Tutorial: The Basics

CSSEdit is, as the name implies, a CSS editor for the Mac. It has come on leaps and bounds in the latest version and is now one of the best apps available on the Mac for designers. CSSEdit is created by the great delopers over at MacRabbit, who are also responsible for DeskShade.

One of the strongest features of CSSEdit is the simple, easy to navigate and beautiful interface. Even people who have no experience in styling web pages can find their way around this amazing app and create some stunning web pages. In this tutorial we’re going to be looking at the interface and how to get the most out of it.

Search Forms in Safari
Articles / 9 Sep 2007

Search Forms in Safari

Search fields in SafariIt is remarkably simple to put this design feature in place on your site, and it can improve functionality greatly for those using a Mac. Whether Firefox and Internet Explorer will integrate this feature into their browsers in the future is unknown – although it is fairly unlikely.

10 CSS Table Examples
Articles / 30 Aug 2007

10 CSS Table Examples

Today we’re going to take a look at a selection of beautiful tables styled using CSS. These are sourced from a variety of different sites. If you’re interested in learning how to do this yourself, be sure to take a look at a few of our CSS tutorials!

Free CSS Layout Templates
Articles / 29 Aug 2007

Free CSS Layout Templates

Free CSS Layouts and TemplatesWhen designing a new website, having a template to work from can save a huge amount of time. We have a collection of 12 great CSS templates to base your design on, both fixed and fluid layouts. These free CSS templates are designed by Mitch Bryson, and provided for you with his permission.

10 Great CSS Star Raters
Articles / 2 Aug 2007

10 Great CSS Star Raters

People need a way to know what’s great and what isn’t on the web – so rating systems have been around for a long time. Here is a collection of 20 fantastic CSS star rating tools to integrate into your own website.

We’ve tried to include a star rating script for each blogging or coding platform out there.

Cross Browser Transparency
Articles / 18 Jul 2007

Cross Browser Transparency

There are many complicated methods to create transparency effects across the various browsers available (Firefox, Safari, Internet Explorer), but it can be simple to achieve this effect using a few CSS tricks. Albeit with a couple of limitations.

The Basics of Semantics
Accessibility / 16 Jul 2007

The Basics of Semantics

Semantics is a word which strikes fear into many a designer’s heart, but it need not be a difficult or complicated topic. It concerns meaningful expression, avoiding presentational markup and using appropriate and meaningful tags where possible.

Essentially, designing and writing HTML code in a semantic way is as simple as keeping your HTML concerned with the content of the page and not the layout. Some of the simple steps below will help you to ensure that you stay semantically pleasing to search engines, spiders and visitors

CSS Tabs Rollover Menu
Articles / 11 Jul 2007

CSS Tabs Rollover Menu

Using a tabbed rollover menu in the header of your website can add functionality, as well as making the navigation look good. Doing this in CSS means that you can use it to it’s greatest capacity, easily add or remove tabs and change the colour in different styles.

Pop Out CSS Menu
Articles / 11 Jul 2007

Pop Out CSS Menu

For websites with a complex hierarchy of navigation, using a pop out menu can allow you to easily find your way to what you want quickly. Using CSS to create one is a snap, and is easy to update.

Introduction to CSS
Articles / 5 Jun 2007

Introduction to CSS

For many people, Cascading Style Sheets (CSS) is a fairly alien topic. This tutorial helps to provide a comprehensive overview of CSS, allowing you to get started using it in your website.