Phone and FAX

Tel: 0845 121 1194
Fax: 0845 121 1195

Archives:

  • August 2008
  • July 2008
  • May 2008
  • April 2008
  • March 2008
  • January 2007
  • December 2006
  • November 2006
  • October 2006
  • September 2006
  • July 2006
  • June 2006
  • Meta:

    » Login
    » RSS

    Categories:

  • CSS
  • Web Design
  • Css Font-Face - Src: url - May 2nd, 2008

    That’s right it is now an option in CSS that you don’t have to rely on your standard fonts that come pre installed. For a long time this has been a big drawback for web designers. If you wanted to use a fancy font or break from the norm and not use a standard font then you have always had to place your text in an image.

    Well from now on you won’t! As long as all your end users use Safari! So this doesn’t make a massive story because you are still limited but its progress, and it’s in the right direction.

    You can now use any font you like by specifying the source of the font in your Css file. If you use a non standard font then you can upload the font file to your server and in your CSS file specify its path just like you would with an image.

    First you need to define the font:

    1
    2
    3
    4
    5
    6
    7
    
    @font-face {
     
    font-family: spacial font;
     
    src: url(’special.otf);
     
    }

    You need to repeat this for any bold or other versions of the font you will use. Then you can use the font in your normal css statement:

    1
    2
    3
    4
    5
    
    p {
     
    font-family: Special,sans-serif; font-weight: normal;
     
    }

    Gary
    Web Designer

    Do You Understand CSS Colour Modes - April 16th, 2008

    Colours are an important factor in any website design but do you know the differences between the different css colour modes? Apparently many people do not so in this article I will outline the 3 main colour modes. It’s important to remember that these colour modes are the ones used in CSS2 and CSS3 and are supported by most browsers.

    RGB Mode

    RGB mode has been in use in css for some time and a typical rgb colour would look something like this, (255, 0, 0). This mode uses 256 steps for each of the primary colours and users can also include percentages to set the levels of colours. I find that this method is rather long winded compared to the two other colour modes. The other colour modes essentially simplify the colour picking process.

    Hexidecimal Mode

    This is probably the colour mode of choice for designers as it is easy to use. The colour black for example in hexadecimal mode would look like this #000000. The hexadecimal mode works by assigning two digits or letters for each colour (red, green and blue). The higher the digits then the brighter the colour will be. Many colour picking tools such as the one in Photoshop will give you colours in this mode as well as RGB.

    HTML Keyword Colour Mode

    This mode uses keywords. Designers can enter certain colours into the html code in order to assign a colour to an item. This mode is limited as HTML4 only include 16 colours. These include black, white, navy, maroon, teal, white, yellow etc. Most people don’t use this mode as it limits the colours and styles they can use. The design of a page is essentially limited.

    These are the standard colour modes that you will find in use today but in the future we may see the introduction of new colour modes. Maybe pre-defined gradients will come in to play.

    « Previous Next »