Register now or login here to start promoting your blog and your favourite articles.

Category / Javascript

2010

20

JUL

Quite Delicious Button - A jQuery Plugin

This is a jQuery-fied share count button to encourage people to bookmark your content on Delicious. Although Delicious provides their own button and I tried before to style it differently, but still It didn't look quite uniform like other sharing buttons.

ajax, freebies, javascript

409

0 comments

2010

19

JUL

20 Smashing jQuery WebApps

A look at the creative use of jQuery to bring out attractively useful web applications. This is a handpicked collection of the best jQuery web applications that I have come across. Add a style statement and great functionality combo with these amazing jQuery web apps.

css-html, graphic, javascript, tutorial

892

0 comments

2010

17

JUL

9 Best Twitter Jquery Plugins

There are lots of JavaScript libraries out there and many of them are in use on social media sites like twitter. This Twitter plugins uses the popular jQuery library, article contains a sampling of jQuery twitter plugins I’ve found useful.

javascript, tools

423

0 comments

2010

14

JUL

10 Awesome jQuery Tutorials About Twitter

Below are 10 awesome jQuery tutorials will allow you to insert very interesting effects and help you to unite of one of the most popular social media networks : Twitter, in to your website.

javascript, tutorial

565

2 comments

13 Amazing Examples of HTML5 and CSS3

Another post that demonstrate the power of HTML5 and CSS3. New experimental demonstrates are being released so often, so I must make another post for it!

css-html, inspiration, javascript, trend

9187

10 comments

2010

12

JUL

35+ Best JavaScript Image Gallery Plugins and Scripts

Here is a complete diary of all the best JavaScript image galleries, sliders, scrollers and Carousels. Look no more to find your kinda Image Gallery in JavaScript. Includes all the best image exhibition scripts, which lets you showcase your colorful images with much more elegance and class.

css-html, design, graphic, javascript

676

0 comments

2010

9

JUL

How to Make a jQuery-Powered Alert Box for the Thesis WordPress Theme

Get an introduction to jQuery by learning how to make the alert box in Thesis animated and closable, either with a button or by clicking anywhere in the box. Useful advice for any web designer.

javascript, tips, wordpress

18

0 comments

15+ Amazing jQuery Navigation Menu Tutorials

The design of a website should be always clear and intuitive. And, of course, the key to clear design is a clear navigation. Today we are presenting you some of the most best and amazing jQuery-based navigation menu tutorials, you have to see.

javascript, tutorial

974

0 comments

2010

8

JUL

A Collection of 20 HTML5 Video Players

We can easily embed videos into web pages without any plugins, using the element (which is now included in latest versions of Firefox, Safari & Chrome & Opera). Here are 20 useful HTML5 video players which allow you to easily embed video into web pages.

css-html, javascript

688

0 comments

portable crusher

portable crusher plant is a new rock crushing equipment, which greatly expanded the concept of rough broken areas of operation. Portable crusher is designed to stand in the position of our customers, to eliminate fragmentation site, the environment breaking work of the barriers .

css-html, design, javascript

16

0 comments

portable crusher information

portable crusher plant is a new rock crushing equipment, which greatly expanded the concept of rough broken areas of operation. Portable crusher is designed to stand in the position of our customers, to eliminate fragmentation site, the environment breaking work of the barriers .

css-html, design, javascript

14

0 comments

portable crusher in china

portable crusher plant is a new rock crushing equipment, which greatly expanded the concept of rough broken areas of operation. Portable crusher is designed to stand in the position of our customers, to eliminate fragmentation site, the environment breaking work of the barriers .

css-html, javascript, template

13

0 comments

2010

1

JUL

Form Element AJAX Spinner Attachment Using jQuery

We inject the spinner image into the page and reposition it depending on which field is doing the request. Very simple!

ajax, javascript, php, trend

65

0 comments

Animated AJAX Record Deletion Using jQuery

I’m a huge fan of WordPress’ method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here’s how to achieve that functionality with jQuery JavaScript.

ajax, javascript, php

56

0 comments

Examples of javascript used effectively in websites

Now that dynamic HTML is a reality in most commonly used browsers and that a lot of fancy JavaScript libraries exist to make using it easy, CSS websites can take back some of the street creed held so tightly by Flash.

ajax, javascript, trend

webanddesigners

539

0 comments

2010

30

JUN

Quick and Easy jQuery Font Resizer Tutorial

This time, we are going to learn how to build a javascript font resizer that allow you to resize some section of your text instead of everything. This tutorial focuses more on the javascript, so the HTML and CSS are really basic.

css-html, javascript, tutorial

3780

4 comments

2010

29

JUN

55 jQuery Form Plugins To Download And Use

Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms. There are here 55 jQuery plugins for forms covering everything that you would think of related to form styling with the powerful jQuery.

ajax, javascript, misc

811

0 comments

2010

28

JUN

Ip address validation in PHP using regular expression

If you don’t know how to validate the IP address format in PHP, then you are in the right place.I’ll show you here how to validate the IP address using regular expression in PHP.

ajax, css-html, javascript, php

35

0 comments

Getting country , city name from IP address in PHP

I’ve used the API from hostip.info to fetch the country name , city name and country code from the given IP address. I’ve mad this function in PHP which uses XML response from hostip.info and extracted country name, city name and country code using regular expression

ajax, css-html, javascript, php

62

0 comments

5 useful url rewriting examples using .htaccess

If you are looking for the examples of URL rewriting then this post might be useful for you. In this post, I’ve given five useful examples of URL rewriting using .htacess.

ajax, css-html, javascript, php

515

0 comments

Hide .php extension with url rewriting using .htaccess

I’m going to show you how to rewrite the URL instead of renaming the file extension Using this technique you will see product.html in the address bar of the browser but the actual file name remains product.php and you don’t need to rename the file extension. Furthermore you can rewrite the URL like product.php?id=5 to product-5.html.

ajax, css-html, javascript, php

38

0 comments

Uploading large(big) files in PHP using .htaccess

I’ve seen that many of my friends are struggling with the uploads of the bigger or larger files in PHP. After looking at their struggle, i’m here to solve the problem of uploading larger or bigger files in PHP.

ajax, css-html, javascript, php

26

0 comments

Compute the difference between Two dates in Java

This example shows how to compute the difference between two dates. It shows how to compute the difference between the dates in days, hours, minutes, seconds and even milliseconds.

javascript, trend, tutorial

11

0 comments

2010

27

JUN

Beautiful Photo Stack Gallery with jQuery and CSS3

In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

css-html, javascript, tutorial

656

1 comment

2010

26

JUN

16 Great Mootools Examples and Tutorials

MooTools is a compact JavaScript framework designed for the intermediate to advanced JavaScript developer. It has custom implementations to dramatically improve JavaScript performance over the browsers. With such improvements, it allows web developers to continue advanced JavaScript coding while still ensuring a good customer experience.

ajax, javascript, tips

416

0 comments

Latest Post Blogroll Slider with jQuery and PHP

In this tutorial we are going to create a blogroll slider that shows the latest post of your favorite blogs. We will be using jQuery, PHP and XSL. The aim is to get a given RSS feed of a blog and parse the XML data with the help of PHP. We will apply XSL to transform the feed into HTML and cache the result for subsequent use. We will be using a lot of CSS3 properties for a polished look.

css-html, javascript, php

30

0 comments

Page background changer using jQuery and cookies

Using a couple of background images, some HTML, CSS and jQuery you can allow the user to change the background page of your website with a simple click. Their preference will be stored in a cookie and the image returns when they return to your site or for whoever much time you set the cookie for. Interested? Well lets get to work.

css-html, javascript, tips

46

0 comments

2010

24

JUN

GoDaddy, cURL, HTTP, and 403 Errors

I was recently coding PHP cURL functionality for a GoDaddy-hosted website and I kept running into an annoying 403 error. Essentially, GoDaddy’s proxy server (which they force you to use for cURL) was giving me a “Forbidden” error and wasn’t trying to hit the necessary server.

ajax, css-html, javascript, php

32

0 comments

PHP, SSL, and cURL SSL3_GET_SERVER_CERTIFICATE Errors

I recently developed a complex system for a customer that involved PHP, cURL, and a SSL connection to a third party vendor. The third party vendor would validate the security certificate of the source (the system I created) and either allow or reject access. My code looked like this:

ajax, css-html, javascript, php

21

0 comments

21 Really Useful & Handy PHP Code Snippets

PHP is the most widely used web based programming language that powers millions of websites including some of the most popular ones like Facebook. Here are 21 really useful and handy PHP code snippets that every type of PHP developer will find useful.

ajax, css-html, javascript, php

600

0 comments

Caching AJAX Results in JavaScript

AJAX is an awesome tool. AJAX requests are usually faster than regular page loads and allow for a wealth of dynamism within a page. Unfortunately many people do not properly cache request information when they can. Let me show you how I cache AJAX requests — it’s super easy!

ajax, javascript, php

460

0 comments

Performance-Friendly Javascript Packing w/ PHP & Caching

How to use PHP, Caching and Apache to provide automatic Javascript packing and/or obfuscation without taking a measurable performance hit.

javascript, php, tips, tutorial

davidstinemetze

419

0 comments

8 Simply Amazing HTML5 Canvas and Javascript Animations

HTML5 canvas has changed the way javascript used to be. We're now able to achieve complex animation however we do need a powerful browser to interpret it. I have collected 8 new HTML5 + Javascript animation effect you probably have not seen before! Play with each of them, you'll be blown away by the creativity and robustness of HTML5 canvas!

css-html, design, javascript, trend

18454

8 comments

Fancy Image Hover Using CSS3

So here we will try to create fancy image hover with css3 as you all know we can have cool image hover effect using jquery but now using transform and transition properties of css3 we can have the same cooler effect with css3 only.

javascript, tutorial

366

0 comments

2010

23

JUN

Huge Collection Of Ajax Tutorials And Techniques

The thing that was missing from the resources category on the site was this article, a collection of Ajax techniques, tips and tutorials. I hope this article will help the developers to learn or find some of the interesting features found here.

ajax, javascript

414

0 comments

Download a URL’s Content Using PHP cURL

Downloading content at a specific URL is common practice on the internet, especially due to increased usage of web services and APIs offered by Amazon, Alexa, Digg, etc. PHP’s cURL library, which often comes with default shared hosting configurations, allows web developers to complete this task.

ajax, css-html, javascript, php

373

0 comments

8 Simply Amazing HTML5 Canvas and Javascript Animations

HTML5 canvas has changed the way javascript used to be. We're now able to achieve complex animation however we do need a powerful browser to interpret it. I have collected 8 new HTML5 + Javascript animation effect you probably have not seen before! Play with each of them, you'll be blown away by the creativity and robustness of HTML5 canvas!

css-html, design, javascript, trend

24

0 comments

2010

22

JUN

Detect an AJAX Request in PHP

I like using the same PHP script for both AJAX and non-AJAX content requests. Using one script just makes everything easier because it’s only one file to update/edit and it’s one more cache-able request. One way to try detect an AJAX request (as opposed to a regular page load) is by using the following PHP code

ajax, javascript, php

469

0 comments

Time Warp : This site best viewed in [INSERT BROWSER HERE]

Gun your DeLorean to 88mph! It's time to travel back into Internet past. Why you should design according to web design standards instead of leaving out an important portion of your target audience.

browser, css-html, design, javascript

davidstinemetze

25

0 comments

2010

20

JUN

Make Nice Captions Using Image Alternative Tag

There are many jQuery plugins that give designers an array of options to use in order to make very nice captions. We can’t argue with that, and what I am going to do here is not much different, but it might just help you avoid the need to include a large number of plugins on a single web page.

css-html, design, javascript, tools, tutorial

427

0 comments

2010

16

JUN

Create Your Own Dashboard Menu

In this tutorial we are going to create our own dashboard menu as in Leopard dashboard. Dashboard menu in Leopard usually uses as a container for a tons of widgets we have and that will be nice if we have one on our web application. First, take a look at below demo to know the result we want to build.

css-html, javascript, tutorial

652

0 comments

Give Your Gallery Some Old Fashion Static Noise

For old times sake, lets make a small jQuery gallery plugin which ads static noise with every slide change, and where slides can contain anything from images, to any other content. But, no fancy controls. Just a basic wrapper that hooks up on parent container and transforms it into a one slide at the time gallery, with optional slide interval and static noise duration.

design, javascript, tools, tutorial

436

0 comments

2010

15

JUN

10 Awesome HTML5, CSS and Javascript Demonstrations

HTML5 has changed the game of web development. I have collected 10 awesome html5, css and javascript demonstrations that will let you experience the power of them!

css-html, design, javascript, trend

11489

6 comments

2010

14

JUN

Filtering Through Table Rows With Few Lines Of Code

Just as we’ve started plugins section with a simple plugin, lets start tutorials section with a simple tutorial in which we will use jQuery to filter out table rows that do not contain desired search string. It really doesn’t get simpler than that as we will use only a couple of jQuery lines to achieve our goal.

css-html, design, javascript, tutorial

267

0 comments

2010

11

JUN

4 x 5 Star Rating Tutorial With jQuery In The Hot Seat

Sometimes logical steps, which we use every day to find solutions for our problems, fail us without a single word of warning. Sudden need for quality star rating tutorials ended up with four usable ones.

ajax, design, javascript, tutorial

399

0 comments

2010

10

JUN

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [end]

The final part of a six part tutorial on building a live blogging system using php, mysql, jQuery, html5 and CSS3.

ajax, javascript, php, tutorial

194

0 comments

2010

9

JUN

15+ Best Multi Level Menu jQuery Plugins and Tutorials

This is a collection of the 15+ best Multi Level Menu jQuery Plugins and Tutorials we could find on the internet.

javascript, tutorial

969

0 comments

Start Simple & Let Children Do The Padding Dance

As animated padding on child elements is a simple subject, it is not a problem to write few specific and targeted lines along with other application code, as it was the case in that project. But, as jQueryFun is fairly new in this pool of sharks, it might as well be a good starting point to feel the water and maybe make one small and simple jQuery plugin. So, let’s get started.

design, javascript, tools

27

0 comments

2010

8

JUN

Create a Custom Content Slider with jQuery

In this tutorial, we are going to create a custom content slider. The concept behind it is pretty simple, when you click on a button, it uses jQuery scroll-To plugin to scoll the content and display the right content.

css-html, design, javascript, tutorial

14813

20 comments

2010

6

JUN

jQuery: Animate to an Unknown, Variable Height or Width

Imagine an animated, sliding box displaying a daily news feed. When the page loads the box displays an excerpt of news then expands to display the full content. Now make sure the article is selected at random so we never know it’s full length. Sounds like fun already. The unknown variable for height in this scenario can cause a few headaches using the .animate() method . . .

design, graphic, javascript, tutorial

476

0 comments

jQuery: The Basics

Unless you’ve been living under a rock you’ve probably been exposed to jQuery. If you’ve been on Facebook, YouTube, or Twitter you’ve seen it. Those cool Popup windows, boxes that fade out, and other effects can be created using this powerful technology.

javascript, tutorial

415

0 comments

2010

4

JUN

jQuery Notification Plugin with jQuery UI-ThemeRoller Ready

Pines Notify is a JavaScript noti fi ca tion plu gin for the jQuery JavaScript library, devel oped by Hunter Per rin as part of Pines.

ajax, css-html, design, javascript, tutorial

425

0 comments

2010

2

JUN

33 jQuery tutorials to create Navigation Menu

Design calls in loads of out of the box thinking. Design needs loads of effects and functionality that should make a distinctive image and perspective. jQuery is one tool that makes all of this possible.

css-html, javascript, tutorial

webanddesigners

607

0 comments

2010

1

JUN

Create Ajax Loading Animation with CSS3

Normally Front end developers use gif animation for Ajax data loading. But now CSS3 animation property has been introduced and we can achieve the same Ajax loading animation effect using only css3 no gif animation required. So lets start working on it to get our desired effect

ajax, javascript

747

0 comments

2010

31

MAY

jQuery Websites - The international Showcase - Be inspired!

jQuery provides a variety of approaches to making content of Web pages interactive. Whether sliding or fading to navigation or content elements, whether a Lightbox popup offers detailed descriptions, or the incorporation of animation effects for background graphics, jQuery is still a large repertoire in order to inspire them to leave.

design, inspiration, javascript

Webstandard-Team

617

0 comments

Really Useful Tutorials You Should Have Read in May 2010

This update covers really useful tutorials, tips and techniques that you should have read in May 2010. Featured authors include: Marco Kuiper, Jeff Starr, Louis Lazaris, Martin Angelov, Paul Irish, Janko Jovanovic, Saud Khan, Matt Ward, Adnan Osmani, Mary Lou, Steven Benner and more.

javascript, php, tutorial, wordpress

314

0 comments

jCollapsible – Simple Threaded Comments jQuery Plugin

jCollapisble is a JQuery plugin that takes any nested list (OL or UL that have children) and coverts it into collapsible threads. This is especially useful to create simple threaded comments on a blog or forum without having to modify the backend code.

css-html, javascript, tutorial

415

1 comment

2010

28

MAY

Cloud Zoom – Powerfull Image Zoomer jQuery Plugin

Cloud Zoomis lightweight jQuery Image zoomer plugin that comes with impresive features. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

css-html, javascript, trend

726

1 comment

30+ Best JavaScript Tutorials You Have To See

30+ best JavaScript Techniques and trainings we could find on the internet.

javascript, tutorial

579

0 comments

2010

27

MAY

jQuery Tag Cloud Plugin

This plugin will create a animated tag cloud out of the list of tags for your blog/site. It is based upon the jQuery framework. Although there are many tag cloud available in jQuery Plugin arsenal, I really felt the need to create this one. The plugin include font animation as well as tag animation in three ways (horizontal, vertical and random). Very easy to implement and customize.

freebies, javascript, tools, usability

765

0 comments

Ultimate Collection of Useful Jquery Plugins

jQuery plugins are not only easy to use but also makes websites professional and beautiful by using various Image sliders, image viewer, google maps plugins. So , here is a list of useful jquery plugins that are really helpful for your up-coming projects.

565

0 comments

2010

26

MAY

How to add Floating share box to your website

After spending couple of hours searching for floating share box plugin for Wordpress, I finally decided not to use plugins.

css-html, javascript, tutorial

webanddesigners

488

0 comments

Simplest jQuery Spotlight Effect Tutorial

This tutorial will guide you how to build a spotlight effect with caption. I have seen someone use this technique before, I think that's cool, so I decided to spice thing up a little bit by adding a caption into it.

css-html, javascript, tutorial

12195

5 comments

2010

24

MAY

Create Custom PopUp (Model Window) with jQuery

Here will try to create a model window using css and jquery.

css-html, javascript

506

0 comments

2010

20

MAY

Tabbed Content with Navigation using jQuery UI

Since last 1 week we haven’t post any tutorial and we are really sorry for this. But today will post a tutorial on content slide with manual navigation using Tab function of jQuery UI library.

css-html, javascript, tutorial

795

0 comments

2010

19

MAY

Remove top static bar with one line javascript code

If you are a regular digg user, you will find a static bar (could be frame) on top of your browser window on permalink pages. If you need to kill that static bar from the top for anonymous reason , simply add the following code of javascript just inside your head tag.

376

0 comments

2010

18

MAY

8 Extremely Beautiful Flash and Javascript Image Sliders

There are heaps of image sliders out there. This time, my search is not limited to javascript only, but flash too. I know there plenty of flash gallery, but most of them are not free though. I have filtered out simple javascript slider and listed out only the best of the best.

design, flash, javascript, tutorial

11310

4 comments

2010

17

MAY

22 Best jQuery Twitter Plugins

Twitter integration into web design is now fun and easy, thanks to the amazing jQuery Twitter plugins. Get tickers, Quoters, Real time tweets and much more with this collection of amazing jQuery twitter plugins.

css-html, design, graphic, javascript

649

1 comment

2010

16

MAY

Developing an ASP.NET ColorPicker Server Control using jQuery

A tutorial on how to develop a custom jQuery plugin as well as an ASP.NET Server Control that wraps the mentioned plugin. The complete source code is also provided.

css-html, design, javascript, tutorial

372

0 comments

2010

14

MAY

Projekktor – HTML5 VideoTV & Video Player

Projekktor is a JS wrapper for the new HTML5 video and audio elements. It solves cross browser and compatibility issues, adds some eye candy to the native players and provides usefull non standard features. This HTML5 player is easy integration to any site, just include one JS file and use standard video or audio tags thats all.

css-html, javascript, video

462

0 comments

2010

13

MAY

25 Very Detailed jQuery Image and Content Slider Tutorials

In the last few years image and content sliders become very popular and you can see them in thousand of blogs and websites.It is useful for a blog owner to show the featured contents and i also think it is a great way to attract the visitors

javascript, tutorial

882

0 comments

Filter Image View Using jQuery

The image items are showing and hiding with horizontal slide effect based on user choice. Horizontal slide effect produced by manipulating item’s width, when hiding the item we will change the item width into 0 pixel, and when showing the item we will return its default width.

css-html, javascript, tutorial

709

0 comments

2010

12

MAY

Analog Clock using Javascript & Raphael

I have used images of different dials (which I have downloaded from google) as backgound. Upon which the clock is drawn through Raphaël. Luckly, for me, the center of these dials images excatly conicides with the center for clock. Another option I provided in the demo is to change the color of second, minute and hour hand of the clock according to the dial selected by the user.

freebies, gadget, javascript, misc, tutorial

638

0 comments

Featured Image Zoomer

A jQuery script to view a magnified portion of any image upon moving your mouse over it. A very useful script to use on product images, photos etc.

340

0 comments

jQuery Full Screen Image Slideshow

Full Screen Image Slideshow is a cool slideshow that uses jQuery and PHP to display large images from a directory automatically and using the entire browser window as its canvas!

65

0 comments

2010

11

MAY

Create Bounce out Vertical menu with jQuery

http://webdesignersdesk.com/2010/05/create-bounce-out-vertical-menu-with-jquery/

css-html, design, javascript

102

0 comments

Nintendo Co : The Return of Game Revolution King Is Back

The reason why Nintendo can survive for a hundred years is that it can integrate the old technology and meet the needs of player.

font, freebies, inspiration, javascript

54

0 comments

8 Amazing Javascript Experiments of Physic and Gravity Simulation

In this list I have gathered 8 examples/experiments that apply physics and gravity to demonstrate the power of Javascript. Some of the examples are simply stunning and incredible!

inspiration, javascript

14109

13 comments

2010

7

MAY

HTML5 Unleashed: Tips, Tricks and Techniques

This article provides some basic guidelines and easy to follow code templates to get you started with HTML5. If you are familiar with the basics and want to take things to the next level, you will also find several useful resources providing more tips, tricks and techniques.

css-html, javascript, tutorial

527

0 comments

2010

6

MAY

How to display ratings as stars using CSS and a bit of jQuery

A tutorial on how to display rating values as colored stars using CSS, two images. Optional enhancement with a touch of jQuery code.

css-html, design, javascript, tutorial

474

0 comments

10 Practical Jquery Style Switchers

Here is a roundup of 10 practical jquery stylesheet switchers for you to test and implement into your website, thus providing a better user experience.

css-html, javascript, tutorial, usability

520

0 comments

2010

30

APR

12 Helpful jQuery Plugins to Check Before Ending April 2010

This is a list of 12 helpful jQuery plugins you are maybe missing. The list contains some plugins that are really helpful for your up-coming projects. Enjoy the list and don’t miss any awesomeness this month!

inspiration, javascript, tools

672

0 comments

CopperLicht JavaScript/WebGL 3D engine 1.1 released, now supports Character Animation

The JavaScript 3D engine CopperLicht has been released today in version 1.1.0. This release now adds support for character animation: The 3D engine is able to import and play back skeletal animated meshes.

ajax, graphic, javascript

461

0 comments

2010

29

APR

10 awesome jquery flip plugins for next level interface

Image flipping becoming popular these days and many major blogs and websites already using it. Flips add good user interface experience and therefore giving better feel and look to web application

1079

0 comments

2010

28

APR

Image Puzzle Using jQuery

We all had played image puzzle at some point in our life. The game in which we have to arrange various shuffled pieces of a picture in an order. I built the same puzzle using jQuery and jQuery UI libraries.

css-html, freebies, javascript

553

0 comments

30 Best jQuery tutorials

jQuery these days has become talk of the town because of its increasing crave and demand in the designing field. It has captivated attention by its fast and concise JavaScript Library that simplifies, event handling, animating, HTML document traversing and Ajax interactions for speedy web development.

javascript, tutorial

webanddesigners

663

0 comments

2010

27

APR

jGrowl Theme : Mono & Basic

Last night i found an interesting stuff, two Growl themes. It’s ‘mono’ and ‘basic’ theme by Christopher Lobay. By using these themes my growl turn beautifully. I remembered jGrowl, a jQuery based notification like growl and i think this will be useful if turn jGrowl default theme into ‘mono’ or ‘basic’ style.

css-html, freebies, javascript

698

0 comments

Fixing The Menu Manager Width Issue In WordPress 3.0

The menu manager in wordpress 3.0 (still in beta) got updated. I don’t like it, it doesn’t even scale. Take a look at the post, you will see what i’m talking about and how to fix it.

javascript, php, wordpress

493

0 comments

10 Image Galleries jQuery Script with Thumbnail Filmstrip

There are heaps of image galleries out there but don't know which one is the best? I have searched through the Internet and I found these image galleries that come with a filmstrip (thumbnails). Most of the are pretty easy to implement, and if you want to create a custom jQuery script, no problems at all because some of them are presented in tutorials.

design, javascript, tutorial

11551

3 comments

Cross-Browser Rounded Buttons with CSS3 and jQuery

Tired of generating rounded buttons in Photoshop? This HTML/CSS/JS solution is simple, clean, and works in all modern browsers.

css-html, graphic, javascript, tutorial

557

0 comments

2010

26

APR

30+ Helpful jQuery Plugins For Design and Development

In this second jQuery Plugins post,i’ve collected 30+ plugins which will be useful for web developers’ projects.Today while i was searching for a plugin i decided to bring together all these plugins which i think will help you one day.

javascript, tools

554

0 comments

97 Highly Effective Single-Page Mini Templates

Light and simple, but still very effective single-page mini templates that have multiple uses. Html resume templates, vcard templates, coming soon templates and many more.

ajax, css-html, freebies, javascript, template

574

0 comments

2010

23

APR

Animated Landscape Using CSS and jQuery

Create Animated Landscape using CSS and Jquery.

css-html, javascript, tutorial

604

0 comments

News By Company

News By Company offers distribution and submission of articles, company news, press release and product launch for small businesses. Submit online free of charge.

icon, javascript, wordpress

50

0 comments

2010

22

APR

Shadow Motion Effect in 5 Lines Of jQuery

Get done with shadow motion affect in jQuery with 5 line codes. This effect can use with any animation. You can use it via everyTime or setInterval method.

ajax, css-html, design, javascript, tutorial

794

1 comment

14 most sexy galleries and slideshows using javascript and CSS

A slideshow is a display of a series of chosen pictures, which is done for artistic or instructional purposes. And if the slideshow is cool and sexy , it would surely add glamor and feeling of impressiveness

css-html, javascript

1472

1 comment

2010

21

APR

Play More With jQuery Games

The well know jQuery is not restricted to just animated user interfaces and amazing widgets. There is more to the “write less do more jquery”! See the cutest side of jQuery with this digest of eye catching and attractive jQuery games. Play more with this 20+ collection of jQuery games.

css-html, design, graphic, javascript

611

0 comments

Clear Upload File Input Field Using JavaScript’s innerHTML

When developing a HTML web form the input field should always be allowed to be cleared by the user. The problem is that there is no default value to erase the contents on the field without using some JavaScript. The easiest way to get or modify the content of an element is by using the innerHTML property.

css-html, javascript, tutorial, usability

784

0 comments

2010

20

APR

10 Random jQuery Snippet

In this post, I will list 10 random jQuery snippets I collected from all of my previous tutorial. If you always follow my tutorial you must be familiar with the following snippets, enjoy!

css-html, javascript, tutorial

743

0 comments

Tutorial to build a simple Content Slider using jQuery

Content Slider is very popular now-a-days and used in various websites. You may choose from a wide range of jQuery plugins available online, or you can write it on your own. Yes it’s not a rocket science to create the content slider. This simple tutorial will guide you to build your own content slider, with simple Javascript code and animate() function provided in jQuery.

css-html, freebies, javascript, tutorial, usability

789

0 comments

Unqiue & Cool Image Gallery using jQuery

A unique and fancy image gallery built in jQuery using jQuery core lirary, UI and plugins. Worth checking out

freebies, javascript

706

0 comments

Create auto-complete using jquery and css

Today I have tried to make auto-complete using jquery and css inspired by facebook. Auto-complete functionality can be used in filling e-mail ids or maybe story tags.

css-html, javascript

556

0 comments

Create a Custom jQuery Image Gallery with jCarousel

Alright fellow web designers and developers. We are going to do something a little bit more hardcore this time. There are heaps of jQuery plugins out there, but it's hard to find something that suit us. So, this tutorial will teach you how to be creative and create a customize plugin.

css-html, javascript, trend, tutorial

20665

19 comments

2010

19

APR

Bubbly jQuery Plugins

Bubbles are one of the most interactive user interface elements. Create animated pop up bubbles, dialogs and bubble tips in jQuery with these wonderful collection of jQuery Bubble plugins. Leave a bubbly impression on users with these set of bubbly jQuery plugins.

css-html, design, graphic, javascript

651

0 comments

Create animated vertical Menu Using Jquery

Today i come up with one more tutorial on Navigation menu but this time its animated vertical navigation menu with css and jquery.

css-html, javascript, tutorial

993

0 comments

elFinder – Open Source File Manager for Web

elFinder is an open-source file manager for web, written in JavaScript using jQuery UI. As you can see its creation is inspired by simplicity and convenience of Finder program used in Mac OS X operating system.

css-html, design, javascript

508

0 comments

Single Page Websites With Creative Javascript Effects

So, you must be thinking, how to create a website with good user experience with just CSS, HTML and Javascript? Check out these websites, they are using jQuery, and really captivating! I have gained a lot of inspirations through this findings and I believe you will love it too :)

css-html, design, inspiration, javascript

15129

9 comments

2010

18

APR

jCoverFlip – Customizable jQuery Feature Content Plugin

jCoverFlip is jQuery plugin that allow us to showcase both images and content associated with an item. This plugin has been developed to enable fast and granular customization of the look and feel and feature set. jCoverFlip support for Drag or click functionality to showcase featured content items on demand by the user.

css-html, design, javascript

734

1 comment

Nice Menu : CSS Animation & jQuery Animate

Expressjs has a nice button menu. Yes it absolutely nice since it has opacity and box shadow on each button, automatically widen when mouseover and again opacity to transparent when mousedown. I’d like to explain how they works with pure CSS version and jQuery version.

browser, css-html, javascript, tutorial

1008

0 comments

2010

16

APR

Test for Border-Radius Support

Rounded corners with border-radius are nice... when they work. Here's a simple script that will let you test for border-radius support using jQuery.

browser, css-html, javascript, tutorial

353

0 comments

2010

13

APR

20 Tutorials to effectively blend HTML with jQuery

HTML is an amazing scripting language. Blending HTML with jQuery lets one make the most out of HTML. Extend the limitations of HTML by blending it with jQuery. So here is a collection of amazing tutorials and plugins to blend HTML and jQuery.

css-html, design, graphic, javascript

714

0 comments

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [demo]

Awesome demo of a series of tutorials on building a live blogging system with php, htm5, css3, jquery and mysql.

css-html, javascript, php, tutorial

453

0 comments

HalfCirlce - Another free wordpress theme

HalfCircle was designed with simple, unique and cool design, using black, white and orange as its main colors. The theme comes with theme option, jQuery tab, dropdown menu, embedded flickr widget and other features Suitable for any niche especially your personal blog

cms, freebies, javascript, template, wordpress

409

0 comments

2010

10

APR

Create Groovershark-like Widget Slider

Groovershark has a nice style on displaying their widgets. As you can see from their website, the slider has three elements addition that make it more beauty, they’re gradient image on the left and the right side and the image as a border for the selected widget on the center. Yes, we’ll make that thing from stratch.

css-html, javascript, tutorial

561

0 comments

2010

8

APR

jQuery Image Bubbles

Image Bubbles is a cool Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it from within a series of images. It's a nice way to draw attention to an image when the mouse rolls over it. Both the speed and magnification level of the image when it bubbles up can be customized.

863

0 comments

2010

7

APR

40 Excellent jQuery Plugins To Work With Data Presentation and Grid Layout

The roundup of 40 excellent jQuery plugins to work with data presentation and grid layout

ajax, design, freebies, inspiration, javascript

839

0 comments

Picbox – Lightweight Javascript Image Viewer

Picbox is a lightweight (around 5KB) javascript image viewer based on the Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

css-html, design, javascript

537

0 comments

2010

6

APR

Add print ability to fancybox jquery plugin

In this post, I will show you how to add a nice working print button to the fancybox jquery plugin.

css-html, javascript, tutorial

858

0 comments

Create lightweight jquery fade manual slideshow

From my previous article of content slider , today I am using same HTML and CSS but producing fade effect rather than slide one. This can be easily done by adding two simple functions on the current jquery code.

css-html, javascript

995

0 comments

2010

5

APR

BubbleUp jQuery Plugin to Spice Up Your Menu

Spicing up your menu with BubbleUp jQuery plugin. This plugin now is more flexible, easy to customize and working with all major web browsers with any size of images.

freebies, javascript, tutorial

913

0 comments

25+ Tutorials on How to Build Navigation Menus with jQuery

Check out a long list of comprehensive tutorials that teach how to use jQuery when building awesome navigation menus. The better your website navigation is the higher chances your visitors will find what they are looking for.

design, javascript

852

0 comments

2010

4

APR

[CodeSnippet] jQuery : Fade In Webpage

The following short code is a way to add a fade in effect to your webpage. The main task we want to do are hiding our webpage content then display it with fade in effect when the user load the webpage. These step will use two jQuery built-in function, hide() and fadeIn().

css-html, javascript, tips, tutorial

823

0 comments

Ultimate Collection Of jQuery Tabs

Tabs help create amazing amazing user interfaces. Web space can be used efficiently and effectively with tabs. So here is an ultimate collection of over 25 jQuery tabbing plugins to help designers create excellent user interfaces.

css-html, design, graphic, javascript

984

0 comments

20 Impressive jQuery Button Plugins

Buttons are no longer rectangular and limited to grey and black. Thanks to jQuery, now you can paint your UI with colorful, glowing and animated buttons. Style the good old buttons to bring out impressive effects with these wonderful jQuery button design plugins.

css-html, design, graphic, javascript

777

0 comments

2010

2

APR

Learn How to Enhance Your Backgrounds with jQuery!

As jQuery becomes a new trend, we thought you’ll find it useful to follow the top jQuery tutorials. Note: most of these tutorials are aimed to make your backgrounds even more impressive.

design, graphic, javascript

359

0 comments

2010

1

APR

Jquery Tutorial : Toggle Effect on Hover/Click

Today we will learn how to get simple toggle effect on hover/click with jQuery. We will use Css and Jquery to get our final output.

css-html, javascript, tutorial

875

0 comments

2010

31

MAR

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part I]

A series of tutorials on building a live news blogging system. Developed using HTML5, CSS3, jQuery, XML for front end and php and jsp for backend. This part features coding the layout, styling it and adding some basic jQuery features.

ajax, css-html, javascript, tutorial

565

0 comments

Filling multiple divs by single ajax call using jquery

Sometimes we need to fill two divs simultaneously using ajax. Generally , we use two different ajax calls to achieve this rather knowing the fact that it can also be done using single ajax call.

ajax, javascript

786

0 comments

Really Useful Tutorials You Should Have Read in March 2010

This update covers really useful tutorials, tips and techniques that you should have read in March 2010. Featured authors include: Jeffrey Way, Andrew Burgess, Louis Lazaris, Martin Angelov, Chris Coyier, James Padolsey, Konstantin Kovshenin, Marco Kuiper, Teylor Feliz, Saad Bassi and more.

css-html, javascript, php, tutorial, wordpress

407

0 comments

2010

30

MAR

10 Amazing JQuery Tutorials For Your Next Project

jQuery is a lightweight cross-browser JavaScript library that emphasizes interaction between JavaScript and HTML.You dont have to use flash for animation, you can do the same with jquery.Today, we present a splendid collection of JQuery tutorials that will serve you for your next project.

ajax, javascript

922

0 comments

2010

28

MAR

jConfirmAction a jQuery Plugin for Confirmation Box

jConfirmAction is a jQuery plugin that aims to replace a plain confirmation box with a cute one. This plugin will help you to create a flying bubble confirmation box upside your link.

css-html, freebies, javascript, misc, tools

894

0 comments

test13 wdfs fsdf sdf

testing 123 123 123

cms, freebies, javascript

59

0 comments

6 jQuery documentation alternatives for quick implementation

The things that bugs a web developer is the way they have to find the right documentation for what we search for.

595

0 comments

2010

26

MAR

[CodeSnippet] jQuery : Confirm User’s Action

Don’t let your link that have a critical action (such as delete some data or something else) fly away on their own self, we must put a confirmation before do the action to prevent user’s mistake. Now, let us make that one.

css-html, javascript, tutorial

763

0 comments

Best Animated Jquery Slideshows

Here is a collection of some of the best jQuery slideshow scripts, packed with eye-catching transition effects which are just perfect for showcasing your work and image galleries.

design, javascript, trend

1054

0 comments

2010

24

MAR

Impressive web forms. From coding to validation!

Learn how to code a top-aligned form, style it using modern technologies such as CSS3, how to validate its data using javascript (client-side), and how to validate data server side using php.

css-html, javascript, php, tutorial

812

0 comments

Take Control of Your Table View

CSS Pseudo-selector come like a saviour, it makes our life easier by saving our time for traversing the Document Object Modelling (DOM). Especially for nth-child pseudo-selector, it can make us choose any element we want by pointing its index number (start from 1), it means we can easily choose any object element we want to modify.

css-html, inspiration, javascript, tutorial

410

0 comments

"Windows 7" window based on CSS3 & jQuery - Tutorial Part 2

You'll find the interface design of Windows 7 handsome and you are interested in CSS3 and jQuery? For the further course will be created in this tutorial-2-divider, a draggable & resizable window of "Windows 7" window based on CSS3 and jQuery UI.

css-html, javascript, tutorial

Webstandard-Team

608

0 comments

10 New jQuery Plugins You Have to Know

I haven't done a roundup for jQuery plugins for quite a while, but I have noticed that there are quite a few of new jQuery plugins out there and they really caught my attention because of its design and application. So, this is the 10 jQuery plugins that I have collected for last few weeks.

javascript, tools

30593

12 comments

2010

23

MAR

"Windows 7" window based on CSS3 & jQuery - Tutorial Part 1

You'll find the interface design of Windows 7 handsome and you are interested in CSS3 and jQuery? For the further course will be created in this tutorial-2-divider, a window of "Windows 7" based on CSS3 and jQuery UI.

css-html, javascript, tutorial

Webstandard-Team

553

0 comments

2010

22

MAR

Highly customizable yet simple form validation jquery plugin

Form validation is one of the most important aspect on any web application. More the form is secure more secure will be the application. So as to validate form using jquery , is really simple and can be highly customize

659

0 comments

Stylize Your Own Checkboxes

Checkbox is one of the most frequently used element on the forms, plain checkbox will be nice if in the forms we made there are many checkbox or others forms element that are used, but how about we just need a single checkbox in our forms without any other forms element, a little bit horrible, i think.

css-html, design, javascript, tutorial

774

0 comments

2010

20

MAR

Simple Flip Puzzle Effect with jQuery

Yesterday I saw an ad of a telecommunication provider and I was inspired by its ending which shows the company’s logo using a puzzle paper effect. I think that’s fabulous and we can implement it using CSS plus jQuery without Flash. Ok, let’s go get it!

css-html, graphic, inspiration, javascript, tutorial

945

0 comments

Howto Create Mac-like Login Form

Yesterday, a friend of mine asked me how to create a login page like Mac’s (shaking, sliding, loading bar) because he need it for an application he is working on. I straightly answer, “OK, I’ll make it for you,” because it sounds interesting, besides, I can use it as a topic for this blog too. Here’s the review of the implementation, enjoy!

css-html, javascript, tutorial

1130

0 comments

2010

19

MAR

How to Speed Up Your WordPress Blog by Having Less Plugins

Many articles that present methods to make WordPress load faster, There is however, one more thing you may do to improve your blog’s performance, and that is reducing the number of plugins that are loaded into memory for each post and page in your blog.

javascript, php, seo, tips, wordpress

426

0 comments

2010

18

MAR

Sending data with jQuery.

This is a tutorial that I did on one of my sites. This tutorial shows you how to use the $.post() function in jQuery and was a popular tutorial on jTuts.

javascript, tutorial

566

0 comments

2010

17

MAR

iPhone-Style Navigation:AJAX + Rotate (Part II)

This is the sequel of previous tutorial discussing how to make iPhone style navigation. Once I promised to talk about how to implement AJAX and how to add cookie onto the script we have made before, right? But there will be a little change on the plan.

ajax, css-html, javascript, misc, tutorial

854

0 comments

How To Create iPhone-Style Navigation (Part I)

In this tutorial I’d like to talk about how to make an iPhone style navigation using jQuery and CSS. This tutorial is divided into 2 parts.

css-html, javascript, misc, tutorial

710

0 comments

Create Portfolio Website With CSS/jQuery

amazing tutorial which uses only pure CSS and jQuery to design a whole portfolio website, no photoshop or any other design software required.

css-html, design, javascript, tutorial

850

0 comments

2010

16

MAR

Image Zoomer - A free Wordpress plugin

Image zoomer is jQuery zooming tool. The plugin gives any image on your page the ability to be magnified when the mouse rolls over it. The square effect uses a "magnifying glass" that appears over the image lets the user zoom in to show close-up detail of the image.

freebies, javascript, tools, wordpress

400

0 comments

Implement SpaceGallery & MouseWheel

Still remember jQuery plugin named SpaceGallery? Now I wanna combine it with another interesting jQuery plugin, MouseWheel. SpaceGallery is a jQuery plugin helping you make image stack.

css-html, javascript, misc, tutorial

668

1 comment

Mask Your Input Forms and Make It Beauty

Text masking is an alternative for us to display information what type of content user must input to our forms, as usual jQuery make our life easier, to implement that we just need to create the script that read user actions (focusing or bluring the input), read its value then decide to empty the input value or refill with its default value.

css-html, javascript, tutorial

695

0 comments

Create Animated Navigation Menu From Stratch

Authenticjobs has a nice navigation menu. How could it be nice? The navigation will automatically shifted to the menu that we choose. Now in this tutorial, I’d like to discuss how to make not only an animated navigation like that but also an informative one.

css-html, javascript, tutorial

559

0 comments

12 Amazing and Creative Javascript Games

Javascript never cease to amaze me nowadays. I have found some amazing and really creative games made with javascript. A good inspiration to know what javascript can really achieve. You will enjoy this post.

design, inspiration, javascript

12831

5 comments

2010

15

MAR

Useful Tooltips Tutorials and jQuery Plugins

The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear — a small "hover box" with information about the item being hovered over.

ajax, css-html, javascript, tools, tutorial

843

0 comments

5 tips for using AJAX in WordPress

AJAX is used in many WordPress themes and plugins. However, not all of those themes and plugins implement AJAX properly. This article reveals 5 best practices in developing AJAX for WordPress. Warning: This is a long and information-packed article. Be sure to bookmark this post so you can always go back for reference!

ajax, javascript, php, wordpress

406

0 comments

Working with cookies using jQuery and JavaScript

Overview on using cookies via jQuery or JavaScript.

486

0 comments

2010

14

MAR

Check all uncheck all and invert checkboxes using jquery

To check all and uncheck all checkboxes using jquery is real fun. I tried making for my current project and shared with you

514

0 comments

2010

13

MAR

How to Make WordPress Shortcodes User-Friendly

Since WordPress 2.5, Shortcode has proven to be one of the most powerful features that allows lots of room for flexibility and customization. However, as anything that has the word “code” in it, shortcodes are not very user friendly. This article shows you how to make shortcodes in your themes and plugins more accessible and user friendly.

javascript, php, usability, wordpress

636

0 comments

2010

11

MAR

9 jquery plugins you probably haven’t seen

As we know jQuery is a lightweight cross-browser JavaScript library that emphasizes interaction between JavaScript and HTML and is most popular JavaScript library in use today.

889

0 comments

2010

10

MAR

Create Simple and Clean password strength checker using jquery and css.

Jquery is very clean and easy to integrate in web applications. To create password strength checker with jquery is simple and can be done easily. Recently , in my latest project , I have used it and liked the way it changes color.

501

0 comments

2010

9

MAR

10 Cool Websites with Amazing jQuery Effects

jQuery has made our life easier to achieve great result. It's time to show you something cool. Check out the these websites, they all are using pretty amazing animation and intensive javascript effects!

css-html, design, javascript

32755

19 comments

2010

8

MAR

2 Different Ways For Getting Twitter Status (PHP or jQuery)

Nearly everyone who has a website and a twitter account shows their status on the website. Here are 2 different ways you can use to get the status and show it on your website.

javascript, php, wordpress

603

0 comments

38 Cool MooTools Plugins Developers Should Know

Mootools are one of the very famous Javascript Framework. With this we can write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

javascript, tutorial

615

0 comments

2010

5

MAR

How To Integrate jQuerry Scroll To Top Control in Wordpress

Scroll to top is a button that hovers in the bottom right corner of your screen that allow users to smoothly scroll to top of page, in this tutorial we will integrate jQuerry scroll to top function in wordpress manually.

javascript, tutorial, wordpress

546

0 comments

ljubavimoja portal za sve zaljubljene, web katalog linkova i ljubavnih sajtova

cms, design, javascript

73

0 comments

2010

4

MAR

A 6 lines Javascript for 3 effects

How a simple 6 lines Javascript can power some effective effect.

ajax, javascript

595

0 comments

2010

3

MAR

Image Power Zoomer

Image Power Zoomer gives any image on your page the ability to be magnified when the mouse rolls over it. A "magnifying glass" that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth.

527

0 comments

Rotated Background with Slide Up Menu

Let's think of a box with rotating images inside. along with the images, we have a navigation menu that slides up / down while the images rotate. Pretty cool huh? well lets show you how I made this happen.

css-html, graphic, javascript, tutorial

781

0 comments

2010

2

MAR

Make your own jQuery slider using XML

A detailed, in depth jQuery, XML tutorial on how to build an awesome slider that handles images, video and full HTML.

javascript, tutorial

1254

0 comments

25 Excellent jQuery Tutorials for Navigation Menu

Lots of cool effects can be achieved using jquery so today we just started our tutorial series on Jquery starting with navigation menu. In upcoming days will write some tutorials on jquery for our readers. Check out this awesome Jquery navigation menu tutorials thank you.

css-html, javascript, tutorial

1017

0 comments

2010

27

FEB

10 Awesome jQuery and JavaScript Snippets

Awesome collection of jQuery and JavaScript snippets. Enjoy.

1244

0 comments

2010

26

FEB

Integrate SexyBookmarks into your Personal page with JavaScript

In this post, I’ll show you how to add SexyBookmarks into your personal page, only with HTML, CSS and JavaScript; no server-side requirement. Obviously, you (and your visitors) can have some little limits without PHP; but this release still satisfy most of the circumstances. With different platforms, please query the search engines for the installation guides.

css-html, design, javascript, tips

526

0 comments

Having fun with jQuery and HTML 5

Discusses how you can create an amazing "Scare Bear" using HTML5 and jQuery.

css-html, javascript, tutorial

871

0 comments

2010

25

FEB

34 Outstanding Admin Panels for Your Web Applications

I want to come in your help and presenting you 34 most appealing and fully featured back-end control panels from the internet. Choose you favourite,create an web app and start taking your internet stake too!

ajax, css-html, design, javascript

488

0 comments

How To Get Digg, Delicious and Tweet Counts Using jQuery

This tutorial shows you how to use jQuery to programmatically get Digg, Delicious and Tweet counts for a specific URL. You will be able to style this data however you like using CSS. And best of all, you can do this without depending on any server side code.

ajax, css-html, javascript, tutorial

248

0 comments

Useful and Practical jQuery Image ToolTips Tutorial

In this tutorial, we will learn how to create a thumbnail image tooltip with jQuery. It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it's a useful script for your website.

css-html, javascript, tutorial

16040

11 comments

2010

23

FEB

Learning jQuery: Your First jQuery Plugin, “BubbleUP”

A jQuery tutorial which helps you create your own jQuery Plugin. Learning jQuery with a fun and easy way to generate a bubble effect for your menu list and we're going to call it BubbleUP.

ajax, css-html, design, javascript, tutorial

747

0 comments

Create Infinte scroll effect using Jquery – With Demo

On my first visit to Dzone , I was wondering about their infinite scrolling system and how it is created.

css-html, javascript

833

0 comments

How to Use jQuery to Make Slick Page Transitions

Adding the final touches to a site can be the difference between a polished and beautiful site that looks “refined,” and a mediocre site that leaves no impression on visitors. jQuery, the versatile JavaScript library, can be leveraged to create all these fine tuned elements.

css-html, javascript, tips, tutorial

933

0 comments

10 Small Things You May Not Know About Javascript

In this article, I’ll provide ten small Javascript tips, mainly aimed for beginner and intermediate Javascript developers. Hopefully there’s at least one useful tip for every reader.

434

0 comments

2010

22

FEB

7 ‘Scroll to Top’ jQuery Solutions

In this post you will find seven jQuery solutions which allow your visitors to smoothly scroll right to the top of a page, making your website more user friendly.

design, javascript, tutorial, usability

346

0 comments

2010

21

FEB

40+ Stunning jQuery Plugins and Tutorials

We all love Javascript. With jQuery, it is now so easy to write really nice JavaScript effects. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development

javascript, tutorial

808

0 comments

Create Simple Jquery Right Click Cross browser Vertical Menu

Creating right click with the help of jquery is real easy and can be implemented very quickly. While trying for my one of the project , I made one and sharing it today.

css-html, javascript, tutorial

860

0 comments

2010

18

FEB

jquery Quicksand on Codeigniter

I liked Quicksand by razorjack so much, so I put it on Codeigniter. All the credit goes to razorjack and please read his documentation and other credits information. Since I am writing about Codeigniter Shopping Cart series, I am going to add the Quicksand to this application. It has already back-end facilities with BackendPro.

cms, javascript, php, tutorial

1001

0 comments

2010

17

FEB

Jquery CssGrab : Grab CSS Selectors on a click

Writing right HTML is itself a challenge for developers and writing correct selectors for this HTML in stylesheets is pretty complex sometimes

css-html, javascript, tools

647

0 comments

18 Incredible CSS3 Effects You Have Never Seen Before

I did some search around the web and there are heaps of CSS3 examples that are really make my eyes wide opened! It's incredible! I could never imagine to make animation using CSS few years ago. So, in this post, I will show you my findings of 18 Incredible CSS3 Effects that will blow you away!

css-html, inspiration, javascript, trend

33269

12 comments

JavaScript Popup - TopUp the jQuery Solution

JavaScript Popup - Who needs to implement inline HTML, Flash and Videostuff into a JavaScript Popup-Solution, has to check the Plugin TopUp ( based on jQuery ).

ajax, inspiration, javascript

Webstandard-Team

1323

0 comments

2010

16

FEB

How to Pull Your Google Buzz with jQuery

Embed your buzz stream into a website yourself by pulling your Google Buzz using jQuery.

ajax, css-html, design, javascript, tutorial

234

0 comments

25 Most Stylish jQuery Plugins

Stylize your designs with the best in class widgets, utilities, slide shows, forms and much more with this collection of most stylish jQuery plugins. Style is all that matters for a best in class design. Stylish designs and user interfaces are now a cakewalk with these jQuery plugins.

css-html, design, graphic, javascript

1445

0 comments

10 interesting inline editor plugins you might be searching for

Today in search of some inplace editors for my project , I found some really interesting scripts. Inplace editing or inline editing is very useful in editing the text on the same page without refreshing it hence making user interface more strong.

javascript, tools

532

0 comments

2010

15

FEB

Google Buzz Widget - A jQuery Plugin

This is a jQuery widget for the brand new social network -Google Buzz- that you can embed anywhere to integrate your buzz stream into your page.

ajax, javascript, tools

308

0 comments

Quicksand - The animated jQuery-Filter

The data visualization CoreAnimation ( used on Phone or Mac OS X 10.5 ), was inspiration for the jQuery Filter-Plugin Quicksand ( sort by name, data-size,.. ).

ajax, inspiration, javascript

Webstandard-Team

685

0 comments

2010

14

FEB

"Vertical Tabs" for jQuery lovers!

Discusses how you can build a "vertical tab" using HTML, CSS and JQuery.

css-html, javascript, tutorial

1999

0 comments

2010

12

FEB

7 trusted ajax file upload plugins using jquery

Uploading files without refreshing page looks nice and even simple. With the help of ajax and jquery one can achieve this. Today I have collected 7 ajax file upload plugins which are cool and easy to integrate.

ajax, javascript

1452

0 comments

Puffing Smoke Effect with jQuery - Be interactive with JavaScript

The jQuery plugin "Smoke Effect by Gaya Kessler is a very playful script in which stacks of 2 can alternately be ejected clouds (the graphical elements) are arbitrarily modified.

ajax, inspiration, javascript

Webstandard-Team

289

0 comments

2010

11

FEB

8 jquery rating scripts for your next web app

Poll , vote or rating in any new project is very common. We developers, use our most of time in searching good scripts for rating or poll. Today I have collected 8 jquery rating scripts for better user experience for your next project.

ajax, javascript

1294

0 comments

2010

10

FEB

PhotoShoot - The Photoshoot Effect with jQuery and CSS

Photo Shoot - The jQuery plugin Photoshoot produces a very special photo shoot effect, through which you can share the work with a camera.

ajax, javascript, tutorial

Webstandard-Team

858

0 comments

10 Stylish jQuery caption plugins

Listed here you will find ten stylish jQuery caption plugins which you can freely use in your future work.

design, javascript, tutorial, usability

847

0 comments

2010

9

FEB

40 Examples of Cool Javascript

JavaScript has blossomed so rightly. Since then, there are jquery, Mootools , Scriptallicious, Prototype etc..which really produces cool effects. In todays time, java script is a must have component.

design, javascript

762

0 comments

10 Brilliant CSS3 and jQuery Examples

This post is all about CSS3 and Javascript. With all the new features that come with CSS3, there are whole lot of animation possibilites that can't be achieve before. So, Check this out and get inspired

css-html, inspiration, javascript

27742

8 comments

2010

8

FEB

30 The Best jQuery plugins inspired from Twitter and Facebook

The plugins in this article will allow you to insert in to your website very interesting effects of Social media giants: Twitter and Facebook. If you want to create Facebook like Twitter fan page or Facebook post on Wall effect, these plugins are for you.

design, javascript, tools

959

0 comments

2010

7

FEB

7 wonderful Analog and Digital clocks using CSS and Javascript

Today i have collected 7 cool analog and digital clocks to use in your next project. I find these clocks really cool and impressive. Moreover these clocks shows the power of CSS and Javascript which is why it makes these clocks worth watching.

css-html, javascript

527

0 comments

2010

6

FEB

10 Amazing jQuery AJAX Widgets

AJAX can add life to even a simplest user interface. Add style and interactivity to your designs with this set of Amazing jQuery AJAX Widgets.

ajax, css-html, javascript, tutorial

1503

0 comments

20+ Stunning jQuery Animations

A little bit of animation can spruce up a dull user interface. This collection of jQuery Animations pull up a whole new style of interactivity through stunning animations and effects.

css-html, design, graphic, javascript

1072

0 comments

2010

5

FEB

CopperLicht JavaScript 3D engine released, using WebGL

CopperLicht, a fast JavaScript 3D engine has been released today in its first public version. It uses WebGL and is able to render huge 3d worlds like Quake 3 levels (see the demos) at playable speeds. It comes with a full 3d world editor to edit levels and maps and is free to be used.

ajax, browser, graphic, javascript

96

0 comments

Top 15 Jquery CSS Animated Navigation Tutorials

Top 15 Jquery CSS Animated Navigation Tutorials with download sources and live demos

css-html, design, javascript, tutorial, usability

1062

2 comments

2010

4

FEB

Forms: Sliding Labels - jQuery and Mootools Version

Who wants to be successful in eCommerce doesn't comes around Forms. A very interesting approach to this, Tim Wright returns with "Form Design with Sliding Labels".

ajax, javascript, tutorial

Webstandard-Team

902

0 comments

2010

3

FEB

Best Of January – 10 Web Development Articles And Tutorials

I handpicked 10 web development related articles and tutorials that i liked the most in January. Check them out, you might have missed some.

css-html, javascript, php, tutorial

995

1 comment

2010

2

FEB

10 Stunning Examples of jQuery Animations

jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 10 Stunning Examples of jQuery Animation to get you on your way.

inspiration, javascript, tutorial

40492

16 comments

2010

1

FEB

Create an Event calendar using Codeigniter and jQuery

This blog inspired me to make an event calendar using Codeigniter. You can download Bari’s source files here. Please unzip it and save them. We are going to use them later. I used most of Bari’s codes and implemented in Codeigniter. I continue using BackendPro for this purpose. You can read more about it here. It has an excellent ...

javascript, php, tutorial

1921

0 comments

2010

29

JAN

Should I use on hover behavior?

An article that tackles the problems that one can encounter while using on hover events in web development, and tips on how to fix them.

javascript, tips, usability

468

0 comments

Navigation Menu made by jQuery - Tutorials

The following selected (for jQuery beginners easily understood) through the implementation of the tutorials have JavaScript library jQuery, etc. add the options according to selected menu items in addition to the self-images or sub-menu

ajax, inspiration, javascript

Webstandard-Team

1116

0 comments

2010

27

JAN

Easy way to Slide Images with Overlay Caption Using CSS and jquery

Today i found an article on Images with Overlay caption while reading feed of queness. Moreover , I previosly did one article on Lightest content slider ever which was really cool. Now , today i tried mixing these two tutorials and made one.

css-html, javascript

1223

0 comments

2010

26

JAN

The Easiest Javascript Sliding Door Effect Tutorial with jQuery

This is my fouth tutorial about thumbnail effect. This time is the well known sliding door effect that slide the top layer to top, bottom, left or right direction to reveal the content underneath.

css-html, javascript, tutorial

13535

9 comments

2010

25

JAN

Cappuccino – build desktop caliber applications that run in a web browser

Cappuccino is an open source framework that makes it easy to build desktop-caliber applications that run in a web browser. Cappuccino is built on top of standard web technologies like JavaScript, and it implements most of the familiar APIs from GNUstep and Apple’s Cocoa frameworks.

javascript, tools, trend, usability

148

0 comments

11 must see flash like effects using jquery

While stumbling through jquery plugins i found that jquery can produce some really cool flash like effects which performs well.

css-html, javascript

890

0 comments

Making A Cool Thumbnail Effect With Zoom And Sliding Captions

Since the thumbnail spotlight effect i wrote a tutorial about was and still is amazingly popular i decided to make another cool thumbnail effect. This time with zoom and sliding caption.

css-html, javascript, tutorial, usability

1008

0 comments

2010

23

JAN

Superb Jquery Image Effects and Tooltips Tutorials

Superb Jquery CSS Image Effects and Tooltips Tutorials to improve your sites

css-html, gadget, javascript, tutorial, usability

1202

0 comments

2010

22

JAN

How To Emulate a Foreach Loop in JavaScript

JavaScript lacks a true 'foreach' loop contstruct, which often trips me up. Here's how to fake one.

javascript, tips, tutorial

469

0 comments

Another 12 extraordinary Jquery and css demos

Many blogs like tutorialzine , sohtanaka doing great work in making tutorials and giving very useful stuff to the web developer community. Since my previous post on jquery and css demo was a good success so today, again , I collected some excellent demos of jquery and css.

css-html, javascript

820

0 comments

2010

20

JAN

Essential jQuery Tips, Plugins and Tutorials for Building a Fancy Website

In this post, I'm going to let you know all the plugins and scripts that I used in my recent project that requires intensive AJAX calls and javascript fanciness. I have listed them in a list of plugins and tutorials and I know it's going to be really useful to all of you.

design, inspiration, javascript, tips

16415

9 comments

2010

19

JAN

Create a Fast and Simple Toggle View Content with jQuery

This script is fairly straight forward. What it does is using the UL list and allow user to toggle to display the content of LI items. This is a really useful user interface feature that it helps designers to save space and build a less complicated user interface.

css-html, javascript, tutorial

15482

10 comments

2010

18

JAN

7 javascript-effect alternatives using CSS3 for webkit browsers

As we all know CSS3 is hot these days and will soon kill javascript libraries. I have tried today some cool animations using CSS3 for webkit browsers (e.g. Google Chrome and safari).

css-html, javascript

921

0 comments

2010

17

JAN

Star rating using CSS Sprite and Jquery – With Demo

As we all know CSS sprite and jquery are in trend. I have seen many star rating tricks but none of them are using css-sprite. I tried to make one , hope you all will love it.

ajax, css-html, javascript

1111

0 comments

2010

16

JAN

5 Fresh jQuery Plugins Make You Love Your HTML Forms More

Working with HTML forms is really a nightmare because your forms always mess up. This post includes 5 newest and useful jQuery plugins that help you work with HTML forms better and love them more.

ajax, design, javascript, tools

1221

0 comments

A L P School, Bayar - Perodi

WELCOME.......A L P SCHOOL BAYAR- PERODI, Is one of the oldest kannada medium school in kasaragod district Ested In 1820.

design, javascript, seo, template

116

0 comments

2010

15

JAN

Best of Blogs - Preview 2010 - Webdesign, Inspiration, SEO

Best of Blogs - Preview 2010 includes a small collection of international Webdesign-, Webdevelopment-, jQuery-, Inspiration- and SEO-Blogs.

inspiration, javascript, photoshop, seo

Webstandard-Team

605

0 comments

10 Super jQuery and Ajax Scripts for Web Developers

In this post I have shared free jQuery and Ajax scripts to help our upcoming web developers. In this list includes - A Drop-Down Menu Plugin for jQuery, Rotating jQuery Tabs, Sliding Login Panel with jQuery, AJAX Loading Panel, Mysql Ajax Table Editor, jQuery youtube playlist plugin etc.

ajax, javascript

1573

0 comments

2010

14

JAN

10 Ways to animate your hyperlinks

CSS provides some powerful ways to style your hyperlinks but if you want to go one step further and add some smooth animation to your hyperlinks, than I believe you will find this list useful.

design, javascript, tutorial, usability

731

0 comments

14 jquery and CSS demos I wish I knew much before

Today I have collected 14 demos of jquery and css ,I wish I knew them before. Just go through the list you will surely love it.

css-html, javascript

1114

0 comments

2010

12

JAN

Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3

This custom dialog box is one of the scripts in that website and I think it will be quite useful for all of us. The reason I have this custom dialog box is to overcome the inconsistencies across different browsers. It uses CSS3 to style everything and it looks really nice!

css-html, design, javascript, tutorial

45639

11 comments

Lightest jquery content slider ever made- 380 bytes

I made one content slider using this animate function and found that its script excluding “jquery.js” is less than 380 bytes , yes i repeat its 380 bytes.

css-html, javascript

1196

0 comments

Think outside the box! the team perfect page!

A detailed tutorial on building an original team page for any kind of website. Contains full source code and code guidelines for XHTML, CSS, jQuery.

css-html, design, javascript, tutorial

503

0 comments

Improve Usability and CTR: Make an Entire List Item Clickable

Larger clickable areas make for greater usability and a higher click-through rate. Here's how to expand a clickable area to an entire list item using jQuery.

css-html, javascript, tutorial, usability

519

0 comments

2010

11

JAN

9 Rating and Voting Javascript Plugins and Tutorials

Rating and voting features are one of the ways to encourage user interaction with the website. I have gathered a few of javascript rating plugins that are built with jQuery, Mootool or prototype framework and a few of tutorials if you want to know how it works or implement it by yourself.

css-html, design, javascript, tutorial

12060

1 comment

MopSlider - jQuery-Plugin - The Content-Slider

MopSlider is a jQuery based JavaScript-Plugin that allows you to create slider, which can different type of items ( HTML, Images, Flash ).

ajax, inspiration, javascript

Webstandard-Team

1358

0 comments

jQuery-Plugins and Tutorials - Sliding, fading, scrolling, zooming, ...

jQuery-Plugins and Tutorials for making the web(content) more easy to handle! Check out all that sliding, fading, scrolling and zooming features!

ajax, inspiration, javascript

Webstandard-Team

1155

0 comments

2010

7

JAN

jsFiddle ( Mootools based Shell-Editor ) - Test your JavaScript-Code

jsFiddle a Tool which is helping with writing (X)HTML, CSS & JavaScript. Load the page or code-snippet, edit the relevant fields and load the result, which can saved for further usage.

ajax, inspiration, javascript

Webstandard-Team

604

0 comments

The 6 Don'ts of Web Development

Over the years i have found (usually the hard way) that there are a lot of guidelines we need to remember whenever we are working with the web. So keep these in mind next time you're building a website!

css-html, inspiration, javascript, tips

689

0 comments

2010

6

JAN

10 Javascript Plugins that Skin and Beautify Web Forms

In this post, I have found 10 javascript plugin that will able to skin the web form, they will look consistent in different browsers. Some of them skin the entire form elements and some of them skin only checkboxes and radio buttons. Anyhow, I think this is something good to know if your client want to spice up the webform a little bit more.

design, javascript

21845

10 comments

2010

5

JAN

5 useful jquery tricks every web developer should know

Hello developers. We really find jquery a good framework and find out really good tricks which every web developer should know.

javascript, tutorial

987

0 comments

2009

30

DEC

Don't Miss Out Latest 10 jQuery Plugins Before Closing The Year 2009

Enjoy the newest, latest 10 fresh and helpful jQuery plugins in jQuery Plugins series before closing the year 2009.

design, inspiration, javascript, tools

940

0 comments

moochart – bubble diagaram mootools plugin

moochart is a plugin for MooTools 1.2 to create goog looking and customable bubble diagrams on the canvas tag. The moochart can be customized using a bunch of options or argument such as, width, height, bubbleSize, line color , bubble color, tooltips and more.

935

0 comments

2009

29

DEC

Popular-on-Twitter Widget: Topsy-enabled jQuery Plugin

Another Topsy-enabled jQuery plugin to list the most popular posts on your website, from your Twitter timeline or for some keyword within a selected period of time.

ajax, javascript, tutorial

873

0 comments

14 Outstanding jQuery Navigation Menu Tutorials

As a jQuery lover, I always find myself trying to invent something really cool, useful and able to integrate into design easily. This time, I've chosen a few of very useful and helpful navigation menu tutorials. They are comprehensive tutorials, and cover everything with detailed explanations.

css-html, inspiration, javascript, tutorial

57717

14 comments

2009

28

DEC

UKI – Simple UI Kit for complex web apps

Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with rich view-component library ranging from Slider to List and SplitPane.

design, javascript

684

0 comments

jQuery Multi Level Popup Menu

jQuery Popup Menu lets you associate a multi level drop down menu to any link on the page, so moving the mouse over the link activates the menu to be shown beside it.

1665

0 comments

2009

27

DEC

Spacegallery – time machine like image gallery

Spacegallery is JQuery plugin to create time machine alike image gallery. This JQuery plugin makes your image list into Time Machine a like image gallery.

963

0 comments

qkForm -jQtransform a like on MooTools

In the previous post i have featuring jQtransform and jQtransform theme. Today i will introduce you about qkForm (quick form). qkForm is Mootools plugin that have the same task as jQtransform.

673

0 comments

2009

26

DEC

Free jqTransform Theme

designersandbox is sharing slick and free jqTransform Theme to download. This package including 15 style preset colors. jqTransform is a jQuery styling plugin which allow user to skin form elements in a easy way. The only thing we have to do is to add a javascript inclusion to this plugin in the header section of our web page, and assign the correct class to the form.

css-html, javascript

1542

0 comments

MooEditable- MooTools WYSIWYG editor

MooEditable is simple web-based WYSIWYG editor, written in MooTools. MooEditable automaticaly converts a textarea field into a WYSIWYG editor.

1028

0 comments

2009

25

DEC

Clearbox – javascript image and content viewer

Clearbox is javascript based image and content viewer overlay window. This javascript library can use to display image galleries and many type of contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc.

1146

0 comments

2009

22

DEC

jQuery Plugin Roundabout (- Shapes) - The interactive Image-Gallery

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area.

ajax, inspiration, javascript

Webstandard-Team

1786

0 comments

2009

20

DEC

5 New Useful jQuery Plugins For Your Next Projects

The recommendation of 5 new and useful jQuery Plugins that you should consider using for your next projects.

ajax, inspiration, javascript, trend

1085

0 comments

2009

18

DEC

Learning jQuery: Optimize Using Modal Window or Dialog Box in JQuery UI

This post is in the Learning jQuery series. Let's enjoy a post today by learning how to maximize the Modal Windows or Dialog Box in jQuery UI. This post explains how to use this Dialog Box on the right way.

ajax, design, javascript, tutorial

1646

0 comments

jQuery Plugin Meerkat - Fixed Top/Bottom Content

Meerkat, named for its pop up like behavior, is a jQuery plugin and it's used as a simple promotional tool, a roost for advertisements, or even as an alternative to a splash or entry page; Meerkat is unobtrusive, cross-browser compatible, and degrades gracefully if Javascript has been disabled.

ajax, inspiration, javascript

Webstandard-Team

1215

0 comments

2009

17

DEC

20 Best jQuery Tips and Tricks Collection

jQuery adds amazing effects to your designs. With the beauty and attraction of animations and effects comes the overhead to speed and performance. Create efficient and optimized jQiuery designs with this collection of jQuery tips and tricks collection, which is a compendium of several easy ways to generate commonly used effects and simplest ways to optimize your jQuery code.

css-html, design, javascript

1082

0 comments

Best jQuery Video Plugins

Integrating videos is no longer a hassle! Thanks to jQuery, there are a number of jQuery plugins that can help stream videos from your favorite websites easily. Display videos and video play list in style with these jQuery video plugins.

css-html, design, javascript

1584

2 comments

Best JavaScript Christmas Effects

Christmas is a season to showcase your creativity and best designing skills. This collection of JavaScript Christmas effects tutorials cover addition of Christmas lights, colorful santaclause, generation of Christmas trees for websites and much more. Decorate your website with a Christmas theme using these colorful JavaScript effects.

css-html, design, graphic, javascript

1152

1 comment

2009

16

DEC

jQuery Features - Best of Showcase

jQuery Showcase of Websites with features like sliding, page-scrolling, lighbox-popups or drag ′n drop-Effects

ajax, inspiration, javascript

Webstandard-Team

1306

0 comments

jQuery Photo Slide Show with Slick Caption Tutorial Revisited

A revisit from my previous famous Image slide show with semi-transparent caption jQuery tutorial. I have fixed bugs and enhanced this image slide show to be more efficient, w3c compliant and more semantic. Quick! Learn how to create a slide show with cool sliding caption effect using jQuery.

css-html, javascript, tutorial

68319

141 comments

2009

13

DEC

20 Must Read JQuery Tutorials for Web Developers

In this post I am sharing a list of very useful JQuery Tutorials to help web developers including Form Validation, Form Submission without refreshing a page, Jquery Accordion Menu, Modal Window Tutorial, Vertical Scrolling menu with CSS and JQuery etc.

2288

0 comments

2009

10

DEC

Speed Up Firefox

Firefox is an internet browser that is preferred by many web designers and internet savvy people because they know that it is more secure, more standard compliant, and allows better customizations. Although Firefox is a very fast browser it can be better. In this article we will give you some good tips to make your Firefox preform better and faster.

browser, javascript, misc, tips, tutorial

748

1 comment

2009

8

DEC

jQuery Sticky Tooltip script

A sleek tooltip script that's unique in that the tooltip can be temporarily "stickied" to let the user interact with content within it, such as click on a link.

css-html, javascript

1994

0 comments

jQuery Masonry - Floating content - The easy way!

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height.

ajax, inspiration, javascript

Webstandard-Team

2091

1 comment

20++ jQuery Introduction Tutorials and Resources for Beginners

jQuery is an amazing Javascript library that makes it easy to create astonishing web effect in just a few lines of code. This post gathered all useful jQuery tutorials to kick start your learning process.

javascript, tips, trend, tutorial

27516

26 comments

2009

7

DEC

Who-Tweet Button: Fancy jQuery Plugin for Twitter

I took the Topsy retweet button and jQuery-fied it, then added the "Who" part to it using the awesome Topsy API. to create this fancy share count button for your stories on twitter.

ajax, inspiration, javascript

838

0 comments

23 Best jQuery Facebook Style Plugins

The Facebook User Interface is one of the most popular, attractive and simple to use. At the same time, it is a challenge for designers to create these kind of user interface. These jQuery plugins help designes to create facebook style UI with ease.

css-html, design, javascript, tutorial

1981

0 comments

Essential Tips and Tricks for Coding and Debugging AJAX Based Website

AJAX combined different web technologies to work together, as a result, it would a major headache to debug it if problems arised. I have a few tips and tricks that I learnt from my journey of ajax web development.

css-html, javascript, php, tips

11954

9 comments

2009

4

DEC

Nice And Simple Toolbar For Your Website With CSS3 And jQuery

In this tutorial we’ll learn how to build a nice toolbar for our website using some CSS3 properties and basic jQuery techniques.

css-html, javascript, trend, tutorial

1023

0 comments

300+ Amazing Jquery CSS Tutorials Round up

300+ Amazing Jquery CSS Tutorials Round up

ajax, css-html, javascript, tutorial, usability

1121

0 comments

Why Do We Love These 5 Fresh and Awesome jQuery Plugins?

Enjoy the post of 5 fresh and awesome jQuery plugins, then you will find out why we love them by their cool features.

ajax, design, inspiration, javascript

763

0 comments

2009

2

DEC

Highcharts - The most interactive Charting JavaScript-Library

Highcharts is a plugin which is focused on the interactive graphical analysis of data and can be operated either by using the JavaScript library jQuery or MooTools, and works on the iPhone, and the IE6.

ajax, inspiration, javascript

Webstandard-Team

1207

0 comments

2009

1

DEC

Interactive jQuery Plugins

The key to a successful design is interactivity. Interactivity makes a design usable and friendly. These interactive jQuery plugins showcase the simple yet inspiring ways in which interactivity can be added to designs.

css-html, design, graphic, javascript

993

1 comment

Create a Vertical Sliding Bar Thumbnail Effect with jQuery

A revisit from my previous famous tutorial, I have changed the transition to something different. 4 bars will be sliding up and down and reveal the description of the thumbanil hidden underneath.

css-html, javascript, tutorial

21513

4 comments

2009

30

NOV

20 Colorful jQuery Plugins

Colors add beauty to designs. So why not add a splash of color to jQuery plugins? These colorful jQuery plugins enhance the usability and interactivity by animating and playing with colors. Bring out a riot of colors in your designs with this collection of colorful jQuery Plugins.

css-html, design, javascript, tutorial

1159

0 comments

2009

27

NOV

10 Awesome Tutorials How To Create Image gallery

In this collections you’ll find hight quality tutorials how to create image gallery. All of them demo and source code available for download.

css-html, design, javascript, tutorial

1266

0 comments

jQuery Plugins For A Better User Interface

A well designed user interface is the prima-facie medium for user attraction. A good user interface can impress users and improve the reputation of a website. This collection of jQuery Plugins For A Better User Interface help you design attractive and intuitive user interface to communicate well with users.

css-html, design, graphic, javascript

1123

0 comments

Interactive jQuery Plugins - Shopping-Cart, Fancy-Captcha, Sticky-Note, ...

jQuery Plugins are good and easy possibility to get your users more interactive. This Collection of jQuery-Plugins show you how! Watch a drag & drop based Shopping-Cart, a Fancy-Captcha, movable Sticky-Note, jQSlickWrap, iPhone-like password field and more ...

ajax, inspiration, javascript

Webstandard-Team

2837

1 comment

2009

26

NOV

Superb Image Zooming Jquery and CSS Tutorials

Superb Image Zooming Jquery and CSS Tutorials

css-html, javascript, tutorial

1024

0 comments

2009

25

NOV

Best jQuery Drawing Plugins

jQuery, the write less do more code, now lets you to write less and draw more. These plugins and tutorials provide you with an insight on how jQuery can be used for drawing lines and a wide array of shapes.

css-html, design, javascript, tutorial

1468

0 comments

Enhance your clients list page with jQuery goodness

A tutorial on building a unique clients list page for your company or portfolio site using HTML 5, CSS 3 and jQuery.

css-html, design, javascript, tutorial

845

0 comments

2009

24

NOV

Twitter Trackbacks Widget - A jQuery Plugin

Highly customizable Twitter trackbacks widget to integrate tweets that mention your post into your blog. Each tweet comes with reply & retweet links to get more readers engaged in your story conversation.

ajax, javascript

709

0 comments

How to avoid comment spam?

Mindbreaking questions you need to answer, impossible images to decipher just to comment on an article or buy a product. Want to know how to avoid comment spam?

design, javascript, tools, usability

791

1 comment

12 Lightboxes and Javascript Plugins that support Video, Audio, Flash and Images

If you're creating a rich content website, read this post. I have gathered 12 multimedia supported lightboxes and plugins that help you to embed all sort of videos, audios and images.

flash, javascript, tools, video

19734

7 comments

2009

23

NOV

5 Fresh and Useful jQuery Plugins Were Born in November 2009

In November 2009, 5 jQuery plugins were born and most of people believed that they are useful for web designers. Enjoy the 5 fresh jQuery plugins!

ajax, design, inspiration, javascript

1024

0 comments

Introductio to PHP

PHP, or PHP: Hypertext Preprocessor, is a widely used, general-purpose scripting language that was originally designed for web development, to produce dynamic web pages. It can be embedded into HTML and generally runs on a web server, which needs to be configured to process PHP code and create web page content from it.

ajax, javascript, mysql, php

636

1 comment

2009

22

NOV

20 Best JavaScript Charting and Plotting Libraries

Won't it be nice if all your theoretical data were presented as charts? Charts add style and spice up the graphical interface. Style your content and layout with my handpicked collection of best JavaScript Charting plugins.

design, graphic, javascript, tutorial

668

0 comments

Text Effects In jQuery

jQuery is not just about Menus and Animation Effects. With jQuery you can also create attractive text effects and play with the text to communicate well with the users. With this collection, you can create text gradients, text fly effects, text glow and much more.

css-html, design, javascript, tutorial

1538

0 comments

40 Free Amazing jQuery Plugins and Tutorials With Demos

jQuery is something really wonderful for designers which gives functionality to the web sites and i think it really attracts visitors of the sites.

ajax, javascript

982

0 comments

2009

19

NOV

Top 10 Jquery Animated Navigation Tutorials

Top 10 Jquery CSS Animated Navigation Tutorials

javascript, tutorial, usability

1946

0 comments

2009

18

NOV

9 Fresh jQuery Media Players

Let jQuery play the tunes, with these fresh jQuery Media Player plugins.

css-html, design, javascript

1449

1 comment

Really Useful jQuery Plugins

Would not it be great if all your complex and hectic tasks be done with just a tiny piece of code? Then these jQuery Utilities will turn your wish true. Check out these wonderful jQuery Utilities that help you perfrom all your much sought tasks in a jiffy. Write less and really do more with jQuery Utilities.

css-html, design, javascript

1104

0 comments

10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

Javascript Tree view and sitemap are good tools to display the structure of your website. I have collected 10 plugins and tutorials that will save your time hunting for one.

css-html, javascript, tutorial

19011

5 comments

2009

16

NOV

Making a Cool Spotlight Effect with jQuery

In this tutorial we will make an amazing effect i saw on a portfolio of an australian designer which is so great i had to write a tutorial about it. Here it is…

css-html, javascript, tutorial, usability

1911

0 comments

2009

13

NOV

Midori - The ultra-lightweight JavaScript-Framework

Midori is an ultra-lightweight JavaScript-Framework ( 45KB uncompressed ) that gets the job done without getting in your way. - Midori is a Drag & Drop-, Toggle-Effect-Specialist!

ajax, javascript

Webstandard-Team

1008

0 comments

2009

12

NOV

gRaphaël - The JavaScript Library for stunning charts on your Website

gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

ajax, javascript

Webstandard-Team

821

0 comments

2009

11

NOV

Christmas Discount: XHTMLMania offers 20% off on PSD to HTML services!

Just to make the festive season more special for you XHTML Mania , a specialized division of XMania Group and highly admired PSD to HTML Slicing Provider, is offering a lucrative Christmas discount to all prospective clients. The company has announced a discount of 15% on all its PSD to (x)HTML & CSS conversion services.

css-html, javascript, wordpress

596

0 comments

10 Pretty Useful and Cool jQuery Plugins

There are new jQuery plugin being released everyday. In this post, I have found 10 jQuery Plugins that are pretty useful and also pretty cool concept.

javascript, tools, tutorial

25534

10 comments

2009

10

NOV

Developer’s Snack: Exploration on Web Tab Modules

The use of web tab module has been widely adopted to enhance the experience which is generally used to break content into multiple sections that can be swapped on the fly to save space.

ajax, css-html, javascript, usability

600

0 comments

Getting Closer to Google Closure

After Google Introduced Closure Library I wanted to get a closer look on it. here's what I've come to.

javascript, tutorial

745

0 comments

7 Amazing Presentation Slides to Teach you How to Code with jQuery

Want to learn to code in jQuery? These 7 slides from SlideShare are what you need to get started with jQuery.

css-html, javascript, tips, tutorial

1443

0 comments

Easy to Style jQuery Drop Down Menu Tutorial

Drop down menu is always the most famous solution in navigation menu. This tutorial will show us how to create one and also to keep it as simple as possible so that it can be styled easily.

css-html, javascript, tutorial

43366

36 comments

2009

9

NOV

13 excellent CakePHP tutorials

CakePHP is a rapid development framework written in PHP that uses the Model, View, Controller (MVC) software design pattern. Some people says, that CakePHP is leak on documentation. Here list of excellent CakePHP tutorials , that can help you for learning CakePHP , included installation , authentication and some advanced tutorials.

2216

1 comment

5 Fresh and Useful jQuery Plugins You Should Try

This post contains 5 fresh and useful jQuery plugins that you should try for your next project.

ajax, javascript, tips, tools

910

0 comments

2009

8

NOV

FileManager – web-based file browser

FileManager is a web-based file browser that can easily be integrated with popular inline HTML editors. Out of the box, FileManager works with FCKEditor and its successor, CKEditor.

ajax, javascript, php, tools

1125

0 comments

2009

7

NOV

Fantastic JavaScript 3D Libraries

Ever imagined if the tiny JavaScript code could render amazing out of the box 3D? Then be ready to enjoy wonderful 3D effects in simple JavaScript code. These JavaScript 3D Libraries let you render smooth yet attractive 3D effects with great ease.

css-html, design, graphic, javascript

942

0 comments

Inspirational jQuery Powered Websites

Be mesmerized by these Inspirational jQuery powered websites that have put jQuery to use in its best manner to leave a lasting impression on its visitors.

css-html, javascript

1504

0 comments

Simple Jquery Background Positioning Animation Tutorials

Simple Jquery Background Positioning Animation Tutorials for menu and form elements

css-html, design, javascript, tutorial

1178

0 comments

2009

6

NOV

JQuery for Beginners: Using Simple JQuery Effects for a Rockstar User Interface

One of my favorite parts about the JQuery library is the built-in effects, which can be tied into the events manager to animate the appearance and disappearance of elements in the web page. That is, you can make things like div and a elements slide or fade with ease.

javascript, tutorial

985

0 comments

Relax with Javascript: Randomize Your CSS Style

Sometime, we are bored with the only-one style in our website, but today, we will make some changes. We will create a javascript to randomize the CSS every time we refresh the web page.

design, javascript

615

0 comments

2009

5

NOV

5 Attractive Content Sliders with Featured list Layout

These content sliders are different with the rest because they have a featured list and a slideshow area. I have collected 5 of them, 4 Javascript and a flash based content slider which I believe could be very useful.

design, javascript, tutorial

23738

3 comments

Create a Hovering Scroll to Top Button With JQuery

Looking for an easy way to help your readers power through long web pages? Sick of scrolling for minutes at a time to get to the top of the document? Here’s a simple Scroll to Top button that hovers in the bottom right corner of your screen. Best of all, it’s made entirely from JQuery, CSS, and HTML, so you can easily drop it into preexisting pages and customize it to your hearts content.

javascript, tutorial, usability

1275

0 comments

20 Most Sexiest Jquery Plugins and Tutorials

20 Most Sexiest Jquery and CSS Plugins and Tutorials

css-html, javascript, tutorial

1031

0 comments

2009

4

NOV

Topsy Tip: Another Retweet Button to Embed Anywhere!

Topsy has just released a Wordpress plugin that gives you another retweet button. But, what if you can only work with a JavaScript widget? here is a small hack..

javascript, tips

646

0 comments

2009

3

NOV

Simpley Jquery CSS Slide Effect Tutorial

Simpley Jquery CSS Slide Effect Tutorial

css-html, javascript, tutorial

1997

1 comment

jQuery Drop Down Menu for RSS Subscription Tutorial

Learn how to create a simple drop down list with animation effect in this tutorial. This drop down menu can be easily skin and customize.

css-html, javascript, tutorial

24610

3 comments

2009

2

NOV

18 Mobile Frameworks and Development Tools for Creating iPhone Apps

The world of iPhone application development is evolving rapidly, and developers have a growing list of development tools from which to choose. I've created a list (incomplete I'm sure) of some of the more popular tools and frameworks.

css-html, design, freebies, javascript, tools

697

0 comments

Best Of October – 10 web development articles and tutorials

I handpicked 10 webdev articles and tutorials that caught my attention during the month of October. I really enjoyed reading them (and watching) and i hope you will enjoy and learn too.

css-html, javascript, tutorial, wordpress

807

1 comment

Learning jQuery: Horizontal Panel Sliding With animate() function

Use the <em>animate()</em> function to slide the panel to the left. It's useful for display your options for search page. By a trick, we will make the animation more simple.

ajax, css-html, javascript

2141

1 comment

2009

1

NOV

Gorgeous jQuery Tab View Plugins – Part-1

Tabs optimize the Navigation of web sites. Take Tab Navigations to the next level with my handpicked collection of Gorgeous, colorful and attractive jQuery Tabbed Navigation Plugins and Tutorials.

css-html, design, graphic, javascript

1524

0 comments

Best jQuery Links Of The Month

A collection of the best jQuery Links around the web, this month. Have the juice of all the wonderful jQuery links published all over the web this October. A list consisting of over 100+ plugins that will overwhelm you!

css-html, javascript

696

0 comments

2009

30

OCT

Interactive Webdesign with CSS and jQuery

There excists Animation without JavaScript, but just with CSS3 and Safari 4. Therefore the Webstandardblog presents a small collection of "Moving-Effects" ( toggle, fade (in + out), slide ) for Images, Navigations and Text-Content.

ajax, inspiration, javascript

Webstandard-Team

980

0 comments

Best of jQuery-Tutorials - Part 3

Part 3 of "Best of jQuery-Tutorials". This list contains very interesting jQuery-Tutorials and -Plugins ( navigations, image-gallery, sIFR-Plugin, Popup Bubble, Puzzle and many more )

ajax, javascript

Webstandard-Team

920

0 comments

Best of jQuery-Tutorials - Part 2

This is a very interesting second list of 10 jQuery-Plugins you have to check out ( Slide- and Panorama-Effects, Tooltips and many more).

ajax, javascript

Webstandard-Team

825

0 comments

Best of jQuery-Tutorials

Very interesting list of 10 jQuery-Plugins ( navigations, zoom-functions, jParallax, etc.)

ajax, javascript

Webstandard-Team

976

1 comment

Awesome interview with Tyler Finck, horizontal websites enthousiast and developer

An interview with developer Tyler Finck about horizontal websites trends and how to develop them.

javascript, misc, trend

645

0 comments

2009

29

OCT

Best Firefox Addons For jQuery Developers

A gift for jQuery developers! Integrate jQuery documentations and tools into Firefox using these wonderful add-ons for jQuery for ease of jQuery development.

browser, design, javascript, tools

1064

0 comments

Awesome Collection of Tutorials, Plugins, Showcase and Freebies on October

Round up of October community news goodies from jquery tutorials, plugins, wordpress plugins to showcase of beautiful and well-designed website. Also, A list of freebies to giveaway!

design, freebies, javascript, tutorial, wordpress

7291

2 comments

10 Attractive Jquery CSS Tooltips Tutorials

10 Attractive Jquery CSS Tooltips Tutorials

css-html, design, javascript, usability

1231

0 comments

2009

28

OCT

15 Best jQuery Navigation Plugins

The tiny navigation in your site decides if a two second long visit is memorable or not! Spice up your web user interface with this collection of easy to use yet eye catching navigation plugins and tutorials.

css-html, design, javascript

1289

0 comments

Creative & Interactive Webdesign without limits - Try jQuery-Plugins!

Creative & Interactive Webdesign with awesome jQuery-Plugins - Navigations, Twitter, Forms, Style-Switcher, Thermometer-Slider, Movie-Trailer, ...

ajax, javascript

Webstandard-Team

1018

0 comments

Mootools in Action - Gallery Showcase

JavaScript-Framework "Mootools" in Action - Showcase of international Websites ( from Ferrari to Vimeo ). Check them out!

ajax, javascript

Webstandard-Team

1376

0 comments

jQuery and CSS in Action - Gallery Showcase

This "Gallery Showcase" includes 10 interesting Websites based on creative jQuery- & CSS-Solutions ( navigations, slide-effects, etc. )

ajax, javascript

Webstandard-Team

1798

1 comment

Create a Simple Infinite Carousel with jQuery

This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.

css-html, javascript, tutorial

60281

12 comments

2009

27

OCT

Webstandards - The Power of JavaScript (jQuery) and CSS

The following collection with interesting functions is showing you the way of jQuery.

ajax, css-html, inspiration, javascript

Webstandard-Team

786

0 comments

Curtains Opening Animation with jQuery

In this tutorial we will make a nice curtains opening animation using jQuery with some additional effects. This animation is extremely easy to be made and i really like it, i hope you will too.

css-html, javascript, tutorial, usability

1582

0 comments

2009

26

OCT

Best jQuery iPhone Style Plugins

Unleash the power of jQuery on iPhone and create impressive iPhone style cool effects and widgets with these jQuery plugins.

css-html, design, javascript, tutorial

3227

0 comments

Plugins And Tutorials To Enhance The Images Of Your Website With jQuery

In this post I’ve collected some resources that can be useful to enhance the images in many web projects. A complete list of plugins and tutorials that will be useful to improve the quality of your next works. Enjoy!

freebies, javascript, tutorial

760

0 comments

jQuery - The easy way to navigate

15 different solutions to navigate through websites. The JavaScript-Framework "jQuery" is going to show you "how"!

ajax, inspiration, javascript

Webstandard-Team

913

0 comments

2009

25

OCT

App Development: HTML/CSS3/JavaScript is the New Platform

MobiOne, an IDE that utilizes the power of WebKit browser engine, is an enterprise-class emulator that enables development of mobile applications using web standards such as HTML 5, CSS 3 and JavaScript.

css-html, design, freebies, javascript, tools

726

0 comments

2009

23

OCT

Best jQuery iPhone Style Plugins

Unleash the power of jQuery on iPhone and create impressive iPhone style cool effects and widgets with these jQuery plugins.

css-html, design, javascript, tutorial

1861

0 comments

Quick Regex Replacement Tips For Text Editors

Find and replace is a very powerful tool. And most editors have regex support for find and replace so heres a few quick examples.

css-html, javascript

581

0 comments

Ajax Contact Us Page And Message Management Backend

Very few websites in the age of Web 2.0 are without a contact us page. This tutorial concentrates on the backend utilising the simplicity of XML as a storage facility and uses jQuery to make it easy for you to manage any messages that get sent to you.

815

0 comments

Quick Ajax Register and Login

Registration and login forms play a massive part in thousands of websites now and getting this right can be a very important part in building your site. I belive that registration should be a very easy process for the user. Some websites (IMDB) make it so hard to register and validate your account. So in this tutorial we will be keeping simplicity in mind.

css-html, javascript, php

1416

1 comment

Scroll Box Position – Check if it’s at the bottom

I wanted to see if I could check if a user has scrolled to the bottom of the box. For example, to see if they have read all the terms and conditions. We can find out the scroll position using $(selector).scrollTop() and to find the highest posible scroll position using $(selector)[0].scrollHeight.

css-html, javascript

1323

0 comments

12 Flash-like jQuery Effects

One of the brilliant things about jQuery is the ease in which you can implement animations. A few years ago anything that looked even the smallest bit impressive would make you think of Flash. But now with all these new javascript libraries it makes animation easy.

css-html, design, flash, javascript

1870

0 comments

16 Javascript Tutorials Inspired By Social Networking Sites

Social networking websites play a big part in most peoples lives these days. They play an even bigger part in the lives of web designers/developers. So these websites are a good place to get inspiration.

css-html, javascript

1463

0 comments

Live CSS Editing With jQuery

There isn’t a real practical use for this however if you want to have a mess around quickly to test something it can be very useful. Perhaps you could impliment something like this in an admin control panel for the CSS editor. This would work very well in that case. But for now we are just using it as a sandbox.

css-html, javascript

1042

0 comments

jQuery Approach Plugin

I came across a great new plugin for jQuery today which adds great flexibility to animation. What it does is animate according to your cursors proximity to an element. So you can make an element change in tranparency or colour as the cursor gets closer.

css-html, javascript

762

1 comment

2009

22

OCT

30 Amazing jQuery Image Effect Plugins To Enhance Your Images

Add a gush of style to the plain images in your website using this collection of jQuery Image Effect plugins, that help enhance images, create galleries, scrollers and bring in life to the plain images.

css-html, design, javascript, tutorial

1258

0 comments

Equal Column Height with jQuery

In this tutorial i will show you how to achieve equal height on multiple columns. There are a lot of ways to achieve this, one of them is with CSS but with jQuery it’s peace of cake. Here is how…

css-html, javascript, tutorial, usability

1288

0 comments

jQuery-Games - Memory, Tetris, Puzzle, Slotmachine, Blackjack ...

Online-Games are no longer only based on Java-Applets. JavaScript is the Key! Therefore jQuery-Games proudly presentsTetris, Slotmachine, Blackjack...

ajax, javascript

Webstandard-Team

1678

1 comment

2009

21

OCT

Twitter Friends & Followers Widget - A jQuery Plugin!

There is a Facebook fans widget, Google friends widget, what about a Twitter friends widget?! Here is a jQuery plugin that you can embed anywhere to display pictures of your Twitter followers or friends (whom you follow) and their latest tweets if you like.

ajax, freebies, gadget, javascript

833

0 comments

10 Superb Image Effects and Slides tutorials with jQuery and CSS

10 Superb Image Effects and Slides tutorials with jQuery and CSS

css-html, design, gadget, javascript, tutorial

1220

0 comments

8 Javascript Plugin Effects and Tools to Beautify and Control Web Text

I have collected these Javascript plugins to add effect to your text/font and as well as some useful tools to help you to style and control your website text.

javascript, tools

12837

8 comments

Javascript DOs and DONTs. Complete with 17 examples from real web

Case study on 17 sites that heavily use javascript. What they do right and what are their flaws showing how should bugs be fixed to achieve progressive enhancement.

flash, javascript, tutorial, usability

1265

0 comments

2009

20

OCT

25 "Cutest" jQuery Plugins

Blend cuteness with usability with this collection of Inspirational jQuery plugins blending, Animation, usability and cutenes to create the perfect user interface. An excellent source of inspiration for jQuery Developers.

css-html, design, javascript, tutorial

1322

0 comments

10 Amazing jQuery Plugins To Improve Your Forms

In this article i handpicked 10 jquery plugins for improving forms that i like the most, and i really hope you will like them too.

javascript, tools, tutorial, usability

1179

0 comments

Create a Thumbnail with Fading Caption Using jQuery

This tutorial will show you how to create a fading caption for your thmbnail gallery. It uses jQuery framework and CSS to create this transparent and fading effect.

css-html, javascript, tutorial

41664

29 comments

2009

18

OCT

17 Amazing jQuery Rollovers – Examples and Tutorials

This collection helps create eye catching rollovers with ease. Create amazing rollovers with sliding boxes, rolling images, moving text and much more using jQuery.

css-html, design, javascript, tutorial

3075

0 comments

2009

16

OCT

Upload Robots: Free fast file uploading service

Upload Robots is a cool new service that allows you to upload files free with a slick mac-like interface.

ajax, freebies, inspiration, javascript, tools

757

0 comments

16 Best jQuery Widgets

Splash up your designs with jQuery widgets. A collection of smart widgets combining usability and style, a must read for designers and developers.

css-html, design, javascript, usability

2872

0 comments

2009

14

OCT

jQuery Games! Write Less, Play More!

These are my handpicked collection of colorful and enjoyable games developed using jQuery. You can use the techniques implemented in these games as an inspiration to bring out yet more intuitive games.

design, graphic, javascript

1389

1 comment

2009

13

OCT

10 Best Javascript Drawing and Canvas Libraries

Develop Rich interactive internet applications with these javascript drawing and canvas libraries.

css-html, design, graphic, javascript

1196

0 comments

How To Display Form Fields Based On Selection With Or Without jQuery Cookie

Over these years, adding JavaScript to a form has become very common. The introduction of JavaScript has changed the way in which a user interacts with an online form.

javascript, misc, tips, usability

714

0 comments

2009

12

OCT

Building iPhone Apps with HTML, CSS, and JavaScript

Jonathan Stark, a mobile and web application developer, has released his book titled ‘Building iPhone Apps with HTML, CSS, and JavaScript’, online under Creative Commons Attribution-Noncommercial license.

css-html, freebies, javascript, tutorial

860

0 comments

Pipho - a PHP iPhone Optimized Image Gallery

I wrote before about JAIPHO, a mobile optimized web gallery that can be installed on both mobile and standard websites. Now the developer of JAIPHO has created a server side solution – Pipho.

design, freebies, javascript, php

1335

0 comments

Making image captions using jQuery

In this tutorial we will make a nice semi-transparent image caption using jQuery. The image caption will be triggered on hover. We are going to use fadeTo() jQuery function to achieve the semi-transparency. It’s a really nice effect to have.

css-html, javascript, tutorial, usability

1264

0 comments

2009

9

OCT

9 jQuery Twitter Plugins

Integrate Twitter tweets into websites with ease using jQuery. These jQuery twitter plugins are a road-map for creating twitter widgets, live feeds and related tweets bars.

css-html, design, javascript, tutorial

1224

0 comments

2009

6

OCT

Making a jQuery pagination system

For paginating purpose PHP seems like a logical solution, but if you don’t have a huge amount of data you want to paginate, i would suggest paginating with jQuery. It’s not hard at all, and in this tutorial we will make a jQuery pagination system.

css-html, javascript, tutorial, usability

3201

1 comment

2009

5

OCT

Realtime Related Stream Bar: A Collecta-powered jQuery plugin

This is a jQuery plugin to create a bar of real-time stream of information related to your post powered by Collecta search engine. Collecta monitors the streams of news sites, popular blogs and social media. So it can show you results as they happen.

ajax, gadget, javascript

964

0 comments

2009

3

OCT

25 Best Collection of jQuery Menu Design Tutorials

Menu is the heart of the navigation for any website. jQuery lets you create attractive and intuitive animated menus. This collection of jQuery menu design tutorials collection lets you create beautiful and animated menus in jQuery with ease.

css-html, design, javascript, tutorial

2448

0 comments

2009

2

OCT

Client side filtering data with jQuery

In this tutorial we are going to make a really easy to build filtering system with jQuery. There will be no AJAX or PHP, just HTML and jQuery.

css-html, javascript, tutorial, usability

929

0 comments

2009

1

OCT

100++ jQuery Tutorial and Plugin Collections on September

All sort of tutorials and plugins. Tooltips, carousal, image slider, gallery, calendar, clock, rich text editors, tab interface, everything you need in jQuery. This is a roundup post for September and handpick from the community news.

inspiration, javascript, tutorial

25341

5 comments

2009

30

SEP

A Simple and Beautiful jQuery Accordion Tutorial

Learn how to create the well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface as well.

css-html, javascript, tutorial

43587

13 comments

Open Source Projects are Using jQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development

javascript, usability

777

0 comments

2009

29

SEP

iPhone Website Powered by jQuery

jQuery is one popular Javascript library, and for good reasons! It’s easy to use, flexible, and most of all there’s a lot of jQuery tutorials and plugins available out

javascript, tools

1208

0 comments

2009

28

SEP

Best of September- 10 web development articles and tutorials

These are the 10 best web development articles and tutorials from September that took my attention. I learned some new stuff from them and i hope you will too.

css-html, javascript, php, usability

903

0 comments

14 Best Collection Of jQuery Web Interface Design Plugins and Tutorials

jQuery lets you design eye catching animated menus and sliders Create attractive user interface for your websites using jQuery wit these jQuery Web Interface Design Plugins and Tutorials.

css-html, design, javascript, tutorial

1670

0 comments

2009

27

SEP

Best Collection Of jQuery Application Design Tutorials

jQuery, the “write less do more code” helps to create eye catching, useful applications and widgets with ease. These jQuery Application design tutorials lets you create jQuery applications that add a style to websites and meet the simple needs.

css-html, design, javascript, tutorial

1496

0 comments

Best Collection Of jQuery Calendar and Clock Picker Plugins

Calendars and clock pickers play a vital role in forms and user interface. Add class and interactivity to your forms with these attractive and intuitive jQuery Calendar Plugins.

css-html, design, javascript, tutorial

2487

1 comment

2009

25

SEP

Realtime Related Tweets Bar: Another jQuery Plugin

Highly customizable Real-time Twitter search-driven bar of tweets related to your post.

ajax, gadget, javascript

778

0 comments

15 Attractive Javascript Carousel Plugins

A lot of websites use Javascript Carousel to showcase its products, portfolio and also as a image gallery. I have collected 14 Javascript Carousel made with jQuery, Mootool, Prototype and Yahoo Framework and I am sure you will be able to find one that suits you.

design, inspiration, javascript

55062

11 comments

14 jQuery and non-jQuery Rich Text Editors

Here is a list of 14 really amazing jQuery and non-jQuery rich text editors (RTE). They are all free, easy to use, and with great functionalities. Enjoy.

ajax, css-html, javascript, php

1173

0 comments

2009

24

SEP

Clean and Attractive jQuery Vertical Menu Tutorial

Check out this jQuery Vertical Menu. It uses jQuery Animate and Easing to create a simple and attractive lava effect.

css-html, javascript, tutorial

37416

14 comments

2009

22

SEP

Checking username availability with ajax using jQuery

The time when username availability is checked after the page is normaly processed is long way behind us. Google has it, Yahoo has it and many many more sites have it, ajax username availability checker. So in this tutorial we will make an ajax username availability checker powered with jQuery.

ajax, css-html, javascript, usability

1143

0 comments

11 Best jQuery Layout Plugins

The Layout of a website plays a vital role in user comfort. The better the layout, the more the users stick to your site. Layout of text, images, widgets and menus affect the site the most. This hand picked collection of best jQuery Layout Plugins will help you design user friendly and attractive websites.

css-html, design, javascript

2691

2 comments

2009

21

SEP

9 Useful jQuery Calendar And Date Picker Plugins For Web Designers

Implementing calendar in the web application is so easy by using jQuery event calender and date picker plugins.

2154

1 comment

2009

16

SEP

jQuery Flipping Menu Tutorial using backgroundPosition Plugin

Learn how to create a simple, but elegant menu by animating background with jquery backgroundPosition plugin. It's simple, but the effect is really good.

javascript, tutorial

23970

12 comments

2009

14

SEP

Making a jQuery infinite carousel with nice features

Due to high interest in the first tutorial on jQuery infinite carousel and a lot of suggestions from you all, i decided to take it a step further by improving the code a bit, and add some features.

css-html, javascript, usability, wordpress

2731

0 comments

2009

13

SEP

jQuery for Beginners: Selectors, Hierarchies and Attributes, Oh My!

jQuery is a javascript framework that makes it easy to edit markup and styles on a page, build advanced user interfaces, and update data sources with AJAX. Today, we’ll go over the first steps and the one major benefit of using jQuery: selecting and manipulating markup and CSS.

ajax, javascript, tips, tutorial

1089

0 comments

2009

11

SEP

20 Javascript and CSS Tooltips Plugins and Tutorials

Have a look at these 20 beautiful jQuery, Mootool, Prototype, CSS, Tooltips Scripts that can enhance your website. Some of the tooltips are fully customizable and come with beautiful themes.

css-html, javascript, tutorial

20197

5 comments

2009

10

SEP

Weekly Tips : Learn How to Use Cookie with Javascript

Cookie is very useful to remember selected menu item and other data. Learn how to manipulate cookie with javascript. A simple implementation of menu with cookie support is uncluded in this article and also functions that will make your life easier.

javascript, tutorial

6627

4 comments

10 Beautiful jQuery and MooTool Calendar Plugins

There are a lot of calendar plugins out there, in this article, we will go through all the powerful and beautiful jquery and mootool calendar plugins for your upcoming projects.

freebies, javascript

84028

10 comments

2009

9

SEP

How to make a completely reusable jquery modal window

In this tutorial we will code a modal window with jQuery that is completely reusable, so we can put multiple modal windows without making a specific coding for it.

css-html, javascript, usability

2252

0 comments

jQuery Moving Tab and Sliding Content Tutorial

Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.

css-html, javascript, tutorial

57620

11 comments

2009

6

SEP

15 Great jQuery Plugins For Better Table Manipulation

Tables are great for comparison purpose, but it is difficult to style and less cross browser compatible. This article shares 15 great jQuery plugins for better table manipulation.

design, javascript

1357

1 comment

24 Sites Powered By jQuery

You all know that jQuery has become more popular every day and it’s used to do amazing stuff on websites. I’ve [...]

inspiration, javascript

1482

0 comments

2009

5

SEP

20 Must Have jQuery Tutorials and Plugins

I came across these strikingly useful jQuery Tutorials and Plugins. Here I would like to share these innovative jQuery Tutorials and Plugins.

css-html, design, javascript, tutorial

1171

0 comments

2009

3

SEP

How To: Recreate the Apple Product Slider with JQuery

Stylishly capitalize on limited space with a side scrolling image gallery, similar to the one that Apple uses to show off their products.

ajax, design, javascript, tutorial

3029

0 comments

Make a jQuery content slider with ease

In this tutorial we are going to make a news scroller. You don’t have to use it for news, there are a lot of other uses for it. When you have a lot of content you can use this to make it organized

css-html, freebies, javascript, usability

3267

0 comments

2009

2

SEP

30 Javascript Image and Photo Galleries - Mootool, Prototype, jQuery and Tutorials

I have collected 30 photo, image and thumbnail galleries for inspiration. They all are built with different javascript frameworks such as MooTool, Prototype and jQuery. Also, I have included some tutorials if you want to learn how to build it yourself.

inspiration, javascript, tools, tutorial

58239

10 comments

2009

1

SEP

12 Best jQuery Tab Interface Creation Plugins and Tutorials

Tabs enable ease of navigation. jQuery lets you create a tabbed interface with ease. Learn how to create simple tabs and even play with jQuery to create complex and attractive tabs with these wonderful jQuery plugins and Tutorials.

css-html, javascript, tutorial

5908

0 comments

10 best jQuery gallery and slider plugins

These are the best jquery image gallery and slider plugins i have been able to find. My favorite is SCROLLABLE from jQuery Tools. I hope you like them.

design, inspiration, javascript, usability

3044

1 comment

21 Simple and Useful jQuery Tutorials You Might Have Missed

Collection of menu, gallery, slider, tooltips, dock, modal window, ajax and jQuery turtorials. This is a round up post for all the jQuery tutorials I have created since March 2009.

design, inspiration, javascript, tutorial

35077

16 comments

2009

31

AUG

Create a Stunning Sliding Door Effect with jQuery

Learn how to make a stunning four corners sliding effect easily with jQuery. It's elegant, unique and really cool solution for thumbnail gallery. This tutorial includes detailed explanation that will guide you through the whole process.

javascript, tutorial

90909

38 comments

2009

30

AUG

Best of August : 10 web development articles and tutorials

These are the 10 best web development articles and tutorials from August i have been able to find. I learned some new stuff from them and i hope you will too.

css-html, javascript, php, tutorial

1098

1 comment

Best jQuery GUI Applications, Tutorials and Plugins

jQuery gives you the ease and flexibilit to design attractive GUI. This collection of good GUI Applications, Tutorials and plugins showcase the best jQuer GUI capabilities.

design, javascript, tutorial

4466

0 comments

2009

28

AUG

Best jQuery AJAX Based Plugins

AJAX, a technology that lets you updtae poru\\tions of your page without reloading whole page works wonders in interactivity. This collection of jQuery Plugins based on AJAX will help you incorporate the flexibility of AJAX through the ease of jQuery into your web pages

ajax, css-html, javascript

1218

0 comments

2009

27

AUG

Image splitting effect with CSS and JQuery

In this tutorial we are going to make an image splitting effect using ONE image. What’s that? It’s simillar to a sliding door effect where the image slides to left or right side and reveals the text behind it, but the thing that makes this different is that the effect looks like the image is splitted into half and one goes left and the other one goes right.

css-html, graphic, javascript, usability

1297

2 comments

10 Best jQuery Interactive Design Plugins and Tutorials

Interactivity is essential for an application. Monotonous applications with no interactivity fail to attract users. This simple collection of tutorials on plugins for creating Interactive applications in jQuery will help create Interactive jQuery applications.

css-html, design, javascript

1848

0 comments

2009

26

AUG

9 Best jQuery 3D Effect Plugins

Ever imagined if you could create awesome 3D Effect with the write less do more code? Then these wonderful collection of jQuery 3D Effect Tutorials and examples will show off the power of jQuery in generating awesome 3D Effects.

css-html, design, graphic, javascript, tutorial

8356

0 comments

11 Best jQuery Fade Effect Plugins and Tutorials

Fade effects are simple yet attractive. They add simplicity to transitions and changes in the content of a web page adding to the elegance of a web page. Here I provide my choice of the best jQuery Fade Effect Plugins.

css-html, design, javascript, tutorial

4191

0 comments

Make a custom tab interface with JQuery

There are a lot of tabber plugins, but sometimes they don’t give us the freedom we want, so we either deal with it or start changing the plugin’s code. Why bother with finding the one that fits you the best when you can just make your own tab interface and it’s not hard at all, it’s actualy pretty easy.

css-html, javascript, tutorial, usability

1566

0 comments

jQuery Thumbnail with Zooming Image and Fading Caption Tutorial

Learn how to build thumbnail gallery with zooming effect and fadein and fadeout caption. This tutorial will walk you through the concept behind it and how to code it.

javascript, tutorial

88423

23 comments

2009

24

AUG

How To Use Pure CSS To Style Web Form Dynamically

Everybody knows about web forms and it has fast becoming part of our daily online interaction.

css-html, javascript, tips, tutorial

1363

0 comments

Making an infinite JQuery carousel

In this tutorial we will make an infinite JQuery carousel. I noticed that most of tutorials on how to make an infinite JQuery carousel are quite complex, so i decided to show you how to make it much simpler.

ajax, javascript, php, tutorial

2630

0 comments

Cool navigation menu made with JQuery

In this tutorial we will make a navigation that’s not ordinary. I saw this effect on b5media, it’s made with flash there but i liked how it looks so i decided to make it with JQuery.

ajax, javascript, php, tutorial

1833

0 comments

Sliding door effect with JQuery

This was my first tutorial, but due to some issues with wordpress plugin it was lost, and now it’s back :) … We are going to make a nice little animation with JQuery.

ajax, javascript, php, tutorial

1403

0 comments

Create an AMAZING contact form with no ready made plugins.

Every website should have a contact form. In this tutorial we will make a contact form that will make your visitors say WOW. It will be a cool looking contact form with nice and smooth validation, processed with AJAX.

ajax, javascript, php, tutorial

1792

3 comments

2009

23

AUG

20 Best jQuery Table Plugins

Most of us use the classic HTML Tables to display data in an organised manner. But now you can add style and flexibility to your tables with these wonderful jQuery Plugins for Tables.

css-html, javascript, tools, tutorial

2782

0 comments

11 menu and navigation jquery plugins you don’t want to miss

Here are the 11 most extraordinary menu and navigation jquery plugins i could find. Hope you like them, i know i do.

javascript, tools, tutorial, usability

1671

0 comments

2009

21

AUG

jQuery Horizontal Tooltips Menu Tutorials

A horizontal menu with tooltip that slides accross the menu panel. It's a bit similar to lava lamp, but in this script, it displays the caption of the icon menu.

javascript, tutorial

49630

13 comments

2009

20

AUG

Auto suggest with results based on text input and radio button with JQuery

The Gist: Basically a user types the beginning of a city name. The code will execute the auto-suggest and return results based on “keyup” once the “city” from the list is clicked, it will enable the radio buttons...

ajax, javascript, mysql, php

1079

0 comments

2009

19

AUG

10 Free source to create mobile version of your blog or website

If you want to create a mobile version of your blog or website free then this post going to help you to choose good source. In this post I'm going to share some free source to help you to create mobile site or blog for free.

cms, javascript, tools

950

0 comments

2009

18

AUG

10 jQuery Button Design Tutorials Collection

Learn how to design awesome and stylish buttons in jQuery with the write less do more - jQuery.

css-html, design, javascript, tutorial

13048

0 comments

10 Handy & Cool jQuery Plugins

I have collected 10 jQuery that will make your life easier. Some of them are new, and create really cool effects. Some of them are just small and simple plugins but when it comes to usability, user friendliness, they are extremely useful.

freebies, javascript, tools

17408

5 comments

2009

17

AUG

10 Best jQuery Applications

jQuery Applications come handy in providing a funky yet usable component for websites. Here is a collection of the best usable and stylish jQuery applications.

ajax, design, javascript, tools

2809

0 comments

2009

16

AUG

Best of jQuery Tutorials Collection

There are a huge and vast variety of jQuery Tutorials available all over the web. So here I provide a single window to the best jQuery Tutorials on the web that is a must for learning jQuery from scratch and to gain expertise in jQuery.

css-html, design, javascript, tutorial

1368

0 comments

2009

15

AUG

20 Best jQuery Menu Tutorials Collection

Menus are one of the simplest user interfaces. Menus provide easy yet simple navigation option. So here I will provide you with my hand-picked colelction of best jQuery Menu Tutorials that will help you to design and create menus in jQuery.

css-html, design, javascript, tutorial

4975

0 comments

2009

14

AUG

14 Best JavaScript Sliders And Scrollers

Sliders and scrollers have evolved to be a window to a websites wonderful content and images. Showcase the exquisite content of your website with the awesome JavaScript Scrollers and Sliders available on the web. Here I present the best collection of JavaScript Sliders and Scrollers collection.

css-html, design, javascript, tools

2716

1 comment

Simple Lava Lamp Menu Tutorial with jQuery

I've break it into different sections, in depth explanations with text, illustrations and examples. Also, a little bit of style guide to create a unique lava menu for your own website. It supports styling, different animation transitions and it's so simple!

design, javascript, tutorial

73627

24 comments

2009

8

AUG

15 Best jQuery Animation And Effects Plugins

Animations are the hot trends now. Animations and Effects add interactivity to our pages and bring a splash of color and life to the otherwise monotonous web pages. Here, I will provide you with my handpicked collection of Best jQuery Animation and effect Plugins.

css-html, design, javascript, tools

4871

1 comment

2009

5

AUG

Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

This tutorial will show how to add heading and caption to your thumbnail and display it with jQuery cool transition effect. It's an elegant way to put content in your website, and only display it when users want to see it. It keeps your website clean!

design, javascript, tutorial

63539

40 comments

How to Easily Create a JavaScript Framework, Part 1

Currently, JavaScript is the one of the most utilized and popular programming language, because a large majority of the browsers are compatible with it and make use of it. Therefore, JavaScript has become very popular, very fast, because it is so uncomplicated, straightforward, and has a wide-range of capabilities. Nearly all programmers [...]

javascript, tutorial

920

0 comments

How to Easily Create a JavaScript Framework, Part 3

In this week’s post, I will continue with my “VOZ” JavaScript Framework tutorial series, and we are going to continue to add new methods for dealing with a JavaScript Framework. Therefore, I will take the Framework one step farther, and I will add more useful methods for dealing with JavaScript before a page loads and other useful techniques. .....

ajax, design, javascript, tutorial

1216

0 comments

2009

2

AUG

6 Best jQuery Charting Plugins

As javascript frameworks like jQuery and Mootools get more and more powerful, and browsers start to support the latest CSS capabilities, chart creation is becoming a cakewalk. Recently we saw the best JavaScript Plugins For Generating Charts. Here, I am putting forward the six best jQuery Charting plugins.

design, javascript, tools

1624

0 comments

2009

1

AUG

30 Best jQuery Photo Plugins - Sliders, Slideshow, Galleries and Scrollers

Images add life to a website. But plain simple images are now outdated. Splashy, layouts for images are the current hot trends in webdesigns. So here, I am going to provide the 30 best jQuery Photo Plugins that will help you to add an artistic and professional image galleries and slideshows to your website.

css-html, design, javascript

5541

3 comments

2009

30

JUL

16 Impressive Flash-Like Javascript Animation Inspirations, Tutorials and Plugins

Create impressive animation with javascript, I have gathred a collection of websites that uses flash-like animation and also tutorials, plugins and frameworks that will definitely blow you away.

design, inspiration, javascript, tutorial

72383

28 comments

10 Advance jQuery Scripts to take Your Website to the Next Level

You need to impress your users within a very short amount of time and one of the methods to achieve this is to use jQuery. These advance jQuery uses will certainly help!

ajax, javascript

4797

1 comment

2009

29

JUL

jQuery Image Gallery/News Slider with Caption Tutorial

A really cool News Slider that uses two scrollers to create very slick effect. It uses scrollTo to scroll both description and image items and it comes with previous, next, play, stop and mouseover events.

design, javascript, tutorial

146507

70 comments

2009

28

JUL

10 Best JavaScript Charting Plugins

Who doesn't like charts? Charts add a splash of life to our websites data. Design Awesome Charts with ease using these JavaScript Charting Plugins.

design, javascript, tools

1289

0 comments

An Introduction To jQuery Tools

Being in the world of programming and development, I am sure that you would have surely heard about "jQuery". So now in this article I am going to provide you with a simple outline of jQuery Tools. I would let you know, what JQuery is all about, how it can help you and most important, how you can use jQuery.

design, javascript, tools

1272

2 comments

Adapting MVC design for the web

Model-View-Controller is a code-organization paradigm commonly used in Objective-C, Ruby and other languages. Model-View-Controller reflects a separation of data, presentation and behaviour from each other. While MVC is commonly used in developing web applications, it can also be used for normal websites. MVC could be applied to a hypothetical webpage that includes a dynamic photo gallery.

css-html, javascript

880

0 comments

2009

26

JUL

Blend CSS3 With jQuery - With Plugins and Code

Blending brings beauty. These B's of beauty and blending are the latest trend in Web Designing. Designers need to stylize the code by blending the functionality of various techniques yet keeping the code and design simple. So here I describe how you can easily Blend together CSS3 and jQuery so as to develop much efficient and attractive design.

css-html, javascript, tools

1293

0 comments

2009

25

JUL

25 Best JavaScript Tools For Designers

JavaScript is simplified by the development of various JavaScript tools. These JavaScript tools come handy in different scenarios saving time and effort. So here I provide the 25 best JavaScript Tools that will reduce the workload of Designers.

css-html, design, javascript, tools

1465

1 comment

2009

24

JUL

Create an Attractive jQuery Menu with Fadein and Fadeout Effect

We will be learning how to create an attractive menu with more advanced CSS and simple jQuery script. It uses jQuery builtin fadein and fadeout effect.

javascript, tutorial

82038

50 comments

2009

22

JUL

Simple jQuery tabs

This tutorial looks into creating a really simple tabbed interface using just plain HTML and CSS with the functionality and interface manipulated using jQuery. Tabbed interfaces are great for maximizing the amount of space you have on your site.

javascript, tutorial, usability

2634

1 comment

2009

19

JUL

Create a dynamic form preview with jQuery

Using jQuery to allow users to preview form data before submitting it to the database, or for creating a widget. Includes a demo and download.

javascript, tools, tutorial

2189

3 comments

15 Really Useful Web-based HTML Editors

Web-based HTML Editor lets users create HTML content easily and here i am going to share 15 useful HTML Editors.

ajax, freebies, javascript, tools

838

0 comments

20 jQuery Tutorials And Plugins To Impress Your Friends

I have always loved jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials.

ajax, javascript, php, tips, tutorial

1348

0 comments

2009

18

JUL

Best Accessible jQuery and Ajax Plugins

In this collection we will roundup 10 really cool, usable and accessible jQuery JavaScript and Ajax plugins that you can implement easily to your design or websites.

ajax, design, javascript

1709

0 comments

Top Ten Must Have jQuery Tutorials and Plugins

The best and must top 10 jQuery Plugins and Tutorials that will change the way you use jQuery!

design, javascript

1723

1 comment

2009

17

JUL

jQuery Ajax delete

Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax.

ajax, javascript, php, usability

1500

1 comment

2009

16

JUL

10 Rare and Cool jQuery Plugins

I found these plugins are really unique and quite attractive to be integrated in your website.

freebies, javascript, tools

53020

41 comments

2009

15

JUL

50 Best jQuery Resources For Designers - Tutorials, Tips and Tricks

jQuery definitely is one of the biggest trends coming in up-to-date designs and the best of all, everything is done without countless code lines. Keeping in mind such aspects I created hopefully pretty complete collection of jQuery sites, tip and trick articles, video screencasts, tutorials, cheat sheets and lot’s more. Took a while to compile and research was really solid. Enjoy as always!

design, javascript

2221

0 comments

this is another test test i'm

this is a test of magi ci'm "test"

221

0 comments

2009

14

JUL

50 Best jQuery Resources For Designers - Tutorials, Tips and Tricks

The 50 Best jQuery Resources For Designers.

1523

1 comment

Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery

Create a content sliding website that slide vertically, horizontally or diagonally. This is one of the famous techniques used by most of the porfolio websites.

css-html, javascript, trend, tutorial

145516

129 comments

2009

13

JUL

Best Javascript Navigation Menu Examples

Successful, eye-catching and mainly user-friendly site navigation sometimes is key to whole web design, because users usually search for navigation at first, when they visit website. Keeping in mind such parameters, I created a list with 30 innovative, beautiful, creative and eye-catching navigation menus for your inspiration in web development process.

design, javascript

2642

1 comment

2009

11

JUL

Getting started with Facebook Connect & News Feed

Using Facebook connect to the authenticate a user and post dynamicaly generated content to a user news feed using jQuery.

ajax, javascript, misc, tutorial

1600

0 comments

2009

10

JUL

How to create a sliding image/reveal content with jquery

As the name suggests in this tutorial we will create a sliding image/reveal content with jquery

css-html, javascript

2845

0 comments

Styling checkboxes and inputs

Don’t you just hate the classic checkboxes or inputs? Sometimes they just don’t fit your websites design or you simply don’t like them. In this tutorial i’m gonna guide you to the process of styling both of them.

css-html, javascript, tutorial

1678

0 comments

2009

8

JUL

A Simple AJAX Driven Website with jQuery + PHP

This tutorial will show you how to create an AJAX Driven Website that overcame the browser Back button and bookmark problem in AJAX. I have made two versions, simplified version for further modification and my version to show you how to style it.

ajax, javascript, php, tutorial

47626

49 comments

9 Useful Javascript Syntax Highlighting Scripts

Today we are going to look into 9 Javascripts Syntax Highlighting Scripts. Syntax highlighting is very important especially you run a tutorial blog that has a lot of code examples. Proper highlighting your code will make your readers read your code easily.

ajax, javascript

873

0 comments

2009

6

JUL

41 Ultimate Showcase Of Sites That Uses JavaScript Scrolling Navigation Perfectly

JavaScript has so much possibility and it'll only take any individual developer or designer creativeness to fully utilize this exciting language.

ajax, design, inspiration, javascript

1467

0 comments

2009

29

JUN

Create a Digg-style post sharing tool with jQuery

I will show you how to create a social bookmarking tool that look similar to digg's. It looks cool, practical and useful! I also include the komodomedia's social bookmarking icons and a long list of submission URL for one click bookmark.

design, javascript, tutorial, usability

44792

26 comments

2009

27

JUN

24 Superb Sites That Use Horizontal, Vertical Or Multi-Directional jQuery Scrolling Effect

jQuery JavaScript Framework have fast become an indispensable part of web 2.0 formation and will continue to be use heavily in websites and projects

design, inspiration, javascript, tools

3093

2 comments

2009

22

JUN

15 jQuery Plugins To Create A User Friendly Tooltip

Implementing a nice and user friendly tooltip using jQuery plugins is fast and easy. Today, we are going to see 15 jQuery plugins to implement tooltip.

javascript, tools

1509

0 comments

2009

20

JUN

Best jQuery Plugins For Designers

Here is the best collection of jQuery Plugins that is a must have for every designer!

design, javascript, tools

3618

0 comments

2009

17

JUN

Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite

News ticker, or news scroller is a fantastic way to display your latest headlines. In this tutorial, i am going to show how to implement this using jQuery and its plugin, jCarousel Lite.

css-html, design, javascript, tutorial

7290

1 comment

2009

15

JUN

jQuery Dock Menu Tutorial Revisit - Dock at Bottom

I have created a tutorial regarding top dock menu few weeks ago. Due to popular demand, I have created another tutorial that will dock at the bottom of the page. I've revamped the whole thing, now the html and css code are much more simpler, smarter jquery logic and it degrades gracefully when javascript is disabled.

css-html, javascript, tutorial

35963

50 comments

2009

9

JUN

jQuery Sliding Tab Menu for Sidebar Tutorial

Learn how to create a sliding tab menu for your sidebar by using jQuery and jQuery.scrollTo. With this simple tutorial, you'll able to create a slick and attractive sidebar. It's so simple and fully customizable.

css-html, javascript, tips, tutorial

97538

54 comments

2009

8

JUN

14 Javascript Resources And Plugins For Creating A Stylish Chart

Graph and Chart are very effective ways of visualizing data. Today, i am going to share different ways of generating charts through Javascript and its plugins.

design, javascript, tools

1116

0 comments

2009

3

JUN

10 Ways to Realize Nice and Practial Menu with JavaScript Frameworks

Structuring a menu is not always easy and immediate. Some web applications require a level of complex nesting, others are in need of some “effect” that makes it easily navigable, then build a good menu can become an hard work.

1479

0 comments

2009

2

JUN

Vertical Scroll Menu with jQuery Tutorial

Create a vertical scroll menu that scroll automatically according to your mouse axis-Y movement. This tutorial will cover some jquery tips, tricks, and plugin.

css-html, design, javascript, tips, tutorial

170945

67 comments

2009

23

MAY

An Introduction To Flex

Learn Flex from scratch and experience an all new tool for web development.

flash, javascript, tutorial

1099

1 comment

2009

20

MAY

20 jQuery Tutorials For Developers

A list of valuable jQuery documentations and resources available on the web, that is a must have for every jQuery developer.

javascript, tools, tutorial

1916

2 comments

2009

18

MAY

20 jQuery Tutorials For Developers

A collection of jQuery tutorials available on the web to learn jQuery from scratch.

design, javascript, tutorial

2371

0 comments

2009

16

MAY

An Introduction To JQuery

An article that deals with the nuts and bolts of JQuery.

ajax, javascript, usability

1392

0 comments

2009

14

MAY

30 Javascript Menu Plugins and Scripts

Website Menu is one of important components to allow visitors access your website. This is my collection of accordion menu, dock menu, drop down menu, slide menu and tree menu which will boost your website usability.

css-html, freebies, javascript

50773

19 comments

2009

6

MAY

15+ Photo Slider Examples for Inpiration

From my last post, I collected 10+ jQuery based photo gallery and slider plugins. Now, let's get some inspirations from these beautiful examples!

design, inspiration, javascript

28372

25 comments

2009

29

APR

10+ jQuery photo gallery and slider plugins

I have collected 14 jquery photo gallery and slider plugins. They transform a group of photos into gallery or slider with animation effect and some of them include captions too.

freebies, javascript

436179

102 comments

2009

25

APR

Best Collection Of Javascript Tutorials

An exquisite collection of JavaScript Tutorials that will help you master JavaScript

javascript, tutorial

2965

0 comments

2009

24

APR

Social Spinner: An iPhone Optimized Social Bookmarking Widget

A couple of weeks ago I wrote about Matteo Spinelli’s cool rotating wheel interface for the iPhone. It’s a very cool proof of concept, and Matteo left it up to us to figure out some real world applications for it. I thought this would be perfect for a social bookmarking tool. So with my limited coding abilities I sat down and pieced together the “Social Spinner”.

css-html, freebies, javascript, misc

2953

0 comments

2009

21

APR

10 jQuery and non-jQuery javascript Rich Text Editors

10 amazing free rich text editors that will boost your website functionality. I have collected 5 jQuery and 5 non-jQuery RTEs that come with simple features to office-like features.

freebies, javascript, tools

142562

39 comments

2009

17

APR

What not to do in form design

I posted a few days ago an article regarding issues that can arise during mobile web design, and I am now posting an addition to that, regarding some issues that can appear on web form designs.

css-html, javascript, tips, usability, video

2924

0 comments

2009

15

APR

25+ jQuery Plugins that enhance and beautify HTML form elements

I have collected over 25 jQuery plugins that enhance and beautify html form elements. Some of them add more capabilities that able to increase usability and user friendliness to a website.

javascript, tips, usability

265263

118 comments

2009

9

APR

40 Exceptional jQuery Interface Techniques and Tutorials

In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components.

javascript, tips, tutorial

2799

0 comments

2009

7

APR

jQuery Tips and Tricks II

jQuery Tips and Tricks Part 2! Obviously, one post is simply not enough. I found some performance tuning, element manipulations tips and tricks that I believe will able to help you develop a more effective and efficient jQuery script.

css-html, javascript, tips

36657

22 comments

Creating a jQuery Word Counter

On a project at work this week, I was creating a form that needed to have word limitations for each textarea. I found a ton of jQuery character counters, but not many word counters, so I decided to create my own.

css-html, javascript

2780

0 comments

A Simple jQuery Stylesheet Switcher

There are lots of reasons you might want to offer your users more than one CSS file for your website. Whatever the reason, it’s amazingly easy to create a function that swaps between multiple stylesheets using jQuery...

javascript, tips

3144

1 comment

2009

2

APR

Multi column layout, equal height

A tutorial on how to achieve equal height columns, problems that arise and how to fix them with jQuery.

css-html, javascript, tutorial

3228

0 comments

Better home link buttons (2)

The second part of a series with the same name, describing how can a website be enhanced while adding features to the logo.

css-html, javascript, tutorial, usability

2159

0 comments

Better home link buttons

The first part of a series with the same name, describing how to enhance your user experience by adding features to your logo.

css-html, javascript, usability

2008

0 comments

2009

1

APR

Create a Ajax based Form Submission with jQuery

Wondering how to submit a form in a same page, and display the submission result with some fancy fadeOut or slideUp effect? In this tutorial, I will show you how to make Ajax Based form submission with jQuery and it will also work even if javascript is not supported.

ajax, css-html, javascript, php, tutorial

106649

142 comments

2009

30

MAR

Simple JQuery Image Slide Show with Semi-Transparent Caption

I will show you how to create a simple image slide show with a semi-transparent caption with jQuery. This example is suitable to display news headlines, or a image slide show in your website frontpage.

css-html, javascript, tutorial

323537

147 comments

2009

29

MAR

6 jQuery snippets you can use to manipulate select inputs

When it comes to manipulating the DOM, fewer elements are more tiresome than the good old select input. Fortunately for us, jQuery makes what was once a headache, a walk in the park. This article lists 6 snippets which should make manipulating those selects more pleasant than say, pulling your own teeth.

javascript, tips

2664

0 comments

2009

25

MAR

Internal Links with Favicon using jQuery

After thinking about doing something with favicons and links, I came up with this very simple jQuery Plugin that would allow all the internal links in your website to actually have your own favicon implemented on the left side of the link.

1843

0 comments

Fighting spam from inline email addresses using JQuery Plugin

This is a JQuery plugin I have been working on to try to eliminate; if not help, fight spam through bots and such going through websites and scraping email addresses.

2157

0 comments

Refreshing an element at a set time interval using jQuery and a sprinkle of Ajax

Now lets say that you a web page that has a big Block of “something” and inside this “something” you would like to have some information change at a set time interval. Well with Jquery, some PHP and a sprinkle of Ajax, you can get this done quick fast and in a hurry.

ajax, javascript

3512

0 comments

Up and Down slider using JQuery

Cool slider effect that stuck to the top of the page. Well I decided to take that and turn into into the same basic concept; only this time coded in JQuery.

4120

0 comments

Regular Expressions for Dummies

Welcome to my new video series, “Regular Expressions for Dummies”. Over the course of ten videos or so, I’m going to teach you how to use regular expressions in your Javascript and PHP applications. As always, I’ll assume you know absolutely zip.

javascript, php, tutorial, video

2272

1 comment

Useful and Handy jQuery Tips and Tricks

I have a list of jQuery tips and tricks for my development project. Now, I want to share it to everyone. In this article, I will assemble all the jQuery tips and tricks and cheat sheets that I got it online in a single page.

css-html, javascript, tips

64098

35 comments

2009

24

MAR

30 Awesome Design Enhancing jQuery Plugins

There is a vast range of ready made jQuery plugins available from generous designers and developers from across the web that can help add stunning functionality and effects to your website.

css-html, javascript

2416

0 comments

2009

23

MAR

A Really Simple jQuery Plugin Tutorial

This tutorial will show you how to create a simple jQuery Plugin that allow user to change some settings. I'm using one of my jQuery tutorials - "Menu with jQuery Animate effect" and convert it into a plugin.

css-html, javascript, tips, tutorial

51899

19 comments

2009

19

MAR

MooGenda: A web calendar agenda (JSON event handler), based on MooTools.

* A web calendar JSON event, based on MooTools. * Double click on event to see the deafult event view. * Double click on month's day to see the default event to add memo to calendar. * Drag and drop event in month view. * Drag and drop and resize event in diary view.

ajax, design, freebies, gadget, javascript

5309

0 comments

2009

16

MAR

14 jQuery Plugins for Working with Images

JavaScript frameworks have become very popular in the recent years by making the creation of dynamic effects much easier. Lightweight, used in the Wordpress and Drupal core, jQuery is now one of the most used JavaScript libraries around.

javascript, tips, tools

2619

1 comment

2009

10

MAR

11 Excellent Solutions for Creating Tooltips

Tooltips in web design are becoming more and more commonplace. Even though I don’t think they are appropriate for every type of site, they can be a very useful addition when implemented correctly. If you are planning on using tooltips in your next project, the hardest part may be choosing the right solution.

css-html, javascript, tools

1970

0 comments

2009

9

MAR

70 New, Useful AJAX And JavaScript Techniques

As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility......

ajax, inspiration, javascript

3189

0 comments

2009

6

MAR

How to Make an Impressive Animated Landscape Header with jQuery

In this tutorial we'll start with a cartoon themed header, build two different states for content and animate a transition between them using jQuery.

design, inspiration, javascript

5935

1 comment

2009

4

MAR

Accordion Script With Multi-Level Support

This updated accordion script is powerful and lightweight at only 1.4kb. It now includes multi-level support, the option to allow multiple panels to expand concurrently, and a hide/show all toggle.

css-html, javascript

4432

1 comment

2009

2

MAR

jQuery Accessible Tabs - How to make tabs REALLY accessible

While a lot of tabs scripts claim to be accessible it's turns out, most of them are really not. This one actually is.

3747

0 comments

Subscribe RSS, Keep yourself updated with queness latest posts!

Pixel Crayons

Text Ads: Buy wholesale computers directly from China at DHgate.com

Discover the tools to build your e-Commerce Site with Netfirms

Buy China Products from Made-in-China.com

Cocktail Dresses

SmartPhone Cell Phone

Wholesale electronics

VPS Hosting - cPanel virtual servers from Host Color

Web Hosting Rating

Buy WOW Gold

Community News

Recent Comments

Famous Posts

Random Posts

View all posts and news Back to top

About the Author

A web designer and developer who is passionate and keen on contributing to the web development industry. Feel free to say hi to me, or follow me on twitter.

Kevin Liew

Twitter

Partner