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.

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.

Looking for a tiled background for your website? Why not make one yourself! Take a look at this free, fully web-based generator.

You can specify the width and height and you see your ‘design’ in a live preview on the background of your screen. Once you’re done, you simply hit ’save’ and you can save your creation as a on your computer – ready for use with your website!

Check it out for yourself here.

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.

Lorem Ipsum Generator

There are some other sites like this one out there, but we haven’t found another Lorem Ipsum Generator as simple and quick as this one.

Check out this one-of-a-kind Lorem Ipsum generator right here!

For your information:

Even though using “lorem ipsum” often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. “Lorem ipsum” also approximates a typical distribution of letters in English, which helps to shift the focus to presentation.

(from the Wikipedia entry on Lorem Ipsum Text)