[Web] Googles Web fonts

Often, when comparing websites in different browsers, its also a good idea to check how they look in different OS. It can be very depressing.
Or maybe you want to add a nicer font and not those boring web standard fonts to your website.
That's where the Google Web fonts come in handy.

Google provides a set of Fonts from which you can choose from and returns you a code-snipped. The snipped will look something like this:

< link href="http://fonts.googleapis.com/css?family=%3Cspan%20id=%22url%22%3E%3Cstrong%3ETangerine%3C/strong%3E%3C/span%3E" rel="stylesheet" type="text/css">

Add this code to your Header and you're good to go set the font to (in this case) Tangerine in your CSS file.

This way you can not only make sure the fonts look similar on every system, but you can also choose fonts that aren't web standard.

This Google Project is still in heavy development but it might evolve in something really nice for web developers.

[CSS] Round Corners

As I have noticed, designers like to design a lot of stuff that the developers hate to implement.
One of this things seams to be round corners. Often the developer ends up using images of round corners or other weird methods.

What only a few people seam to know is that you can get round corners very easy with CSS.
Check this out (each is for a different Browser Toolkit, just include all of them every time you want rounded corners):

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;

(Including the "-")

this should look like this:

This box should have round corners

For IE users, fear not! There is a project that does the job too. More info here:
http://code.google.com/p/curvycorners/

Stay tuned, post about Web Fonts coming soon with another great discovery to finally making the Web beautiful.

[Theory] Number Base System

Image via Wikipedia

Today we're going to look at the different Number bases and how to convert them. As allways, there are many ways of doing this and these are just my methods.

We're going to star with the easiest: Binary.
If you are a normal person (more or less) then you tend to think in a 10 base system. This means that there are 10 different signs to represent numbers in your system. Which are: 0,1,2,3,4,5,6,7,8,9. (Notice that 10 isn't a number, its a combination of two).
We call this the Decimal (DEC) system.

In binary (BIN) there are only two different symbols: 0,1. Its the easiest system to differenciate one number from another. Its either ON or OFF, its BLACK or WHITE, its 1 or 0.

Obviously, the more symbols we have to represent a number the less we have to write, but if we have very few symbols, like in the binary system, the number strings tend to become somewhat large.

Reading Binary:

Each position in a binary string represents a weight or value. Lets take this string as an example: [1101]
If there is a 1, we count that value of the position. If there is a 0 we ignor the position.
The values are the following: [1,2,4,8,16,32,64,128,512,1024...].

If we now look at our example string, starting from behind (right side), we have a 1. The 1 means we count the value. The Value for the first position (starting from behind) is 1.
Next comes the 0. Second position has the value 2 but we don't count that because of the 0.
Next number is a 1, which means again that we do count the value:4.
The last number in our string is another 1: The fourth position has a value of 8.

Now that we have gathered all the values, just add them together and you get the result of what that binary number looks in our decimal base.
1+4+8 = 25.

And thats how you can read binary.
Next we will check out some conversions from one base to another aswell as the Hexadecimal (16th) base which you might have heared from if you've done some Photoshop.