Skip to content

Fix a DIV to the top of a page with CSS

G7th February 2014 

CNo comments

Use pure CSS to position a DIV at the top of a web page so that when users scroll down, the DIV will remain visible at the top.

Read the full story

Responsive images made easy

G17th January 2014 

C3 comments

In this era of ‘Responsive Web Design’ where websites need to function well on smartphones and tablets as well as desktop computers, finding a solution for a website’s images can be tricky.

Read the full story

Cross-domain support for embeded @font-face fonts in Firefox and Internet Explorer

G13th October 2013 

C3 comments

A simple approach to getting cross-domain support for embedded @font-face fonts in Firefox and Internet Explorer.

Read the full story

Creating a pure CSS ‘Print Friendly’ page accessible via a hyperlink

G20th September 2013 

CNo comments

In this tutorial, I shall demonstrate how to create a ‘Print Friendly’ version of your website with pure CSS and how to employ a small piece of JavaScript to make it accessible via a single click.

Read the full story

Blog post thumnail

Simple CSS menu separators for navigation

G9th September 2013 

C1 comment

Use CSS to Insert an unobtrusive image or a symbol as a separator between unordered or ordered list items that function as a navigation menu.

Read the full story

Blog post thumnail

Getting started with Responsive Web Design

G9th April 2012 

C11 comments

This article provides new users with ten easy-to-follow steps for designing a website on Responsive Web Design principles from scratch. RWD may look complicated, but this article will make it easy for you.

Read the full story

Blog post thumnail

Create a clickable corner ribbon for your website

G22nd January 2012 

C3 comments

Using CSS and simple HTML, easily create a promotional “ribbon” in the corner of your website that will link to another page.

Read the full story

Blog post thumnail

Safely add any font to your website using CSS

G10th January 2012 

C6 comments

Using @font-face in CSS3, you can easily add any font to your website and be certain that all of your users will see your custom font.

Read the full story

Blog post thumnail

Conditional Comments in CSS for Internet Explorer

G25th September 2011 

C1 comment

Using conditional comments within cascading style sheets to target specific versions of Microsoft Internet Explorer.

Read the full story

Blog post thumnail

CSS Conditional Comments for Chrome and Safari

G23rd July 2011 

C3 comments

This nifty CSS hack will allow you to customise the layout of elements for Google Chrome and Apple Safari if they are only displaying correctly in Firefox and Internet Explorer.

Read the full story