HTML & CSS Tutorials

CSS Custom Font-Face

On the request of my friends, this post will show you how to simply add your own font face to your website using CSS. This comes in handy when you want to display dynamic text on a webpage when the user does not have the font installed on their system. This is a very old CSS trick that is not used very much and is not even CSS3. It will work in all browsers but Internet Explorer. The reason being is that Internet Explorer uses a different font-face type. For this tutorial we will be using the “True Type” format for our fonts and has the “.ttf” file extension, you can download any True Type font and use it.

Get started on my tutorial by clicking the link below! It literally takes 10mins or less to learn!

View the Full Tutorial Here!

Share:
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter

HMTL5 Local Storage, Session Storage, and Client-side Database Tutorial by O’Reilly

This tutorial will take you through the new features of HTML5 involving client side storage, sessions and databases. The tutorial is based off creating a web app for the iPhone but will serve you the same purpose if you are looking for any web based platform. HTML5 is the future and its a good idea to make good use of this information ahead of time.

Click Here for the Tutorial

Share:
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter

Rounded Corners with CSS

Using DreamWeaver CS4 this video tutorial will teach you how to create rounded corners on webpages using CSS.

Click Here for the Tutorial

Share:
  • Digg
  • del.icio.us
  • Facebook
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter