Showing posts with label jQuery. Show all posts
Showing posts with label jQuery. Show all posts

Sunday, August 22, 2010

AutoSprites – A jQuery Menu Plugin


Posted by etkalm at 7:46 PM 0 comments
Labels: , ,

Sunday, July 11, 2010

Really Useful Tutorials You Should Have Read in June 2010

This update covers really useful tutorials, tips and techniques that you should have read in June 2010. Featured publications include: Justin Tadlock, Nettuts+, David Walsh Blog, Smashing Magazine, Tutorialzine, A List Apart, Perishable Press, Carsonified, Marcofolio, Nicolas Gallagher, Codrops, Onextrapixel, Digging into WordPress, Six Revisions, Line25, 1stWebDesigner, Alex Marandon, and Voosh Themes.

Featured authors include: Justin Tadlock, David Walsh, Martin Angelov, Nicolas Gallagher, Jeff Starr, Marco Kuiper, Faruk Ates, Chris Coyier, Chris Spooner, Richard Fink, Dan Wellman, Rafael Soto, Lorna Jane Mitchell, Divyang Patel, John Cox, Mary Lou, Irina Borozan, Jonathan Phillips, Paras Chopra, Alex Marandon, Darren, and Chris Creed.

So which tutorials you found most useful. Also fee
Posted by etkalm at 7:50 PM 0 comments
Labels: , , , , ,

Saturday, July 10, 2010

A jQuery-powered social dropdown menu

View the demo

Features @ a glance

  • Flexibility for you to add as many items as you wish (although how many social networks could you possibly be registered with? Wait...don't answer that).
  • The menu remains locked to the top-right of your page as you vertically scroll, for added accessibility (although this feature it does not work in IE6).
  • A dash of CSS3 dropshadow effect adds a little extra dimension to the display (not visible in IE).
  • Amaze your dog, your cat or your neighbor's goldfish with yet another menu script you probably don't need.
I've tested it across browsers but, as mentioned, there are some positioning issues with IE6
Posted by etkalm at 3:27 PM 0 comments
Labels: ,

jQuery Plugin

jQuery Plugin - imgBox

So, a couple of weeks ago I started working on challenging project - imgBox. imgBox is a jQuery plugin that implements a smooth zoom effect on images. Download it, try it, let me know what you think.

You can see the demo at this page, and you can download the complete source code with examples from here.

What’s So Great About this Plugin?

  • Elegant looking, Mac-like effect
  • Popup blockers are no problem. The content opens within the active browser window
  • Multiple images can be opened at the same time
  • Can be customized with settings and CSS
  • It’s just 7KB (packed)
  • All modern browsers supported, including IE6

jQuery Plugin - Feature List

I love the simplicity of using (and more important re-using) jQuery plugins. So I decided to release a plugin that came from my personal need - Feature List. This jQuery plugin enables simple and easy creation of an interactive "Featured Items" widget.

You can see the demo at this page, and you can download the complete source code with examples from here.

What’s So Great About this Plugin?

  • Slick effect, no Flash needed
  • It’s just 2K
  • Reusable on multiple containers
  • Cycles items via slideshow
  • Can be styled with custom HTML/CSS

jQuery show/hide list information

Information

This version of show / hide information uses jQuery and an unordered list. The list items all have the same classname and can be used anywhere on your page. The first word in each list item has a classname that is the same as the id of the div to be shown or hidden. The div can contain any information and can be styled as you want.

Tested in IE6, IE7, IE8, Firefox, Opera, Safari (PC) and Google Chrome.

Download

All the information you need for this demo is in the page source code. You will also need a copy of jQuery.


jQuery - show me some more

Information

Yet another 'show me some more / less' routine, but this time using jQuery to add a little animation and to simplify the script.

Just click the 'more ....' to expose the extra information and the '.... less' to close it.

The jQuery is just a couple of lines long and all that is needed is to enclose the hidden information in a div with a class="hidden", then immediately after this div have an element with a classname 'show'. This demo uses an empty element into which the jQuery routine adds 'more ....' and is changed to '.... less' when displaying the extra imformation. I have used jQuery to hide the extra information and to display the 'more / less' clickable areas so that if javascript is turned off then the full text will be shown without the 'more... / .... less' text.

Tested in IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Google Chrome.

Download

All the information you need for this can be found in the source code and you will also need a copy of jQuery.



jQuery - Getting the Day from a Date

Information

This is a jQuery/javascript routine which allows you to select the date and it will display the day of the week for this date.

The date picker routine will automatically alter the number of days depending on the month selected and the year. Leap years will automatically allow for February 29th.

If you select a date of the 31st for instance and then change the month to one with fewer days then the date will adjust to the last day of the new month.

You will need a copy of jQuery to be able to use this routine.

If you would like a copy of this demonstration then please email me and make a donation to support stunicholls.com.

Download

Posted by etkalm at 3:07 PM 0 comments
Labels:

Simple AJAX Commenting System

This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.

Simple AJAX Commenting System
Posted by etkalm at 3:41 AM 0 comments
Labels: , ,

Friday, July 9, 2010

Youtube like Rating with Jquery and Ajax



Are you looking for Google style CAPTCHA (Human verification code) script for PHP projects, Please take a look at this post.
I want to explain how to implement cool-php-captcha script for forms. Use it and add security to your web projects.


Youtube like Rating with Jquery and Ajax
Posted by etkalm at 1:09 PM 0 comments
Labels: ,

Making a Slick MobileApp Website with jQuery & CSS




As a web developer, you have to bring creativity and attention to detail to your work. It is often the little things that leave a lasting impression to a visitor. Be it a lovable character illustration, or unique slideshow, it is usually not the information you present that is memorable, but the way you present it.

Today we are making a complete jQuery & CSS website for a fictional mobile application. It is going to feature semantic markup and a progressively enhanced slideshow effect. It will allow the user to see four of the most popular smartphones running the mobile app.

Making a Slick MobileApp Website with jQuery & CSS
Posted by etkalm at 12:51 PM 0 comments
Labels: ,
Subscribe to: Posts (Atom)