Highcharts là một thư viện JavaScript mã nguồn mở để vẽ biểu đồ, đồ thị trên trang web. Công cụ JavaScript này cung cấp cho bạn nhiều loại biểu đồ như cột, hàng, hình tròn ... Để biết thêm chi tiết các tính năng và ví dụ mẫu, bạn vui lòng đến trang chủ của ứng dụng này tại đây.

Nếu từng sử dụng các thư viện JavaScript rất nổi tiếng như jQuery, MooTools, ... hẳn bạn cũng biết rõ sức mạnh của chúng và có đôi lúc tự hỏi tác giả đã làm cách nào để xây dựng nên một thư viện cực kì đồ sộ như vậy.

Và đây có thể là bài viết hướng dẫn JavaScript dành cho bạn, nó xoay quanh chủ đề xây dựng một thư viện JavaScript: bài viết là sự đúc kết kinh nghiệm của tác giả và dựa trên nền tảng của jQuery để xây dựng một thư viện JavaScript nhỏ gọn, nhẹ kí nhưng vẫn đáp ứng đầy đủ các nhu cầu cơ bản của tác giả.

MooTools - một thư viện JavaScript được xây dựng chủ yếu để hỗ trợ các trình diễn hoạt hóa, chuyển động, ... của các đối tượng trên trang web. Cộng với sự phát triển của công nghệ mạnh mẽ như hiện nay, môi trường Internet xuất hiện rất nhiều mô hình website lẫn Web 2.0 có chức năng lẫn giao diện độc đáo và bắt mắt đến nỗi vài năm trước các chuyên gia cho rằng là không tưởng. Mục tiêu của bài viết này là tổng hợp vài website dùng thư viện MooTools, được xem là xuất sắc nhất trong số này.

Nếu muốn, bạn có thể xem thêm về:
- 10 trải nghiệm tuyệt đẹp trên Google Chrome
- 12 hiệu ứng JavaScript siêu đẹp
- 30+ trang web đẹp tuyệt với hiệu ứng JavaScript

Một trình đơn định hướng khá độc đáo và bắt mắt trên nền web, vừa được giới thiệu trên jsB@nk, để xem ví dụ, bạn vui lòng nhấn vào Trình đơn định hướng kiểu Carousel dùng Mootools.

Trong bài viết hướng dẫn này, tác giả sẽ trình bày chi tiết cách thức để xây dựng trình đơn này; từ các bước thiết kế hình nền, biểu tượng cho trình đơn bằng công cụ Photoshop, cho đến việc xây dựng mã nguồn CSS, HTML và JavaScript, áp dụng các hiệu ứng hoạt hóa, ...

Vì đây là bài hướng dẫn rất chi tiết nên được tác giả chia làm hai phần, và đây là phần đầu tiên, bạn vui lòng xem bài viết thứ hai ở bài viết sau.

Một trình đơn định hướng cực kì độc đáo và bắt mắt trên trang web sử dụng thư viện JavaScript chuyên dùng cho các hoạt hóa là MooTools, trình đơn định hướng này có giao diện và cách hoạt động tương tự như thanh DockBar trên các máy hệ Mac với các đặc điểm:
- Các biểu tượng sẽ phóng to khi ta rê con trỏ chuột vào
- và thu nhỏ lại khi con trỏ chuột rời đi.
- Tính năng cuộn và mờ dần khi di chuyển sang các biểu tượng khác.
- Các hiệu ứng được thực hiện khá mượt.

Bài viết này tổng hợp danh sách trên 30 website sử dụng các hiệu ứng JavaScript tuyệt đẹp. Các website này đều có giao diện rất độc đáo và lôi cuỗn; và với cách kết hợp các hiệu ứng JavaScript (được hỗ trợ bởi các thư viện JavaScript nổi tiếng: jQuery, MooTools, ...) khá thông minh; các website này tạo nên sự cuốn hút đặc biệt đối với người sử dụng. Vui lòng vào bài viết chi tiết để xem thêm.

Nếu là một lập trình viên chuyên nghiệp hay lâu năm đối với một hay nhiều ngôn ngữ lập trình nào đó, hẳn chúng ta sẽ luôn có một số thủ thuật nhỏ để giải quyết vấn đề tốt hơn, và ngôn ngữ lập trình web JavaScript cũng không phải là một ngoại lệ. Bài viết này là sự đúc kết kinh nghiệm của tác giả với 5 thủ thuật JavaScript rất nhỏ gọn nhưng cực kì hữu ích cho các công việc liên quan đến JavaScript.

JavaScript - ngôn ngữ lập trình web phổ biến nhất phía client, dùng để tạo ra các hoạt hóa, chuyển động của các đối tượng trên trang web. Với sự đầu tư đúng mức, JavaScript có thể tạo nên nhưng hiệu ứng, ứng dụng cực kì độc đáo, tuyệt đẹp cũng như khủng khiếp mà bạn tưởng rằng không thể. Và bài viết này giới thiệu đến bạn 12 hiệu ứng được tác giả cho là đẹp nhất hiện nay được làm bởi JavaScript, các hiệu ứng được tối ưu để xem tốt trên Google Chrome, Firefox.

Đoạn video về buổi diễn thuyết của Todd Kloots về việc xây dựng một widget với JavaScript trong nền tảng Web 2.0.

Công việc tạo các biểu mẫu (liên hệ, gửi bạn bè, chia sẻ, ...) trên website cũng cần khá nhiều thời gian và đòi hỏi lắm công phu; bởi các biểu mẫu này cần phải có giao diện hài hòa, phù hợp với tổng thể website, bên cạnh đó chúng còn phải tạo nên sự thân thiện và bắt mắt đối với người sử dụng. Tuy nhiên với trên 50 nguồn tài nguyên được giới thiệu trong bài viết này, bạn sẽ dễ dàng tạo được cho mình các biểu mẫu như ý trong thời gian ngắn nhất.