Below is a screenshot of how you get to create your CSS menu. In the top row, you can see the live preview. We chose this one to demonstrate how it works. All you have to do is tell the free generator how many buttons you want, and then enter the labels (titles) with the according links.

What you get is a complete, ready-to-use CSS menu template with hover effects. The images are included in the download. If you use CSS in web design (which you absolutely shoud), you’ll love this little tool.

Check the free online CSS Menu Maker out right here!

Before you start creating the corner images and writing the CSS styles to position them yourself, try this great tool out. It gives you all of the above – the corner images for free download, the CSS code to copy & paste, Internet Explorer conditional HTML tags and even the HTML code itself. All you have to do is insert your content and you’re ready to go.

The generator is called Spanky Corners and is on sitepoint.com. We dig this pure online tool very much!

The site describes their free service like this:

‘Spanky Corners’ is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript to work.

Now this is what we call fun! Look at how easy they make it for you: this is all you have to do:

… to get this:

• the GIF images in your specified colors,
• the complete CSS code for the DIV,
• the HTML code for the DIV,
• the Internet Explorer only CSS file,
• the IE conditional comment for your HTML source to call that CSS.

Spanky, eh? Go to this wonderful css generator right here.

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.

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.