Tutorials Archive Save and Share your Tutorials

22Sep/090

Using RegEx (Regular Expressions) in JavaScript

Javascript has built-in support for regular expression in almost all browsers. This means you can use regular expression at client side too. You can use to validate the user's input data at client side itself to reduce the server side processing, however you may want to check those at server side too for security problems.

To use regular expression in javascript you can use the RegExp object

var myRegExp = new RegExp("[a-zA-z]+");

Or you can directly creates its instance by using special syntax

var myRegExp = /[a-zA-z]+/
VN:F [1.6.4_902]
Rating: 0.0/5 (0 votes cast)
VN:F [1.6.4_902]
Rating: 0 (from 0 votes)

21Sep/090

Dramatic Text on Fire Effect in Photoshop

The End Effect

As always we'll begin with the final result, so you can see where we're going. It's on a nice big canvas so it can serve as the desktop background on my laptop for the next week or so! click to see the full 1920px x 1200px size.

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

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)

18Sep/090

jQuery Lightbox

I couldn't tell you how many lightboxes I've used over the last few month. This specific lightbox was designed as a plugin for the jQuery library. It works perfectly, and more importantly, requires no additional markup to your document. You only need to call it from your Javascript file. You'll have zero problems!

Lightbox
Lightbox

Download

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
18Sep/090

NetBeans Twilight Theme!

Netbeans Twilight Theme!

Installation Instructions

To add this theme, simply open "Preferences" ("Options" on PC) and click "Import" at the bottom. Then browse for your zip file -- do not unzip -- and click "okay!" That's it.

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: +1 (from 1 vote)

17Sep/090

Convert Image to Base64 String and Base64 String to Image

This article will help you to learn how we can convert an image into a base64 string and base64 string back to image.

Image to Base64 String

public string ImageToBase64(Image image, 
  System.Drawing.Imaging.ImageFormat format)
{
  using (MemoryStream ms = new MemoryStream())
  {
    // Convert Image to byte[]
    image.Save(ms, format);
    byte[] imageBytes = ms.ToArray();
 
    // Convert byte[] to Base64 String
    string base64String = Convert.ToBase64String(imageBytes);
    return base64String;
  }
}
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: Continue reading
17Sep/090

10 Design Practices to follow in your Website / Blog

After seeing some bad design practices in many blogs and websites, I am writing this article here. Are you tired of changing so many designs in your website? If yes, you should have a look on this article to make sure that you will never change the design again and again.

10 Design Practices to follow in your Website / Blog

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: Continue reading
16Sep/090

Colorful Glow Text Effects

In this Photoshop tutorial, you will learn how to create a glowing text effects form a scratch.

Result:

Colorful Glow Text Effects

Let’s create a new file (File>New) of 1920×1200px/72 dpi. Using the Paint Bucket Tool (G), give the new background layer black color.

Create a glowing text effects form a scratch in Adobe Photoshop CS3

VN:F [1.6.4_902]
Rating: 5.0/5 (1 vote cast)
VN:F [1.6.4_902]
Rating: +2 (from 2 votes)

16Sep/090

Glowing Neon Effects

In this Photoshop tutorial, you will going to learn how to create a Glowing Neon Effects form a scratch. Start working by creating a ne …

Result:

Glowing Neon Effects

Start working by creating a new file (File>New) of 1920×1200px/72dpi. Select after that the Paint Bucket Tool (G) to fill the new layer with black color.

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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

Subscribe via Email

Follow me on Twitter

Categories

Archives

Calendar

March 2010
M T W T F S S
« Feb    
1234567
891011121314
15161718192021
22232425262728
293031  

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