Những Jquery plugins không thể thiếu trong thiết kế web

Ngày nay Jquery này càng được ứng dụng nhiều hơn trong thiết kế web, chỉ cần  khéo léo áp dụng các hiệu ứng thì website/blog của sẽ chuyên nghiệp lên rất nhiều.  Chỉ cần một thư viện duy nhất kết hợp với một số plugin là bạn đã tạo cho website/blog của mình những hiệu ứng cực kỳ bắt mắt những vẫn đảm bảo tốc độ download cho website/blog cũng như hoàn toàn thân thiện với các Search Engine. Dưới đây là một số plugin rất hữu ích giúp tạo hiệu ứng cho website/blog của bạn. Đây là bài viết trên blog của tác giả Heinmass.
jquery_idtabs

idTabs is a plug-in for jQuery. It makes adding tabs into a website as simple as it is. But it can also open the door to endless possibilities.

jquery-css-example-dropdown-menu

This is an extremely basic, yet powerful dropdown technique for adding a dropdown menu inside your website or application by Nathan Wong.

easy-slider-15-the-easiest-jquery-plugin-for-sliding-images-and-content

Alen Grakalic wrote a very nice and easy jQuery slider plug-in. It let’s slide images or any content horizontally or vertically on a single click or even fully automatically

s3slider-jquery-plugin1

s3Slider jQuery Plug-in is a nice jQuery Featured Content Gallery plug-in, you can easley ad this slider to your own website to show of your work or something similar by Boban.

imgpreview

James Padolsey made a cool jQuery Image Preview plug-in that will allows your users to preview an image before clicking on it.

jquery-lightbox-plug-in1

The best and easiest jQuery Lightbox Plug-in there is by Leandro Vieira Pinho

simple-slideshow-with-jquery

A very clean and easy slideshow by Timothy van Sas

stylesheet-switcher-using-jquery

A very nice and fast stylesheet switcher made by Kelvin Luck

jquery-fade-infade-out

A nice jQuery Fade In.Fade Out effect what can be used in different ways, made hvdesigns

jquery-file-upload-plugin

A cool and handy script made by Ronnie Garcia

jquery-file-upload-plugin

A cool and handy script made by Ronnie Garcia

agile-carousel

Another Carousel by 5 Bosses, it’s really nice for showing your work in a portfolio.

kwicks-for-jquery

The well known Mootools effect is now available for jQuery, made by Jeremy Martin

jbreadcrumb

A nice and very good looking breadcrumb plugin for jQuery made by Jason Roy for CompareNetworks Inc.

jquery-ui-tabs

Klaus from stillbuero.de has made a usefull jQuery Tabs.

jquery-simple-drop-down-menu

A very lightweight jQuery Drop-Down menu made by SpiceBrains

hslides
hSlides is an horizontal accordion navigation made by Jesus Carrera

jtabber

Another Tab plugin for jQuery by Jordan Boesch

jqueryscrollable

A nice and easy nway to scroll your html elements, made by flowplayer.org

css-sprites2

A CSS Sprite effect with the help of jQuery, made by Dave Shea

easy-tooltip-jquery-plugin

Alen Grakalic just made a cool tooltip plugin for jQuery

jquery-tutorials-for-designers

A nice collection of tutorials about jQuery form WebdesignersWall

how-to-load-in-and-animate-content-with-jquery

Load in and Animate content tutorial by James Padolsky

animated-menus-using-jquery

Over at Shopdev they made a very cool menu effect with jQuery

slideshow-jquery-plugin

Ever wanted to know how they make thos large backgrounds, Sam Dunn will tel you.

smooth-animated-menu-with-jquery1

A very smooth and elegant menu slider effect form Zach Dunn

portfolio-with-jquery

A nice technique to sort out your portfolio items by Trevor Davis

text-size-slider

Use the jQuery UI to Control the Size of Your Text from Connor Zwick

create-a-cool-animated-navigation-with-css-and-jquery

A cool animated navigation effect witth css and jQuery by Joash Xu, very interesting tutorial.

create-a-slick-tabbed-content-area-using-css-jquery

This is a nice tabbed content area effect with the help of css and jQuery, made by Collis Ta’eed

(Theo Heinmass.com)

__________________

Hutek cũng sử dụng khá  nhiều những plugin kể trên trong thiết kế của mình ^^

Phản hồi (29) | Gửi một phản hồi

  1. Thật là bổ ích , thanks nhé !

    Reply
    quoc phi
    17/07/2010
  2. chào anh! e muốn hỏi tên cai jQuerry cái menu tin tức mới của a ( ở trang chủ )
    Mong sớm nhận được hồi âm của a .
    Thân!

    Reply
  3. Dùng nhiều js quá là phải quan tâm đến vấn đề tương thích đấy bác ạ (tương thích về trình duyệt và giữa các js với nhau) ^^!

    Mà cái logo hiện tại bác dùng cái gì mà được hiệu ứng như vậy, có thể chỉ cho em được không? Em thấy nó là 2 phần của file logo_neon.jpg, không biết sao mà có thể fade qua lại giống như là flash như thế :)

    Reply
  4. search jquery phat ra trang này.toàn những plugin mình cần :x

    Reply
  5. Nếu như có giới thiệu luôn công dụng từng loại thì có phải tốt hơn không :D :cuoi_duyen:

    Reply
    Thiên Lộc
    20/05/2010
  6. Vụ code là e chịu chết, cứ cái nào có sẵn là e xài, xài ké các bác share cũng đc :D :-O :-O

    Reply
  7. Mấy cái này hay thật ấy ! thank bác ! :2:

    Reply
  8. Thank nhé :-X

    Reply
  9. hôm nay em mới nghe jquery :D ngồi mò extention 1 hồi. thấy nó có sẵn . để em tìm hiểu thêm xem sao hè hè

    Reply
  10. Sao chả thấy cái hình nào hết thế nhỉ ?

    Reply
  11. Mình thấy trên http://cnet.pro cũng có một loạt bài viết về ajax nói chung và jquery nói riêng cũng hay lắm

    Reply
  12. ko thấy 1 tấm hình nào hết bác ơi

    Reply
    NgHPhat
    19/08/2009
  13. ai có tl gì về Jquery không nhỉ? UP lên cho bà kon xem đi

    Reply
  14. Em muốn phát triển một cái featured content gallery trên nền jquerry mà ko có kiến thức cơ bản nên ko biết làm như nào :(

    Reply
    • Thì đọc đi, jquery dễ lắm

      Reply
      • Nếu dễ thì đã ko có thiên tài như bác và ko có dốt nát như em :-<
        Em đang học cách tạo slide content gallery như cái Featured Content Gallery plugin hay D13Slide.
        Em down mấy cái jquerry này về rồi, xong rồi thì làm gì tiếp theo hả bác.

        Reply
  15. Dùng jquery cần biết rõ về CSS thì mới biến cái của người ta thành của mình được. Hix, mấy cái example của người ta làm viết css khó hiểu quá.
    Đến khổ, mò từng tí một. T_T

    Reply
  16. Hay thật, hôm nay biết thêm nhiều cái nữa, không nghĩ lại có nhiều như thế đâu

    Reply
  17. Bạn có thể nói rõ hơn cách cài các plugin này vào jquery không, minh có cần lập trình gì không hả bạn.
    Hay trong HTML mình chỉ cần đặt id đúng như ex là được.
    Bài viết rất tâm huyết, cảm ơn bạn nhiều

    Reply
    • Nói là plugin nhưng thực ra là các đoạn js thôi mà, nhưng sử dụng nền tảng là jquery. Jquery rất mạnh nếu biết áp dụng đấy, nhưng cần có kiến thức nền

      Reply
  18. Thế cái JQuery này down về rồi “vứt” vào đâu hả bác? Em thấy cái này có 1 lần nên ko nhớ, hic hic

    Reply
    • Vứt nó lên host cùng với site của bác rồi khai báo thôi, nó cũng là js mà, blog của em cũng dùng jquery đấy, bác để ý phần bài viết tiêu biểu có hiệu ứng đó

      Reply
    • jQuery dành cho web mà . Upload lên website thôi chứ đâu nữa.

      Reply
      • Dạ, cái này bác Hutek trả lời em lâu rồi.

        Reply
        Phi Tùng
        06/10/2009
        • Ah, em là Zero đấy ah. Comment để tên thế kia sợ các bác hiểu nhầm

          Reply
          Phi Tùng
          06/10/2009

Gửi một phản hồi

  Tự động TELEX Tắt

:D ^:)^ ~O) :P =(( =P~ :(( =)) more »

jQuery('#large_banner').cycle({
    fx:     'scrollDown', 
    easing: 'bounceout', 
    delay:  -4000,
    timeout: 8000 
});
jQuery('#breaking_news').cycle({
    fx:     'scrollDown', 
    delay:  -4000 
});