Friday, September 9, 2011

Top 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.

jQuery is a lightweight JavaScript library that highlights the interaction between JavaScript and HTML and focuses on write less do more. It is one booming platform that has captivated the mass with its noteworthy significance in designing field.

It has now become essential to keep yourself updated with its excellent usability and example. Here are few of the outstanding jQuery tutorials that shall help you get connected and upgraded.

 

1. How to Create an Infinite Scrolling Web Gallery

How to Create an Infinite Scrolling Web Gallery

How to Create an Infinite Scrolling Web Gallery



View tutorial | View Demo

 

2. Sexy Drop Down Menu w/ jQuery & CSS

Sexy Drop Down Menu w/ jQuery & CSS

Sexy Drop Down Menu w/ jQuery & CSS



View tutorial | View Demo

 

3. How to Build a Lava-Lamp Style Navigation Menu

How to Build a Lava-Lamp Style Navigation Menu

How to Build a Lava-Lamp Style Navigation Menu



View tutorial | View Demo

 

4. How to Create a Simple iTunes-like Slider

How to Create a Simple iTunes-like Slider

How to Create a Simple iTunes-like Slider



View tutorial | View Demo

 

5. CSS Image Switcher

CSS Image Switcher

CSS Image Switcher



View tutorial | View Demo

 

6. Slider Gallery

Slider Gallery

Slider Gallery



View tutorial | View Demo

 

7. Animate Panning Slideshow with jQuery

Animate Panning Slideshow with jQuery

Animate Panning Slideshow with jQuery



View tutorial | View Demo

 

8. Create a Custom jQuery Image Gallery with jCarousel

Create a Custom jQuery Image Gallery with jCarousel

Create a Custom jQuery Image Gallery with jCarousel



View tutorial | View Demo

 

9. Complete/Non-Queuing Animations with jQuery

Complete/Non-Queuing Animations with jQuery

Complete/Non-Queuing Animations with jQuery



View tutorial | View Demo

 

10. How to Write a Neat FlipNav Script

How to Write a Neat FlipNav Script

How to Write a Neat FlipNav Script



View tutorial | View Demo

 

11. Coda Slider Effect

Coda Slider Effect

Coda Slider Effect



View tutorial | View Demo

 

12. How to Load In and Animate Content with jQuery

How to Load In and Animate Content with jQuery

How to Load In and Animate Content with jQuery



View tutorial | View Demo

 

13. jQuery Photo Slide Show with Slick Caption Tutorial Revisited

jQuery Photo Slide Show with Slick Caption Tutorial Revisited

jQuery Photo Slide Show with Slick Caption Tutorial Revisited



View tutorial | View Demo

 

14. jQuery Infinite Carousel

jQuery Infinite Carousel

jQuery Infinite Carousel



View tutorial | View Demo

 

15. The Easiest Javascript Sliding Door Effect Tutorial with jQuery

The Easiest Javascript Sliding Door Effect Tutorial with jQuery



The Easiest Javascript Sliding Door Effect Tutorial with jQuery



View tutorial | View Demo

 

16. Photo Slider Tutorial

Photo Slider Tutorial

Photo Slider Tutorial



View tutorial | View Demo

 

17. Image Fade

Image Fade

Image Fade



View tutorial | View Demo

 

18. jQuery Tutorials for Designers

jQuery Tutorials for Designers

jQuery Tutorials for Designers



View tutorial | View Demo

 

19. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial



View tutorial | View Demo

 

20. Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial



View tutorial | View Demo

 

21. Outside the Box Navigation with jQuery

Outside the Box Navigation with jQuery

Outside the Box Navigation with jQuery



View tutorial | View Demo

 

22. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

How To Create A 'Mootools Homepage' Inspired Navigation Effect Using jQuery

How To Create A 'Mootools Homepage' Inspired Navigation Effect Using jQuery



View tutorial | View Demo

 

23. iPhone-like Sliding Headers

iPhone-like Sliding Headers

iPhone-like Sliding Headers



View tutorial | View Demo

 

24. Making an Interactive Picture with jQuery

Making an Interactive Picture with jQuery

Making an Interactive Picture with jQuery



View tutorial | View Demo

 

25. CompareNetworks jQuery’d Bread Crumb – jBreadCrumb

CompareNetworks jQuery'd Bread Crumb - jBreadCrumb

CompareNetworks jQuery'd Bread Crumb - jBreadCrumb



View tutorial | View Demo

 

26. Sliding Jquery Menu

Sliding Jquery Menu

Sliding Jquery Menu



View tutorial | View Demo

 

27. Use Sprites to Create an Awesomeness-Filled Navigation Menu

Use Sprites to Create an Awesomeness-Filled Navigation Menu

Use Sprites to Create an Awesomeness-Filled Navigation Menu



View tutorial | View Demo

 

28. Mega Drop Down Menus w/ CSS & jQuery

Mega Drop Down Menus w/ CSS & jQuery

Mega Drop Down Menus w/ CSS & jQuery



View tutorial | View Demo

 

29. Vertical Scroll Menu with jQuery Tutorial

Vertical Scroll Menu with jQuery Tutorial

Vertical Scroll Menu with jQuery Tutorial



View tutorial | View Demo

 

30. Create a multilevel Dropdown menu with CSS and improve it via jQuery

Create a multilevel Dropdown menu with CSS and improve it via jQuery

Create a multilevel Dropdown menu with CSS and improve it via jQuery



View tutorial | View Demo

 

Sunday, September 4, 2011

5 necessary 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.

jQuery is a lightweight JavaScript library that highlights the interaction between JavaScript and HTML and focuses on write less do more. It is one booming platform that has captivated the mass with its noteworthy significance in designing field.

It has now become essential to keep yourself updated with its excellent usability and example. Here are few of the outstanding jQuery tutorials that shall help you get connected and upgraded.

So these things been said let's get rockin'!

1. Animate Panning Slideshow with jQuery


Goal:
         By the end of this tutorial, we’ll have a slideshow that transitions by changing the visible window.

View tutorial | View demo



2. Quick Tip: How to Write a Neat FlipNav Script


Goal:
        Somehow, I inadvertently started a navigation series over the last few weeks. It’s purely coincidence, mostly spawned by emails and such. This week, we’re going to mimic the neat navigation functionality, found on JohnMayer.com.

View tutorial | View demo






3. The Easiest Javascript Sliding Door Effect Tutorial with jQuery



Goal:

        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.
        Just in case sliding door effect isn't your cup of tea, you can try the following tutorials for different kind of cool effect.




Goal:
         This episode is revisiting the image cross fade effect, in particular Dragon Interactive has a beautiful little transition for their navigation that some readers have been requesting. Greg Johnson takes it one step further to implement this method using jQuery and the methods shown here.





Goal:
         In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.


Thursday, August 25, 2011

Hello Everyone - TW Team

Who we are and what we want? 

A small group of people that want to find / document / promote digital tutorials of any kind.

Why do people need tutorials?

Well as we all know it nobody was born all knowing so we need the direct/indirect tutoring of someone that has more knowledge.

Where can you find us?

At the moment ... here soon to be on deviantart and other social networks.

What do we hope?

Nothing much, mostly to make some new friends discuss about tutorials and digital technologies and start a new community.

What we like?

Web designs, Photo-manipulation, 3d modelling, Web coding, SEO, Photography, Web Comics and other...