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

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

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.

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

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

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

6. Ajax Instant Messenger

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

9. Progress 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

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.

14. Unobtrusive AJAX Star Rating Bar

Đâ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).