Free Ajax và Javascript cho designer

Ajax và Javascript ngày nay đã trở thành một phần rất quan trọng của website. Tuy nhiên, không phải bác designer nào cũng có thể hiểu thông viết thạo nó để có thể tùy biến theo ý mình. Mà cho dù có đủ trình để viết đi chăng nữa thì tại sao chúng ta phải cắm đầu cắm cổ viết trong khi đã có đầy trên Internet ấy nhỉ :D.
Bài viết này giới thiêu một số code Javascript và Ajax rất hữu dụng cho bạn.

1. Lightbox 2

lightbox2

Có lẽ cái này không còn lạ với các bác nữa rồi. Lightbox là một script cho phép bạn hiển thị nội dung trên một cửa sổ mới. Lightbox2 sử dụng Prototype Framework.

2.Timeline

TimeLine

TimeLine

Cho phép trình bày một planning theo thời gian khá đẹp và có thể kéo để xem phần tiếp theo, click để xem ghi chú tương tự như bạn đang xem Google Map vậy. Timeline sử dụng kĩ thuật Ajax kết hợp với DHTML.

3. Tạo hiệu ứng glass cho hình ảnh với Reflection.js

Cho phép bạn tạo ra một hiệu ứng như mặt gương cho hình ảnh, thích hợp cho các thư viện hình ảnh để trang trí. Sử dụng Javascript.

Reflection

Reflection

4. Biểu đồ dạng bánh

Pie & Donut Chart

Pie & Donut Chart

Biểu đồ dạng bánh sử dụng Flash. Sử dụng loại biểu đồ này bạn sẽ có một biểu đồ đẹp, với các hiệu ứng animated rất đẹp.

5. Biểu đồ tổng hợp

plotr_scr

Nhìn hình ảnh tự hiểu nha các bạn :) .

6. Ajax Instant Messenger

ajax IM

ajax IM

Giúp bạn tạo một phòng chat đơn giản mà không cần database. Sử dụng Ajax và Javascript.

7. Starbox

starbox

Starbox

Starbox cho bạn một sự hoàn hảo cho hệ thống poll của bạn.

8. Ajax Tabs Content

Cho phép bạn tạo các tab trên website.

Tabs Content

Tabs Content

9. Progress Bar

Proccess bar

Proccess bar

Tạo các thanh xử lý đẹp mắt.

10. Thick Box

Thickbox là một Plugin của Jquery, tính năng tương tự như Lightbox2 đã giới thiệu ở trên.

11. jQuery Tool Tip

JQuery tooltip

JQuery tooltip

Tạo một tooltip đẹp mắt.

12. Accordian

Accordian là một hiệu ứng khá hay để bạn tạo các menu đa cấp có thể xổ xuống mỗi khi click chuột. Accordian sử dụng Moo Tools Javascript Framework.

13. Tạo flickr-like Editing Fields sử dụng AJAX & CSS

Bài viết này sẽ giúp bạn tạo ra một ứng dụng cho phép bạn có thể edit dữ liệu từng phần, từng phần một giống như trang Flick.

Flick Editor

Flick Editor

14. Unobtrusive AJAX Star Rating Bar

Rating

Rating

Đây là một bài hướng dẫn khá đầy đủ về hệ thống poll mà có lẽ nếu bạn không rành sử dụng thì đây là một ví dụ tuyệt vời để tìm hiểu. Bài viết này hướng dẫn cho bạn tất cả các bước từ MySQL đến PHP rồi HTML, Javascript… để bạn có thể ứng dụng.

Các script khác

Còn nhiều lắm mà mình không liệt kê hết được cho các bạn nên mình cứ list danh sách ra, các bạn tự tìm hiểu và nghiên cứu nhé:

15. Plotkit (Javascript Chart Plotting Script).

16. Pie(Create ajax pie charts)..

17. Loading XML into a page with xmlHttpRequest.
18. Prototip (Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework).
19. Ajax Inline Text Edit (This is a very simple script which only works with span tags).
20. Tabbed Content Browser (An Ajax powered tabbed content browser).
21. Table Sorting Script (An unobtrusive ajax Table Sorting Script).
22. Color Sphere (DHTML Color Picker).
23. Mapper.js (Thisallows you to add automatic area highlighting to image maps on your webpages (inc. export to SVG)).
24. Live Validation (LiveValidation is a small open source javascript library built for giving users real-time validation information).
25. Draggable Content (Javascript drag and drop).
26. Carousel (A Carousel Effect Image gallery).
27. Multibox (A javascript lightbox that supports images, flash, video, mp3s…).
28. Smooth Gallery (Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…).
29. Form Style Generator
30. Auto Complete (A MooTools Autocompleter widget that creates a unobtrusive and customisable suggestion box for input fields from variable data sources).
31. Active Collab (An open Source Project Management Script).
32. Greybox (A small unobtusive pop up script).
33. Ajax Poller.
34. Tablekit (TableKit is a collection of HTML table enhancements using the Prototype framework).
35. J-query Shoutbox (This script is based on jQuery library and Form plugin.
It’s very easy to setup it, also an archive is available for download so you can play with the files on your localhost).
36. Ajax RSS Ticker.
37. Highslide (It streamlines the use of thumbnail images and HTML popups on web pages).
38. Slideshow Viewer (Stylish gallery script with a ‘lightbox’ effect).
39. Mocha (Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics).

Comments

  1. Jen says

    =)) Nhân

    Bạn có thể tìm project ajax and php nào mà quản lý menu (2 cấp thôi) và có thể kéo thả để sắp xếp không nhỉ.

    Giống kiểu của wordpess admin – > menus ấy >:D< .
    Cảm ơn nhiều :)

      • Jen says

        Code ấy cậu ah, Mà code ấy thì có cả js php css nên mình gọi nó là project mini :). Nếu bạn tìm được thì có thể share cho mình không :).

        Còn trong wp-admin rip không nổi hơi phức tạp nên chịu :) Thanks :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:D :) >:D< :P :(( :beat: ;):x L-) ;)) :shot: =)) :kill: >:) =P~ more »