Bài viết này cung cấp một danh sách rất nhiều tài nguyên JavaScript hữu ích và đáng giá để phục vụ cho việc phát triển web, chúng có thể giúp các nhà phát triển web (lập trình, thiết kế web) tăng năng suất lao động lên rất nhiều.

Danh sách này đề cập đến những thư viện tài nguyên như: các thư viện hoạt hóa, các trình phát âm/hình, mã hóa/cookie, cơ sở dữ liệu, các trình xử lí phông chữ, kiểm tra form nhập liệu, trò chơi, đồ họa, xử lý ảnh, ... còn rất nhiều, bạn vui lòng vào trang chi tiết để xem thêm.

Các danh sách tài nguyên/thư viện phát triển web cực tốt khác mà bạn có thể tham khảo thêm:

- Siêu danh sách tham khảo HTML, CSS, PHP, Javascript
- Hướng dẫn dùng JavaScript trong thiết kế web siêu đầy đủ
- 35 tài nguyên tuyệt vời để phát triển ứng dụng JavaScript nhanh hơn

Một hiệu ứng JavaScript đơn giản nhưng lại tạo công cụ chọn ngày tháng cho các vùng nhập liệu rất ấn tượng. Hiệu ứng sẽ hiển thị bộ chọn với kiểu dáng của một tờ lịch tháng được trang trí khá bắt mắt.

Chỉ với vài thao tác cài đặt đơn giản, bạn sẽ dễ dàng thiết lập nhiều bộ chọn ngày trên cùng một trang web và chúng đều hoạt động tốt trên tất cả các trình duyệt.

Bạn có thể xem thêm:

- jsDatePick - Bộ chọn ngày miễn phí trên web
- Bộ chọn ngày với cửa sổ phụ

Bài viết này cung cấp một danh sách rất nhiều kinh nghiệm của tác giả khi làm việc với các thư viện JavaScript API của mạng mã hội nổi tiếng Facebook. Một bài viết rất đáng xem nếu bạn đang tìm hiểu cách để xây dựng các ứng dụng Facebook dựa trên JavaScript API của nó.

Uy lực mà jsB@nk muốn nói đến ở đây là mã nguồn JavaScript của hiệu ứng này được xây dựng với kĩ thuật hướng đối tượng rất công phu cùng với tài liệu sử dụng/chỉnh sửa rất chi tiết. Bạn có thể tạo nhiều đối tượng cuộn trên trang web như mong muốn cùng với không hạn chế phần tử trong mỗi đối tượng cuộn.

Chưa hết, bạn còn có thể dễ dàng khai báo tốc độ cuộn, vị trí cuộn, khoảng cách, thời gian, ... cho mỗi đối tượng cuộn trong hiệu ứng này.

Một hiệu ứng JavaScript đơn giản sử dụng thư viện jQuery để thực hiện việc thay đổi ảnh liên tục. Hiệu ứng mờ dần được sử dụng để hiển thị giữa các ảnh, bạn có thể dễ dàng thay đổi các hoạt hóa của hiệu ứng này với các hàm có sẵn của jQuery.

Mọi nhà phát triển/lập trình web đều biết tầm quan trọng của cache đối với hiệu suất hoạt động của trang web; với đặc tả kĩ thuật của các chuẩn HTML cũ, chúng ta chỉ có thể lưu cache trong cookie ở phía máy khách hoặc thực hiện ở phía máy chủ với session và/hoặc các biện pháp lưu trữ dạng tệp tin.

Nhưng mới HTML5, ngoài khả năng lưu trữ cache để xem ngoại tuyến (xem thêm nhiều tính năng khác của HTML5 tại Các hàm JavaScript mới trong HTML5); công nghệ mới này còn cho phép các nhà phát triển web xây dựng các ứng dụng web có thể lưu cache ở phía máy khách nhằm cải thiện hiệu suất hoạt động của trang web, bởi trình duyệt sẽ gửi ít truy vấn hơn đến máy chủ mỗi khi tải một trang web trong hệ thống website.

Bài viết này sẽ cung cấp cho bạn vài khái niệm cơ bản và ví dụ mẫu JavaScript để xây dựng tính năng cache trong HTML5. Vui lòng vào trang chi tiết để xem thêm.

Mặc dù HTML5 vẫn còn đang hoàn thiện về mặt công nghệ nhưng hiện tại chúng ta đã có thể thưởng thức rất nhiều ứng dụng tuyệt đẹp và đầy ấn tượng dựa trên công nghệ này, bạn có thể dùng thử:

- Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery
- Phát âm thanh trên web với HTML5
- 10 điều JavaScript xưa không làm được
- 12 trò chơi JavaScript đầy sáng tạo bạn nên chơi
- 10 trải nghiệm tuyệt đẹp trên Google Chrome

Hôm nay, jsB@nk muốn giới thiệu với bạn thêm một ứng dụng đồ họa cực kì ấn tượng được xây dựng trên nền HTML5. Bạn vui lòng vào trang ví dụ mẫu trực tiếp để dùng thử ứng dụng này.

Thêm một hiệu ứng JavaScript nữa để bạn có thể dễ dàng kiểm tra và hạn chế số lượng kí tự mà người dùng có thể nhập vào các biểu mẫu. Trong ví dụ mẫu JavaScript trực tiếp này, bạn sẽ không thể nhập vào hơn 20 kí tự hoặc quá 10 dòng tùy điều kiện nào đến trước.

Hiệu ứng JavaScript này ưu việt hơn ở chỗ việc kiểm tra sẽ được thực hiện với các biểu thức so trùng (RegEx - Regular Expression); vì vậy việc kiểm tra khá chính xác.

Bài viết này sẽ hướng dẫn bạn cách thức xây dựng một Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery cùng với mã nguồn kèm theo để tải về.

Đây là hiệu ứng trình đơn cực kì xuất sắc hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Hiệu ứng trình đơn này cực kì thích hợp với những website có hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Với sự hỗ trợ của thư viện jQuery, hiệu ứng sẽ thực hiện hoạt hóa cuộn cho mỗi danh mục mỗi khi người dùng nhấn chuột vào, bạn có thể thay đổi dễ dàng các phương thức hoạt hóa với các hàm có sẵn của jQuery.

Việc xây dựng hoàn chỉnh hiệu ứng này từ đầu khá công phu, jsB@nk sẽ hướng dẫn bạn từng bước để làm hiệu ứng này trong bài viết sau, còn bây giờ bạn hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức.