This is a wonderful web-based and free tool for every web developer!

The website Typetester lets you compare up to three different typefaces on your screen. You simply choose from a large list of predefined fonts and define the parameters. Almost instantly, you can see the results on your screen – as well as every available font style.

Typetester not only supports every web-safe font, but also default Windows and Apple fonts. In addition to that, you can choose from a long list of specific fonts, including pixel fonts.

Once you’ve finished setting up your preferred font, you can get the CSS source code for that setting, ready for you to copy&paste to your CSS script. But be sure to check it before applying it to your website, as there are still some minor bugs in the code.

Also, if you pick a font which is not compatibe with internet standards, like, for instance, a pixel font (e.g. ‘hooge’, like in the screenshot above), you must be aware of the fact that whoever views your website and does not have that specific typeface installed will see the text on your website in a standard font such as Times New Roman. That’s the crux with web safe fonts

You can jump to Typetester right here.

Did you notice our new, cute little button at the bottom of Beeex.net? It’s right under the Firefox 2 Badge and it says “We love Beeex”. Do you know how we made it? Here goes:

You might already have come across these buttons or badges while surfing the web. They are usually used for displaying meta and stats content. Now, you can easily make your own – using this free online button generator!

Of course, you could use Adobe Illustrator or Photoshop, or another graphic program to design your own button. But this is a quick and easy way to generate them in just a minute. You simply fill in your preferred text, define border and background colors, and the button generator creates a badge for you to download and use on your site.

You can go to the Online Button/Badge Generator here.

This is a goodie! If you run a website and you want a certain page to be password protected, this is what you need. Sometimes, you just don’t want to go through a CGI Script. So here comes the easier JavaScript solution!

This is an encrpyted password protection generator, fully web-based and free. It gives you JavaScript code to copy&paste into your HTML source code.

This is how it works: name a password of your choice, hit ‘Generate’, and the JavaScript code is being generated. You get code to copy&paste into your HTML file.

Using this script, you have to have a starting page to call the form (where the user has to input the password). Only if the correct password has been entered, the target HTML page opens. Plus: the JavaScript code is encrypted, so nobody can see the password by opening the HTML source.

You can go to the generator here.

You see the little icon in your browser’s address and tab bar, left to the name of the website? That’s a favicon. All you need to know about Favicons, you can find in this post. About, Create, Install – all of it at your fingertips!

This well written tutorial covers all you need to know to make your own favicon. Note: you don’t necessarily need Photoshop to put this tutorial to use!

You can view this tutorial here. If you want to read about Favicons on Wikipedia, you can go here.

Also, read our post about the Mandatory Favicon Generator, web-based and free.

If you run a website, you’re gonna love this one: it’s a fully web-based Favicon generator. Trust us: even if you think you already know the best way to create Favicons (like Microangelo), you absolutely need to take a look at this one. The benefit: You don’t need to buy and install software, and you get a very high quality Favicon in an instant!

Making a sophisticated Favicon has never been easier. You simply upload an image of your choice (PNG, GIF or JPEG) – that can be up to 5 MB -, then you crop it by dragging and resizing a rectangle over your image, hit ‘Capture & Preview’ – and you’re done!

You can then download the .ico file to place it in your own website’s root as a favicon. The site even offers you the HTML tag to copy&paste to your source code. And the best part is: it’s fully, totally, absolutely free. Thanks to the guys at A Beautiful Site for this!

You can jump to favikon here.

If you don’t know how to install a Favicon on your website, you’ll want to read this post.

Here is something interesting. It’s a fully web-based Wordpress Theme Generator! All you have to do is input your parameters – like font style and color, column widths and border styles -, then hit ‘Save’, and the website delivers your personal Wordpress theme in an instant, ready for download.

This is quite impressive on first glance. But be warned: this generator doesn’t use the full power of Wordpress at all! It merely generates source code for very simple purposes. If you don’t know anything at all about Wordpress or web development (mainly HTML, CSS, PHP), then you can try this site and see what it can do for you. But if you want really good designs and a sophisticated Wordpress template, you should better stick to the ones you can get all over the web or here on Beeex.net – for free as well.

See for yourself! Click here to go to the Wordpress Theme Generator.

Are you a CSS beginner? Then you might want to check out this site! It offers you CSS code for 12 basic layouts (templates) and explains how you can alter the code to meet your requirements.

What you get is code for these CSS layouts. You can copy&paste it into your favorite HTML or CSS editor.

You can go to the site here.