wibiya widget


14 fun facts about text messaging

Filed Under:

edit post

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.


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

JavaScript Testing Beginner’s Guide / tips and tricks

Filed Under:
JavaScript is an important part of web development in today’s Web 2.0 world. While there are many JavaScript frameworks in the market, learning to write, test, and debug JavaScript without the help of any framework will make you a better JavaScript developer. However, testing and debugging can be time consuming, tedious, and painful. This book will ease your woes by providing various testing strategies, advice, and tool guides that will make testing smooth and easy.

This book shows you the most essential features of JavaScript, which you will be using in your daily development, testing, and debugging tasks. You will learn to use the most basic functions of JavaScript to perform ad hoc testing quickly and efficiently.

This book is organized in an easy to follow, step-by-step tutorial style to maximize your learning. You will first learn about the different types of errors you will most often encounter as a JavaScript developer. You will also learn the most essential features of JavaScript through our easy to follow examples.As you go along, you will learn how to write better JavaScript code through validation. Learning how to write validated code alone will help you improve tremendously as a JavaScript developer and most importantly, to write JavaScript code that runs better, faster, and with less bugs.

As our JavaScript program gets larger, we need better ways of testing our JavaScript code. You will learn how to go about various testing concepts and how to use them in your test plan. After which, you will learn how to implement the test plan for your code. To accommodate more complex JavaScript code, you will learn more about the built-in features of JavaScript to identify and catch different types of JavaScript error. Such information helps to spot the root of the problem so that you can act on it.
Finally, you will learn how to make use of the built-in browser tools and other external tools to automate your testing process.

Learn how to test and debug JavaScript through example-driven tutorials.

What you will learn from this book

Relationship between HTML, CSS, and JavaScript
Different types of JavaScript error
How to perform ad hoc testing
How to validate your JavaScript code
Different testing concepts
Create a test plan and implement it
How to test more complex code by using JavaScript’s exception handling
Learn how to test the user interface controlled by JavaScript
How to debug your code using tools such as Google Chrome, Javascript Debugger, and Firefox’s Venkman Extension.
How to further automate your testing process using Sahi, Qunit, and JsLitmus
Other testing tools that will make your testing process easier and less painful
This book is organized such that only the most essential information is provided to you in each chapter so as to maximize your learning. Examples and tutorials are given in an easy to follow, step-by-step manner so that you can see how the testing process is being carried out and how the code is being written. The source code also contains detailed explanation so that you know what the code is doing. Multiple screenshots are used in places that matter so that you have a visual sense of what is happening.

Who this book is written for
Beginner JavaScript developers looking for essential ways to write, test, and debug JavaScript for different purposes and situations.

Book Details

Paperback: 272 pages
Publisher: Packt Publishing (August, 2010)
Language: English
ISBN-10: 1849510008
ISBN-13: 978-1849510004

by Pinoy Website Developer and Designer

edit post

the 2010 JavaOne Conference!(SAN FRANCISCO September 19-23 2010)

Filed Under: Labels: ,
Still Haven't Registered for JavaOne? Do it by September 10 and You Might Be a Winner

Register for Oracle OpenWorld, JavaOne and Oracle Develop, a Discover Pass or a Discover Plus Pass between September 3 and September 10, and you could win one of 10 super cool prizes:

Flight of a Lifetime
A 45-minute aerobatic plane flight with Sean D. Tucker or a certified member of the Team Oracle biplane crew. Two prizes available.

VIP Backstage Passes at the Appreciation Event
Hang out behind the scenes and schmooze with the amazing lineup of performers (Grammy Award winners Black Eyed Peas, Don Henley, Steve Miller Band, Montgomery Gentry, Berlin, and The English Beat) at the Appreciation Event on September 22 at Treasure Island. Two prizes available.

Backstage Pass to Meet The English Beat
Meet members of The English Beat backstage at the Appreciation Event on September 22 at Treasure Island. Five prizes available.

Backstage Pass to Meet Don Henley
Meet Eagle cofounder Don Henley backstage at the Appreciation Event on September 22 at Treasure Island. One prize available.

Two Ways to Enter

You'll be automatically entered in the Sweepstakes after purchasing a 2010 Conference Pass for Oracle OpenWorld, JavaOne and Oracle Develop, Discover or Discover Plus during the registration eligibility period, September 3 - 10, 2010.

You can also enter by hand-printing your name, address, city, state, zip code, email address, and day and evening phone numbers on a 3" x 5" card and mailing it in an envelope to:

Oracle OpenWorld & JavaOne and Oracle Develop 2010 Sweepstakes
Attn: Sandra Gutierrez
999 Skyway Road, Suite 300
San Carlos, CA 94070

Mail-in entries must be postmarked on or before September 10, 2010 and received by Oracle on or before 5:00 p.m. Pacific Time, September 15, 2010 to be eligible for the drawing for the Sweepstakes prize. OpenWorld 2010 conference details and Conference Pass availability and pricing information are available at www.oracle.com/openworld. Entries are limited to one (1) entry per eligible person. Prize drawings will take place after 5:00 p.m. Pacific Time on Friday, September 15, 2010.

Register today!

Disclosure: No purchase necessary. Void where prohibited. Open to legal residents of the 50 United States and the District of Columbia, who are 21 years of age or older. Limit one entry per person. Entrants are responsible for complying with their employer's promotional items policies. Entries accepted from 09/03/2010 to 09/10/2010. Mail-in Entries must be postmarked by 9/10/2010 and received by 9/15/2010. Ten winners will receive one of the following prizes: 45-minute aerobatic plane flights with Sean D. Tucker or a certified member of the Team Oracle biplane crew (US $200) or various VIP / Backstage Passes to the Oracle Appreciation Event scheduled to take place 9/22/2010, 7:30 p.m.-12:00 a.m. at Treasure Island, San Francisco, California: Estimated Value: $100 USD for each pass. Winner responsible for all travel or other costs required to use the prizes. Click here for complete Official Rules. Sponsored by Oracle.
original link click here

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

PHP 5.3.3 Released!

Filed Under: Labels: , ,
PHP 5.3.3 Released!
The PHP development team would like to announce the immediate availability of PHP 5.3.3. This release focuses on improving the stability and security of the PHP 5.3.x branch with over 100 bug fixes, some of which are security related. All users are encouraged to upgrade to this release....
read more

edit post

Wave in a Box

Filed Under: Labels: , ,
Wave open source next steps: "Wave in a Box"

Since the announcement that we will discontinue development of Google Wave as a standalone product, many people have asked us about the future of the open source code and Wave federation protocol. After spending some time on figuring out our next steps, we'd like to share the plan for our contributions over the coming months.
We will expand upon the 200K lines of code we've already open sourced (detailed at waveprotocol.org) to flesh out the existing example Wave server and web client into a more complete application or "Wave in a Box."
This project will include:
an application bundle including a server and web client supporting real-time collaboration using the same structured conversations as the Google Wave system
a fast and fully-featured wave panel in the web client with complete support for threaded conversations
a persistent wave store and search implementation for the server (building on contributed patches to implement a MongoDB store)
refinements to the client-server protocols
gadget, robot and data API support
support for importing wave data from wave.google.com
the ability to federate across other Wave in a Box instances, with some additional configuration
This project will not have the full functionality of Google Wave as you know it today. However, we intend to give developers and enterprising users an opportunity to run wave servers and host waves on their own hardware.
Since the beginning, it has been our vision that the Google Wave protocols could support a new generation of communication and collaboration tools. The response from the developer community to date has been amazing and rewarding. Even more so now, we believe that developers and other projects are a critical part of this story.
While Wave in a Box will be a functional application, the future of Wave will be defined by your contributions. We hope this project will help the Wave developer community continue to grow and evolve. We'll discuss more technical details of our plan on the Wave Protocol Forum, which is the best place to keep up with the latest progress on the open source project and learn how you can contribute.
Wave on
by Alex North, Software Engineer, Google Wave team

edit post

The world's most popular open source database software

Filed Under: Labels: ,
MySQL is the world's most popular open source database software, with
over 100 million copies of its software downloaded or distributed
throughout it's history. With its superior speed, reliability, and ease
of use, MySQL has become the preferred choice for Web, Web 2.0, SaaS,
ISV, Telecom companies

edit post

Bio Robot Refrigerator

Filed Under: Labels:

As promised, here are the details on the Electrolux Bio Robot Refrigerator, a concept that has been making quite a splash in the blogosphere! In lay terms, the fridge is a concept where the Bio Robot cools biopolymer gel through luminescence. A non-sticky gel surrounds the food item when shoved into the biopolymer gel, creating separate pods. The design features no doors or drawers, and the food items are individually cooled at their optimal temperature thanks to the robot. And since it can take any orientation (hung vertically, horizontally, and even on the ceiling), and can be modified in size, you can fit it in any apartment.
More details in the images…

edit post

Creative 3D Layout

Filed Under: Labels:

What We’ll Be Creating

Let’s Begin

Create a new document “1200 pixels X 1200 pixels” with any color background. Set your foreground color to “#424241″ and background to “#191919″ then select the “Gradient Tool” with a “Radial Gradient”.

Drag the radial gradient from the middle of the canvas down to about half way down.

Creating The Website Title Text

Select the “Text Type Tool” and type out your website title and slogan, place your title and slogan in the top left side of the canas.

On your main title layer add the following layer styles.

You should have something like this.

Creating The Search Box

Select the “Rounded Rrectangle Tool” with a radius of “15px”. Drag out a medium sized rectangle on the right side of the canvas.

You should have something like this.

With the “Rounded Rectangle Tool” once more drag out a smaller rectangle inside the last rectangle you created. This time change the radius to “5 px”. Once you’ve create the inner rectangle “Cut & Paste” the right end of the rectangle for later use.

Now add the following layer styles to the inner rectangle.

You should have something like this.

Un-hide the part of the rectangle that you cut earlier, if it isn’t already place it back into its orginal postion.

Un-hide the part of the rectangle that you cut earlier, if it isn’t already place it back into its orginal postion.

On the top of the blue button where it meets the search field (the white rectangle) add a two 1 pixel lines. The first line should be colored in black then the second in white. Once you’ve created the lines set the layer blend mode to “Soft Light”.

Finish off the search area by labelling your submit button and search field. You should have something like this.

Creating The 3D Navigation

About 100 pixels down from the search box and website title create two 1px lines on top of each other. Both lines should be 950px wide or as wide as your layout is intended. Fill the top line in black (#000000) and the bottom line in white (#ffffff). Set the layers blend mode to overlay.

Select the “Rectangular Marquee Tool” or the “Rectangle Tool” then create a rectangle the same width as the line we created in the previous step. Fill the rectangle with the color white then go to “Edit > Transform > Perspective”.

Drag the left top anchor point inwards until you have something like the image below. Also make sure the black and white 1 pixel lines are directly above the rectangle leaving no space at all between the two objects.

Once you’ve finished add a gradient overlay using the settings below.

Select the “Elliptical Marquee Tool” and drag out a big ellipse. The ellipse should cover just under half of the rectangle we recently created.

Fill the ellipse in black (#000000) then set opacity to “50%”. Load a selection around your rectangle, inverse the selection then select the ellipse layer and hit delete. You should have something like this.

Adding The Navigation Icons

For the navigation i used some folder icons by “Scott Copeland“, i chose my prefered icons and placed them on the navigation area. On the first icon i added a subtle outer glow to indicate its hover state.

Duplicate each icon then merge all the duplicated icon layers into one layer single layer. Drag the duplicated layer underneath all the icon layers then flip the icons vertically “Edit > Transform > Flip Vertically”. Finally blur the merged icons by 2px by going to “Filter > Blur > Guassian Blur”.

Add a layer mask to the duplicate icons layer, then drag a linear gradient from the bottom of the icons to about half way up. Your only going for a nice subtle look, you should have something like this.

To finish the navigation off simply label your first icon, or the one which has the hover state added. Ive chosed for a small speech bubble, if i were to code this id use a jquery tool tip script for the navigation hovers.

Creating The Content Area

Using the “Rectangle Tool” or the “Rectangular Marquee Tool” create a big rectangle for your content area. The rectangle should be the same width as the bottom of the navigation and should also directly underneath leaving no space between the two objects.

Now add a gradient overylay to your content rectangle using the settings below.

You should now have something like this.

Now its time to add some dummy content, i havent exactly gone into perfecting the content for the layout so if you think the content area looks rubbish “I Agree With You”.
For the content area i chose some indented style titles and simple long paragraphs. Underneath each title i added a simple seperator using two 1px lines just like on the navigation bar. Finally ive added a simple list with some icons and a image gallery using 3 big thumbnails.

Obviously you can take more time to perfect your content area, mines purley for example.

Creating Our Footer

We finish off the layout by adding a simple text style footer, above the footer text i added a divider. The divider was created by using two 1px lines on top of each other, one colored black and the other white. Just like our navigation, the layer blend mode is then set to overlay.

All Done

Congratulations you’ve completed the tutorial you should now have something like this.

edit post