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.

Các ngôn ngữ lập trình cấp cao ngày càng hiện đại hơn, cùng với sự phát triển này là chúng ngày càng trở nên thân thiện với người sử dụng (lập trình viên) và dễ dàng cài đặt hơn. Tuy nhiên, trong quá trình làm việc với chúng, hẳn bất cứ một lập trình viên nào cũng đối mặt với một vài rắc rối do chúng mang lại. Bài viết này chỉ xoay quanh JavaScript - ngôn ngữ lập trình web phổ biến nhất phía máy khách, cùng với các lỗi (vấn đề) thường gặp.

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.

CSS và JavaScript là hai thành tố không thể thiếu với bất kì một website nào, cũng như đối với các nhà thiết kế và phát triển web. Đôi lúc, chúng tạo nên một số rắc rối về mặt kĩ thuật trong một vài vấn đề.

Nhưng điều tốt là với sự phát triển mạnh mẽ của Internet trong thời đại ngày nay, các nhà thiết kế và phát triển web luôn tìm ra được giải pháp và thủ thuật cho các rắc rối này, và chia sẻ với những người khác. Bài viết này tổng hợp 45 thủ thuật giúp bạn giải quyết nhanh chóng các rắc rối CSS, JavaScript thường gặp. Nếu biết nhiều hơn, bạn có thể chia sẻ với chúng tôi tại đây.

Với các hiệu ứng chuyển động, hoạt hóa trên trang web bằng JavaScript, chúng ta sẽ phải tốn rất nhiều công sức và thời gian để làm từ đầu các hiệu ứng này. Tuy nhiên với sự hỗ trợ mạnh mẽ từ các thư viện JavaScript, chúng ta sẽ tốn chi phí ít hơn rất nhiều; nhưng với sự phát triển chóng mặt của công nghệ hiện nay, có vô số thư viện JavaScript ra đời. Bài viết này chỉ dùm giới thiệu với bạn danh sách 17 thư viện JavaScript được xây dựng chủ yếu để thực hiện các hoạt hóa.

Nếu quan tâm đến các thư viện JavaScript, bạn có thể xem thêm về:
- 10 JavaScript framework hàng đầu theo Google, Yahoo, Bing
- MooTools: Thư viện JavaScript nhỏ gọn
- 10 thư viện JavaScript hỗ trợ hoạt hóa tốt nhất

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.

Nếu có tham gia Digg, hẳn các bạn biết về trình đơn chọn chủ đề của website này; một trình đơn chọn khá đơn giản nhưng rất hiệu quả khi sử dụng. Loại trình đơn này được tạo với sự kết hợp của CSS, HTML và JavaScript và bài viết hướng dẫn JavaScript này sẽ chỉ bạn cách tạo ra một trình đơn tương tự như vậy mà không cần phải dùng thêm bất kì một thư viện JavaScript nào.

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.