Total lessons: 28
With the trend of flat design I've decided to extend a previous tutorial of How To Style A Checkbox With CSS with two extra code snippets of styling checkboxes with a flat design. The first checkbox w...
When Twitter announced that they will shutting down the API V1 people have been switching over their applications to use the new API. All calls to the API have now been changed to be authenticated, wh...
Checkboxes is a HTML element that is possibly used on every website, but most people don't style them so they look the same as on every other site. Why not make your site look different by styling you...
A polaroid picture is an iconic image of how pictures used to be. It is strange to see them on a computer but they are also a great way to display images. The images are placed on a white background w...
img{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0....
With some of the new graphical features you see in CSS3 it can start to add more and more effects to your HTML elements the same way you used to have to use photoshop to do. Things like box shadow and...
On some CMS systems it allows users to directly edit content on the page so that they can preview the change immediately on screen. The way they do this is with Javascript to change any selected parag...
I've recently just found this interesting CSS property that allows you to style any element you want as a browser default element. Each browser has there own default styling for the standard HTML elem...
In a previous article I wrote about how you can change the browser selection colour when you highlight text in your browser. All you need to do is use a CSS selector class of ::selection and define th...
In this tutorial we are going to look at how we can use CSS transitions to make it look like a button is 3D when you push it. For this we use the box-shadow property which starts off with a high value...
There is a very well known technique in web design to hide text on the page by adding a text-indent CSS property of -9999px. This moves the text off the page out of the view of the visitor, you will h...
In this tutorial we are going to look at some of the new CSS3 features for dealing with text colours. If you have used CSS background gradients before then you will know how you can add gradients to t...
In this tutorial we are going to learn how to use the CSS box shadow property to create different effects with just CSS. Below is an image created in photoshop of different box shadows effects. These...
In today's tutorial we are going to learn how we can make it easy for your visitors to always have access to the main links on your site by creating a fixed position main navigation. But what we are g...
Since CSS3 you can actually define CSS styles by using the elements attributes, so I can look for input text box by setting the CSS. input[type=text] On links you use the attribute href to define wh...