As I said in one of my previous posts, I’m super busy with a new project. More details on it will be up here soon.
I will give this away though, if you’re a photographer leave a comment on this post and I’ll get you an invite sent with more details when it’s ready.
Free stuff is always great, what’s better though is free stuff that you would normally have to pay for, and especially really useful stuff that you would normally have to pay for!
Well over at Sitepoint.com, they’re giving away a free photoshop book (as a download) that would usually cost $29.95!
So head on over and download your free ebook here!
If you’ve ever found yourself wanting to test your websites in older versions of internet explorer such as IE6, IE5, IE4 or even IE3 but couldn’t because you installed IE7 then I have the perfect program for you.
Multiple IE installs internet explorer from IE3 right up to IE6 (you can install IE7 yourself) in one go. You can then select which version of IE you want to use from the start menu!
Well I’ve been really busy lately working on a brand new site which is by far the biggest I’ve ever made!
So I thought I’d post this video up to show you what I get up to at work. The video gives details of the main project I’ve been working on for the last few months. It’s even just won the award for the best use of emerging technology at the North East Digital Awards!
(Also - I managed to hide while they were filming, so I’m not in the video :) )
As a side note, if you run a plumbing company or something similar, you might want to take a look at mobliq to see how it can help you.
One of the most important but overlooked aspects of a web design is the typography. The fonts you use and how you present those fonts can really make or break your website design. Thankfully you can use CSS to really make your fonts look great!
The first thing to learn when it comes to CSS fonts are the selectors and what each of them do. Here are the main font selectors and what they do:
font-family
This selects which font you want to use for your text. You can specify more than one font family, then if the browser cant find the font you use first it will move on to the next one and so on until it finds one it recognises.
font-size
As you might of guessed this defines the size of the font. You can define this as a pixel size (e.g. 12px), as a general size (e.g. large, small etc.).
font-style
The font style attribute defines extra styles to your font such as italic.
font-weight
The font weight sets the weight of the font. To define the weight of your font you can use words (such as normal, bold or bolder) or you can use values (e.g 100, 200, 300 etc.) the higher the values get the bolder the font will get.
These are the main font properties you will use. Now lets have a look at defining a font in CSS. We will add the font to an id called content. Basically this means that everything in the content div will be given the font style we define whilst everything outside the div will have a seperate style.
In the example above we first define the font family, you might notice I slected three fonts all seperated by a comma. This is (as described above) so the browser can find another font to use if it cant find arial. Next we define the font size which is pretty self explanitory. Then we define the font weight and font style. As the default for these two values is normal if you didn’t want to have italic or bold text then you wouldn’t have to define them so your css style would look like:
Now we will move on to writing the above style in shorthand. Writing in shorthand has the same effects as writing it the long way, it just saves some space.
The way the style should be layed out is:
So an example of a font style would be:
And that’s all you need to know for the basics of text styling with CSS.
