Tutorials Archive Save and Share your Tutorials

20Sep/090

Checking Username Availability with Mootools and Request.JSON

This tutorial will teach you how to check username availability with Mootools' Request.JSON and PHP/MySQL

In this tutorial you will learn how to use Mootools' Request.JSON function to check a username against an array or database. In this example we will be using a simple MySQL database. I will try to do as much hand holding as I can, but having a little experience with PHP and MySQL will be a plus.

Tutorial Details

  • PHP Server and MySQL Database required
  • Difficulty: Beginner/Intermediate
  • Estimated Completion Time: 30 - 45 Minutes

Step 1 - The Setup

We are going to create a simple database and add a table. After that we will add a username into the database.

CREATE TABLE IF NOT EXISTS ajax_users (
	id INT(2) NOT NULL PRIMARY KEY AUTO_INCREMENT,
	user_name VARCHAR(128) NOT NULL
);
 
INSERT INTO ajax_users VALUES('NULL','matt');

VN:F [1.6.4_902]
Rating: 0.0/5 (0 votes cast)
VN:F [1.6.4_902]
Rating: 0 (from 0 votes)

17Sep/092

11 Classic CSS Techniques Made Simple with CSS3

CSS3? What's that?!

I'm sure you've heard of CSS in general. CSS3 isn't that much different, in terms of syntax; however, the power of CSS3 is much greater. As you'll see in these eleven techniques, you can have multiple backgrounds, dynamically resize those backgrounds, border radiuses, text shadows, and more!

Here's what the official (or at least, what I consider official) website of CSS3, css3.info, has to say about CSS3:

CSS3 is the new kid in the stylesheet family. It offers exciting new possibilities to create an impact with your designs, allows you to use more diverse style sheets for a variety of occasions and lots more.

Here are the 11 techniques that I'll be showing you how to recreate with CSS3. I'll show you how to create them using CSS2 (or JavaScript), and then with CSS3 properties. Remember - these effects will only work in modern browsers that implement these CSS3 features. Your best option is to view these with Safari 4.

  1. Rounded Corners
  2. Box Shadow
  3. Text Shadow
  4. Fancy Font
  5. Opacity
  6. RGBA
  7. Background Size
  8. Multiple Backgrounds
  9. Columns
  10. Border Image
  11. Animations
VN:F [1.6.4_902]
Rating: 2.0/5 (1 vote cast)
VN:F [1.6.4_902]
Rating: +2 (from 2 votes)

11Sep/090

Generate Cool Buttons Online For Your Website/Blog

Buttons are required for many purposes on a website/blog and if these buttons are good looking, your blog will look attractive. Now you can easily generate some cool buttons without any skills as here is a tool to generate cool buttons online. It is as easy as drag and drap.

Buttonator is a online tool to generate buttons online. You can select various styles of buttons and icons.

Here are some examples of buttons generated by Buttonator :

So Visit and Enjoy

VN:F [1.6.4_902]
Rating: 0.0/5 (0 votes cast)
VN:F [1.6.4_902]
Rating: 0 (from 0 votes)

Tagged as: No Comments
   

Subscribe via Email

Follow me on Twitter

Categories

Archives

Calendar

September 2010
M T W T F S S
« Feb    
 12345
6789101112
13141516171819
20212223242526
27282930  

Recent Posts

Recent Comments

Link Exchange

Meta

Stats

Web Directory

Internet photoshop tutorials, free photoshop tutorials, tutorials, tutorial search, tutorial links, find tutorials, photo shop tutorials, html tutorials,
blog directory Internet Blogs - BlogCatalog Blog Directory
TopOfBlogs