Blog Category CSS

Fonts with CSS @font-face Rule
The CSS @font-face rule allows web developers to use any font to display text on a webpage. By using the @font-face rule you’ll no longer be restricted to using the limited amount of fonts that are available on the users computer.

Style Placeholder Text
The placeholder attribute was introduced with HTML5 to offer the user the ability to show text in an input field, when the user clicks on the input field and starts typing the text disappears so that you can enter what you need. Here we will show you how you can style the text displayed by […]

CSS Accordion
One great thing about CSS is the ability to create great looking designs for your websites and with CSS3 you can write code that does not require javascript (as long as you have the latest web browsers!). In this tutorial we will show you how to design a CSS Accordion without the need of javascript, […]

CSS Tooltips
Have you ever wanted to create toolips with just CSS code? Like many people the answer is yes. In this tutorial we will go through the process and show you exactly how this can be done without using any javascript or images, only pure CSS code. Firstly let’s explain what a tooltip is: A tooltip […]

CSS Notification Boxes
Today we are going to look at the design of CSS Notification Boxes. Notification or Alert Boxes are a great way to inform the user of a variety of messages, such as: error messages, success messages, warning messages and general notification. A great example for using these notification boxes would be for user registrations for […]

Do I Need a CSS Reset?
Lately, I’ve been getting quite a few emails asking me if they should include a CSS reset stylesheet in their projects. Basically each time I answer these emails, my response is always yes. Not everyone thinks it is necessary to include a reset stylesheet, but I find it can’t hurt by including one. So people […]

CSS Color Formats
CSS offers you a variety of ways to specify the color you want for an element, such as: font color, borders, backgrounds etc. Plus with CSS3 you can also specify an opacity level for your colors, when using the RGBA or HSLA color format, more on this later.

CSS Pseudo Elements
In this article we are going to have a look at css pseudo elements, more to the point we will be looking at pseudo elements found in CSS2.1 and CSS3. I will be writing another blog which will focus on pseudo classes that are included with CSS at another time.

CSS Shorthand Properties
One of the many great features of CSS is that you can use shorthand properties to reduce the file size of your CSS. By reducing the file size, you cut down on bandwidth and most importantly you increase the speed of your website loading times. Although both of these reasons are very minor, every bit of […]

Welcome to our new site design
I have been operating this site for approx. 6 years and thought it was time for a new site design. The new layout was chosen to create a more simple and elegant look. Along with the new theme, we have also decided to add a blog to the website, which (hopefully) will be updated on […]