wibiya widget

RSS
Showing posts with label Tips of the day. Show all posts
Showing posts with label Tips of the day. Show all posts

10+ Brilliant and Advanced jQuery Effects

Filed Under: Labels: , ,

We all knew that every technology has it's own comparison  with its competitors as jQuery is closely compared with Flash.Flash was the technology used by many web designers a while ago, but now its the turn of jQuery to add the special effects or interactivity to a website. jQuery makes it easier to create sophisticated custom effects and animations compared to Flash and also jQuery takes a lead when it comes to SEO.

Some of the stunning effects which jQuery can produce are sliding in different directions, adding ease to animations, effects like flip-in, sorting, zoom-in effects in photos, panning, creating a Photo shoot effect, slider effects and many more.So we present you some of the links that shows you the demos of various brilliant and advanced effects and it gives you a clear picture in itself without the help of any tutor.

1.Apple like retina effect

Achieve a retina like effect as found in Apple iPhones with this plugin with jQuery and CSS. This turns the static image into a fully functional ‘Retina Effect’ i.e place your pointer anywhere in the image and get a zoomed out image of the same within the same page.



2.Aviaslider

AviaSlider, a slideshow plugin features unique transition effects, includes an image preloader, autoplay and stop, supports linked images and size of only 8 kb works with jQuery lower and higher versions.




3.Beautiful Background Image Navigation

A compact design which includes three options in the form of vertical sliders with a unique background image which navigates with the options is achieved with this jQuery plugin, Beautiful Background Image Navigation.


4.Bg image slideshow

An advanced background image sideshow featuring big images with changing text and playback controls. This plugin is created with jQuery combined with CSS where transparent PNG’s are used to create the see-through effect in the menu and text background.

5.Bubble Navigation

A simple menu which automatically expands in the shape of a bubble and displays the rest of the menu inside it, e.g gallery and prints inside Photos menu is achieved with the help of awesome Bubble Navigation plugin with jQuery.


6.Advanced login panel

A login form is the most important one in any web design but most of the time it displays the redundant information, here is a jQuery plugin which reveals the self and its content of the top panel only when clicked.


7.Carrot creative

Just sit back and enjoy the slideshow with bigger images with Carrot Creative which displays the images as a horizontal slideshow and moves to the next image after a short duration of time automatically.

8.Cloud zoom

A zoom jQuery plugin, Cloud Zoom displays a larger or zoomed out image of the particular area when hovered over the original image. This plugin is much smaller, has more features and has robust compatibility over browsers.


9.Photo shoot

The PhotoShoot jQuery plugin creates a photo shoot effect by converting the page into a photo shooting stage by simulating a camera like feel and also displays the images shotted by you. This gives the ability to take shots of the background image.

10.zoomer gallery

Zoomer gallery plugin is used to display images with zooming effects as seen in Flash. This jQuery plugin easily transforms your images and is only 2 KB in size which is very compact to use.












edit post

5 Tips for Choosing an External Hard Drive

Filed Under: Labels: , , ,
External hard drives are great way to back up your favourite photos, videos, music and work documents – especially as they can be stored separately, ensuring your important files remain safe should anything happen to your laptop or computer. If you’ve never bought an external hard drive before then there’s a few pointers here that may help to have on your shopping list before you go and make that final purchase.

1. Buy A Brand
Do yourself a huge favor and buy a brand name that you easily recognize. Sure these may cost a little more than brand but with computer accessories like this you really do get what you pay for. If a Western Digital 1TB external hard drive costs $90 and another brand ITB hard drive costs $70 why do you think that is? Because the company likes you? Because they like making smaller profits? No it’s because it’s a cheaper drive made with inferior parts that’s going to break a lot sooner than you might expect.

The other aspect of sticking with a brand is your warranty. For example Maxtor, Western Digital and Iomega are all reliable companies and well known for their external hard disks. If something goes wrong with your drive you can have it fixed. With brand you’ll probably not even be able to find an email address that you can contact the parent company on. Is saving a few dollars worth that risk?

2. Google It
Whatever brand or model you decide on make sure you do some research before purchasing. Always, always Google the exact brand and model of the drive you’re considering buying. Look for reviews and especially any feedback on how reliable a drive is. You’ll be very surprised to find that some companies have particularly bad reputations in terms of equipment reliability and what’s known as the "click of death" in the external hard drive industry. Spend time in Google checking out your prospective purchase. You’ll be glad that you did.

3. Connectivity
When it comes to external hard drives you’ll need to choose carefully when selecting your connection types. Your external hard drive will support either USB or Firewire. Firewire is the fastest option available at the moment but your computer may not support this. The vast majority of modern computers will, however, feature a USB port.

The next question now is what type of USB port do you have – USB 1.0 or 2.0? If your computer only has a USB 1.0 port then your external hard drive is going to transfer data VERY slowly. USB 2.0 is the minimum you should consider as connection options for both your computer and your external hard drive. If you don’t have a USB 2.0 port (also called HiSpeed USB) on your computer you may need to get a USB 2.0 card fitted.

4. Speed
Now of course we need to talk about speed. The faster your hard drive operates the faster data will get transferred to your computer and vice versa. Without boggling you with computer jargon there’s a couple of technical things you need to include on your shopping list.

Seek time – this needs to be 10ms (milliseconds) or less.
Buffer size – more is better. Get a drive with at least a 4MB buffer.
RPM – higher is better. 5400 RPM as a minimum. 7200 RPM being preferred.
Stick to the above basic pointers and you’ll do just fine.

5. Capacity
This is the simple part of the whole "buying an external hard drive" equation. Buy as much as you can afford. If you can afford 100GB then get it. However if you can afford 200GB then get it. Then again if you scraped together a few dollars more you could afford 300GB then do it.

This isn’t a sales pitch. Far from it. There is simply no such thing as having too much data storage space. The 160GB drive that I have here was filled up in a little under a month. Currently 1TB external hard drive sounds good for my future needs.

Always add 50% to your data storage requirements. Honestly. You’ll thanks yourself within the first 90 days of buying your external drive.

Hopefully now you’ll be better prepared for purchasing your new external hard drive. It’s one of the best purchases you’ll ever make.

edit post

bloggers can benefit from twitter

Filed Under: Labels: ,
Here are few ways through which bloggers can get good benefit through twitter:

* Build you brand through Twitter

* Promote your content through Twitter

* Look for new audience at twittersphere

* Get food news and stories for your blog through Twitter

* Network with other bloggers with the help of twitter

* Research regrding you new post at Twitter and get feedback from our followers

edit post

Create unique brushes in Photoshop

Filed Under: Labels: ,
Adobe Photoshop comes with a good complement of creative brushes, but occasionally, a custom brush you need isn't readily available. What if you want a spongy brush to help you create a textured background? Or what if you need a brush that looks like a wheat stalk, so you can create a field of wheat for a project?

Below, I'll walk you through the steps of how to create your own brushes. The instructions were written with Adobe Photoshop CS4, but with minor modifications, they also can apply to other Photoshop versions, including the new CS5.

Creating your brush
In general, Photoshop brushes fall into two categories: paint-type and image hose-type. A paint-type brush is meant to mimic the texture and behavior of a real painting tool, such as a paintbrush, sponge brush, or paint roller. On the other hand, an image-hose type brush sprays a single graphic element onto your canvas, allowing you to vary its size, shape, and color. It is often used to create fields of grass, layered hair, or even falling snow.

The process of creating a brush is actually quite straightforward; with a simple menu command, you can turn any image into a brush tip. There are few things you need to understand before you start. First, a brush tip is a grayscale image. Any part of the brush tip that is black is fully opaque, and will yield full color when used as a brush. A color image made into a brush tip will be converted to grayscale, and the gray values will be partially transparent; this transparency will carry over to brushstrokes. Second, you need to be conscious of brush size. If your brush tip is 500-by-500 pixels, you can scale it down to 25-by-25 pixels without any loss of quality; however, if your brush tip is only 25-by-25 originally, scaling it up to 500-by-500 pixels will look terrible.

The source image for a brush tip can be just about anything. Here are three examples:

Spongy Brush—Using a loofa sponge, dab black paint onto a canvas. After it dries, scan or photograph the texture and bring it into Photoshop. Convert the image to grayscale (Image->Mode->Grayscale) and tweak the levels (Image->Adjustments->Levels) so that white areas are free of texture and black areas are pure black.

Wheat Stalk Brush—Use Adobe Illustrator (or another vector drawing app) to draw a single, detailed stalk of wheat. Do not use any color; the stalk itself should be black and the background transparent. Import the final artwork into Photoshop.

Flower Brush—Open a photo of a flower in Photoshop. Convert the image to grayscale, as above, and then mask the flower, if needed. (For assistance on masking techniques, see my article, Masking 101). Now, tweak the levels to add more contrast to the flower. Make sure none of the flower areas are too light—if they are, they’ll be virtually transparent when used as a brush.



Once you’ve made the necessary edits, you may need to scale the document down to a more reasonable size. Choose Image->Image Size, enter a maximum width or height of 500 pixels, and click OK. Now choose Select->All and then choose Edit->Define Brush Preset, and type a name for the brush. The brush head is then added to your current set of brushes.

Save your brush and close the document window. Now choose File->New, enter a document width and height that matches the resolution of your display and click OK. This new document will serve as a scratch pad for the next step.

Saving your brush
You’ll need to fine-tune the new brush for best results. Select the Brush Tool and choose Window->Brushes. Once the window appears, click Brush Presets. You’ll see your newly defined brush at the bottom of the list of brush thumbnails; click it once to get started.

An important warning: changes you make to this brush are not automatically saved. After you’ve made your tweaks, you must save the brush as a new preset. Click the tiny document icon in the bottom right of the Brushes window (next to the trash can) to add a new brush preset, then enter a new name for the brush, and click OK. The revised brush will now appear right beside your original brush; to delete the original, click it once to highlight it, hit the trash icon in the bottom right, and then click OK.

Why do this? Because you cannot save over an old brush preset. Any time you make changes to a brush, you need to save it as a new brush preset, or the changes will be lost. You do not have to delete the old brush, but doing so will avoid confusion about which brush is the newest. A strategic naming convention could also serve that purpose if you want to keep brush versions.

Adjusting your brush
At the left of the Brush window, you’ll see a long list of brush options. The options you enable will vary greatly with the type of brush you’re building; for example, if you’re working on a wheat stalk-shaped brush, you’ll be concerned with Shape Dynamics, Color Dynamics, and Scattering. At the bottom of the Brushes window, you’ll see a preview of your current brush. Every change you make to the brush will be reflected in the preview, but unfortunately, it’s limited to grayscale. To get a proper color preview of your brush preset, simply use the brush tool to paint onto the current document.



Here’s a short explanation of each section of the Brush window and what it does:

Brush Tip Shape—Typically used for paint-type brushes. You can edit the default size of the brush, as well as its angle, roundness, and hardness. You can also set the spacing for the brush bristles, which can be important when creating image hose-type brushes.

Shape Dynamics—Typically used for image hose-type brushes. Size Jitter, Angle Jitter, and Roundness Jitter controls vary the shape of each brush mark (single dab), letting you create fields of wheat in which each stalk has a unique shape. Additional options let you tie the brush variations to graphic tablet input, such as pen pressure and pen tilt.

Scattering—Typically used for image hose-type brushes. Scattering varies the placement of each brush mark, allowing for a more natural distribution of paint dabs such as grass, leaves, or snow.

Texture—Typically used for paint-type brushes. This option lets you apply a pattern to each brush stroke to give the impression of texture (such as canvas).

Dual Brush—Applicable to all brushes. This option combines two tips to create brush strokes; it places the texture of the secondary brush stoke within the boundaries of the primary brush stroke.

Color Dynamics—Typically used for image-hose type brushes. Hue, Saturation, Brightness, and Purity sliders let you vary the color and intensity of your brush stroke, adding even more nuance to each brush mark.

Other Dynamics—Applicable to all brushes. Opacity lets you randomize the transparency of each brush mark, while Flow allows opacity variations that naturally flow from solid to clear. (This control is called Transfer in CS5.)

The remaining five options have no adjustable settings and would typically be used with paint-type brushes. Noise adds pixel turbulence to your brush tip; Wet Edges imitates the look of water colors, making the center of the brush partially transparent; Airbrush turns on airbrush-type color blending; Smoothing helps soften brush strokes; and Preserve Texture ensures a consistent canvas texture (the last control is called Protect Texture in CS5).

Sharing your brush
Half to fun of creating a new brush is sharing it with others. Choose Edit->Preset Manager. Shift-click your new brush (or brushes) and then click Save Set. Give the set an appropriate name and save it to your desktop. You can now email this file to friends and colleagues. Once in hand, they can double-click it to automatically add your unique brushes to their current brush set.

edit post

Bugs & Fixes: MobileMe Gallery roadblocks with iOS devices

Filed Under: Labels:
On a recent trip to Yosemite, I took along my iPad instead of my MacBook Pro. As I detailed elsewhere, the iPad handled the job spectacularly well in nearly every respect. The only hassle I had was when I tried to upload a collection of photos to MobileMe Gallery. It turns out that Apple has placed several roadblocks in the path to success, making it nearly impossible to accomplish my goal.


(Note: Most of what I describe here applies to the iPhone as well as the iPad. I had never previously explored these issues with my iPhone because the quality of the iPhone’s photos was never good enough for me to want them in a Gallery. With the iPad, however, I was working with the images from my Canon digital camera.)

My first step was a simple and necessary one: Transfer the photos from my camera to the iPad. For this task, I of course used Apple’s iPad Camera Connection Kit. It worked like a charm. Within a minute or two, all the photos were imported to the iPad’s Photos app.

Next, from the Photos app, I selected the pictures I wanted to export to Gallery.

Roadblock No. 1: The option to export to MobileMe Gallery only appears if you select a single photo. If you instead select multiple photos in a batch, your options are limited to Email, Copy and Delete. (On the iPhone, you’ll have the additional MMS choice). As I wanted to post several dozen photos, exporting one photo at a time was not practical. I sought a better faster solution.

Apple does suggest a work-around. According to an Apple support article, the solution is to “configure a Gallery album with an email address, and then email multiple photos at the same time.” This would have worked for me if I already had a Gallery album with the e-mail feature enabled. I did not. My next step, therefore, was to launch Safari on the iPad, go to www.me.com and attempt to enable the option.

Roadblock No. 2: When the MobileMe website detects you are using an iPad, access to the site is limited to “Use Find My iPhone.” In other words, there was no way I could enable the email option from the iPad.


The www.me.com Web page suggested another potential solution: “Install Gallery App.” I did so (the app had been on my iPhone since its initial release but I had never bothered to add it to my iPad).

The first glitch was not exactly a roadblock, but still an irritation: Apple has not optimized the MobileMe Gallery app for the iPad. This means when you use the 2X option to enlarge the app’s display, text and thumbnail photos appear fuzzy. Happily, the full-size photos appear with the proper resolution.

Roadblock No. 3: As I now remembered from my use of the Gallery app on the iPhone, the app offers no options to manage albums. That is, there is no way to upload photos from the app. There is no way to create a new album. And, most critical for my current situation, there is no way to enable the e-mail feature. Essentially, the Gallery app is useless for anything other than viewing albums.

Having failed three times, I was now out of luck. What initially seemed like an easy task (create a Yosemite album in my MobileMe Gallery and conveniently upload a few dozen photos) proved to be impossible to do from my iPad. I see no obvious reason why Apple could not remedy this situation. Hopefully, it’s on the company’s “to-do” list.

Two side notes:

After returning home, I enabled Gallery’s e-mail option from my Mac. It worked exactly as Apple indicated. To minimize the risk of problems when e-mailing large attachments, I wouldn’t attempt to upload more than about 10 photos at a time. But that’s much better than one at a time. Now I just need to remember to set everything up in advance of my next trip.
In case you are wondering: After giving up on MobileMe, I tried Flickr. The Flickr Website would not allow uploading of photos from the iPad (at least partly because the process requires Flash, an option notoriously missing from Safari). As for the Flickr iPhone app, it worked, but it has an awkward user interface for uploading multiple selections

edit post