Web and designers | Complete resource platform for web designers and developers » Jquery

Examples of javascript used effectively in websites

WAD — Fri, 02 Jul 2010 03:06:24 +0000

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.

Cool effects from animation excites me each time I see it being done with so much passion and innovation .I ponder how these animators change idea to practice. Well if you think in the way I do the answer is through JavaScript frameworks. These framework can give your design the same effect as that of flash through its tool like Mootools , Scriptallicious and Prototype .

As Walt Disney states, “Animation offers a medium of story telling and visual entertainment which can bring pleasure and information to people of all ages everywhere in the world”. This powerful medium if portrayed in a site gives an incredible effect if it is more effective than words .So here we have some website that will inspire through its animation approach.

1. Home option gallery

Home option gallery

2. Launchlist

Launchlist

3. Duchy originals

Duchy originals

4. Creative people

Creative people

5. Giant media

Giant media

6. Dreamerlines

Dreamerlines

7. Design collectors

Design collectors

8. WEBALON

WEBALON

9. Loewy design

Loewy design

10. Serial cut

Serial cut

11. Panelfly

Panelfly

12. Orman Clark

Orman Clark

13. TLC

TLC

14. Marfil

Marfil

15. Hunters

Hunters

16. Tobias Ahlin

Tobias Ahlin

17. Tea round

Tea round

18. Best before

Best before

19. Baltic producers

Baltic producers

20. Gandrweb

Gandrweb

21. Dibusoft

Dibusoft

22. Naked ambition

Naked ambition

23. Adcapital industries

Adcapital industries

24. Srilanka unites

Srilanka unites

25. Popular front

Popular front

33 jQuery tutorials to create Navigation Menu

WAD — Wed, 02 Jun 2010 11:42:22 +0000

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.

When we are thinking about creating an extraordinary design we need to consider the usability of web design as well. Usability is directly linked with navigation and navigation has great impact on visual appearance of the site. So when you bring along navigation and JQuery you are in a state to create navigation menu that stands out from the crowd, as jQuery provides plenty of options.

Here we have some effective Jquery tutorials for navigation menus just for you.

1. Create Bounce out Vertical menu with jQuery

Create Bounce out Vertical menu with jQuery

2. Animated Menus Using jQuery

Animated Menus Using jQuery

3. Vertical Scroll Menu with jQuery Tutorial

Vertical Scroll Menu with jQuery Tutorial

4. How to Make a CSS Sprite Powered Menu

How to Make a CSS Sprite Powered Menu

5. Create Vimeo-like top navigation

Create Vimeo-like top navigation

6. Sexy Drop Down Menu w/ jQuery & CSS

Sexy Drop Down Menu w/ jQuery & CSS

7. Sliding Jquery Menu

Sliding Jquery Menu

8. Make An Elastic Thumbnail Menu

Make An Elastic Thumbnail Menu

9. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

10. Image Menu with Jquery

Image Menu with Jquery

11. Create an Attractive jQuery Menu with Fadein and Fadeout Effect

Create an Attractive jQuery Menu with Fadein and Fadeout Effect

12. How to Make a Smooth Animated Menu with jQuery

How to Make a Smooth Animated Menu with jQuery

13. Using jQuery for Background Image Animations

Using jQuery for Background Image Animations

14. Create an apple style menu and improve it via jQuery

Create an apple style menu and improve it via jQuery

15. HoverAccordion

HoverAccordion

16. How To Create A Mootools Homepage Inspired Navigation Effect Using jQuery

How To Create A Mootools Homepage Inspired Navigation Effect Using jQuery

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

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

18. CSS Sprites2 – It’s JavaScript Time

CSS Sprites2 - It’s JavaScript Time

19. Color Fading Menu with jQuery

Color Fading Menu with jQuery

20. Making accordion menu using jquery

Making accordion menu using jquery

21. MenuMatic

MenuMatic

22. jQuery & CSS Example – Dropdown Menu

jQuery & CSS Example – Dropdown Menu

23. Superfish

Superfish

24. Animated Drop Down Menu with jQuery

Animated Drop Down Menu with jQuery

25. jQuery feed menus

jQuery feed menus

26. Ctrl + Key Combination – Simple Jquery Plugin

Ctrl + Key Combination – Simple Jquery Plugin

27. Create a Cool Animated Navigation with CSS and jQuery

Create a Cool Animated Navigation with CSS and jQuery

28. A Simple and Beautiful jQuery Accordion Tutorial

A Simple and Beautiful jQuery Accordion Tutorial

29. Make a Mega Drop-Down Menu with jQuery

Make a Mega Drop-Down Menu with jQuery

30. Sliding JavaScript Menu Highlight 1kb

Sliding JavaScript Menu Highlight 1kb

31. Kwicks for jQuery

Kwicks for jQuery

32. Simple Lava Lamp Menu Tutorial with jQuery

Simple Lava Lamp Menu Tutorial with jQuery

33. Garagedoor effect using Javascript

Garagedoor effect using Javascript

30 Best jQuery tutorials

WAD — Wed, 28 Apr 2010 13:31:23 +0000

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.