Tutorials Archive Save and Share your Tutorials

25Sep/090

Design a Transparent Website Layout in Photoshop

Would you like a Transparent Website Layout? It can be very useful if you would like to have a different theme for your website, but do not want to change too much of the design. Simply changing the background image can also give you a whole different feeling sometimes. We are going to teach you how to design a transparent website layout in Photoshop. Hope you would find it useful.

Final Result

A Transparent Website Layout is what we are about to make. You can click on the image to see a full-scale version.

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

25Sep/091

15+ jQuery Popup Modal Dialog Plugins and Tutorials

jQuery Popup Modal Dialog Windows

jQuery Popup Modal Dialog Windows

Modal dialog windows are a great way to show quick information to your users, but to also alert them of errors, warnings, prompts for information and more.  When you bring jQuery into the mix, you know you’re going to end up with a slick dialog that really makes the application or website come alive.  The following is a list of 15+ jQuery Popup Modal Dialog Plugins and Tutorials.

There are a couple towards the bottom that you’ll want to pay attention to.  On one the original is in Italian, but I’ve included a link to an English translation.  The other is more on a backend, but I’ve included a link to the zip file for downloading the files.

Let the fun begin!  If you know of any that are missing but should be included, drop a comment!

jqModal
qModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a “Swiss Army Knife”, and makes a great base as a general purpose windowing framework.

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

24Sep/090

Windows 7 Sidebar for XP/Vista

What do you think about Windows 7 Sidebar?

Don’t miss!  If you love it.  Thoosje Windows 7 Sidebar is a Windows 7 Style sidebar for Microsoft Windows XP and Vista that has gadgets like media players, Sticky´s, Calculators, Google search, Yahoo search, and a large number of more search engines. It has also Vista sidebar gadgets like weather and system uptime and lots more useful gadgets.

Why Thoosje Windows 7 Sidebar

Windows 7 Sidebar

The sidebar uses 50% less RAM and is faster than the original Microsoft Sidebar with more extras and works on Microsoft Windows Vista and XP.

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

23Sep/090

How to turn off AutoPlay (AutoRun) in Windows XP?

  1. Click “Start” and then click “Run”
  2. Type “gpedit.msc”
  3. In “Group Policy” select “Computer Configuration” -> “Administrative Templates” -> “System”
  4. Disable Autorun in Windows XP

  5. In the right pane of “System”, and then double click ”Turn off Autoplay”
  6. In Setting tab, select “Enabled” for “Turn off Autoplay”
  7. Click “OK” to confirm
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
23Sep/090

How to repair Internet Explorer 6 in Windows XP

http://www.billp.com/blog/images/ie6.jpg

Method one, simpler:
1. Start - Run
2. type sfc /scannow and OK
3. Follow the system prompts in the process
4. Reboot the computer when System File Checker complete the work.

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

22Sep/090

Flex Alert! Listen to the buttons

The question of how to handle/listen to button clicks from the Alert control pops up (excuse the pun) quite often. To do this you need to create an actionscript function to handle the event. Other situations may arise where you also need to pass further information to the handler function. This post will show you how ;-)

The mx.controls.Alert class has a static method that shows the Alert control with the title, message, and requested buttons. The following code block will demonstrate how to declare a listener for your Alert control, as well as what to do when you catch the event.

In short, the code shows how to create an Alert control which has 2 buttons, Yes and No. Keep an eye out for for line 12 – this is where we delegate the button click listener to the handleAlert method.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import mx.controls.Alert;
import mx.utils.Delegate;
 
// show the Alert control
public function showAlert() : Void
{
    // the show method follows the method signature from the Flex Actionscript API
    Alert.show( "Are you sure?",
                         "Confirm Delete",
                         Alert.YES| Alert.NO,
                         null,
                         Delegate.create(this, this.handleAlert),
                         null,
                         Alert.YES);
}
 
// handle the Alert control button click
public function handleAlert( event:Object ) : Void
{
    if( event.detail == Alert.YES)
    {
        // YES button was clicked
    }
    else if( event.detail == Alert.NO)
    {
        // NO button was clicked
    }
}
VN:F [1.6.4_902]
Rating: 0.0/5 (0 votes cast)
VN:F [1.6.4_902]
Rating: 0 (from 0 votes)

22Sep/090

Computer Image File Formats

If you have ever worked with computer graphic images, whether they be from digital cameras, found on the web, or you create them yourself, then you know there are a lot of image file formats that are available. This is because each format stores the image in a certain way that makes it the best choice for a given situation. This tutorial will cover the most common image formats that you will find on the Internet or with your devices, such as a digital camera, and how they are used. Before we go into the discussions on the actual image formats it is important to discuss the various attributes that image file formats can have.

The Attributes and Terms

Compression

Compression is the act of reducing the file sizes of images. When images are stored in their raw format, without compression, their file sizes can be very large. This causes the images to take up a lot of storage space and, furthermore, take a long time to transfer over the Internet.. Compression techniques alleviate these problems by reducing the file sizes to a much more manageable size that can easily be stored and transmitted over various mediums. Almost all image formats use different forms of compression, so as an example, we will only discuss the compression technique GIF files use so that you can see how an image is compressed into a smaller file size.

GIF compression works by finding repetitive patterns in particular colors and instead of listing each pixel and its color, lists instead the amount of repetitions there are for a particular color. For example if a GIF image has 60 pixels of the same color in consecutive order, instead of adding that pixel color 60 times in the image file, it will instead enter the amount of times the color is repeated. The below figure represeents an image file that has a height of 1 pixel, and a width of 14 pixels. The first 8 pixels are the color Red and the last 6 are the color blue. When the file is uncompressed the image file will represent each pixel as it is seen in the actual image. When it is compressed it instead puts an index of the amount of times a pixel color is repeated consecutively. In the figure below you see the uncompressed image shows 8 Red Pixed and 6 Blues pixels and each pixel is represented. In the compressed format you see the index 8 preceeding the R, for red, and the number 6 before the B, for blue. That tells the image that there are 8 consecutive red pixels and then 6 consecutive blue pixels.. As you can see the amount of storage space saved by this method can be significant..

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

22Sep/090

How Hard Drives work

What is a Hard Drive

Almost all desktop computers have a hard drive inside them, but do you really know what they are? Many people when they hear the word hard drive, think that it refers to the computer as a whole. In reality, though, the hard drive is just one of many different pieces that comprise a computer. The hard drive is one of the most important parts of your computer because it is used as a long-term storage space for your data. What that means, is regardless of whether or not the computer is on, or you lose power, the data will still stay stored on this drive keeping it safe. On the other hand, it tells you how important backing up your data is, because if the hard drive malfunctions there is a good chance you will lose it all.

A hard drive is an integral piece of equipment for your computer as your operating system and all your data are typically stored there. In the majority of the situations, if you did not have a working hard drive, or the hard drive malfunctions, you would not be able to boot your computer into the operating system and would get an error. If you opened your computer case and wanted to find your hard drive, it would look similar to the image below:


Image of a Hard Drive

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

22Sep/090

Object Oriented Programming with JavaScript : Timer Class

JavaScript with Oops is not much used by developers while creating application however we can make our life easy if we use JavaScript with Oops.

Let's started object oriented programming in JavaScript by taking example of a Timer class, similar to the Timer control in windows application.
Create Class

Create the class Timer. Below code shows how to declare the class

// Declaring class "Timer"
var Timer = function()
{
    // ....
    // Class body
    // ....
}
VN:F [1.6.4_902]
Rating: 0.0/5 (0 votes cast)
VN:F [1.6.4_902]
Rating: 0 (from 0 votes)

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)

Subscribe via Email

Follow me on Twitter

Categories

Archives

Calendar

September 2009
M T W T F S S
    Feb »
 123456
78910111213
14151617181920
21222324252627
282930  

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