19/09/2011
0
Tiếp nối bài viết Các website với hiệu ứng JavaScript đẹp tuyệt dùng jQuery hôm nay trong phạm vi bài viết này, jsB@nk muốn giới thiệu đến bạn thêm một danh sách gồm 25 website của cá nhân và công ty tuyệt đẹp khác.
Các website này được thiết kế với giao diện khá chuyên nghiệp và độc đáo, kết hợp với việc sử dụng JavaScript để tạo nên các hoạt hóa đầy sáng tạo, chắc chắn chúng sẽ là những trải nghiệm web tuyệt vời và có thể cung cấp cho bạn nhiều ý tưởng độc đáo trong công việc.
Vui lòng vào trang chi tiết để xem danh sách đầy đủ, hoặc xem thêm các trải nghiệm JavaScript cực độc khác:
- Các website HTML5 sử dụng các hiệu ứng JavaScript tuyệt đẹp
- 10 trải nghiệm tuyệt đẹp trên Google Chrome
- Các trải nghiệm JavaScript và Canvas tuyệt đẹp trên web
- Các trải nghiệm JavaScript tuyệt đẹp trên Chrome, Safari
Đây là các ứng dụng mô phỏng các hệ điều hành và được xây dựng trên nền web với ngôn ngữ JavaScript. Mặc dù tính năng không đa dạng và phong phú như các hệ điều hành truyền thống như Windows, Mac OS, Linux hay hệ điều hành nền tảng đám mây đang nổi đình nổi đám của Google là Chrome, nhưng 5 ứng dụng JavaScript này thực sự là những trải nghiệm tuyệt đời, rất đáng để bạn thử chúng.
Hãy vào trang chi tiết để xem địa chỉ của các ứng dụng này như Lucid Desktop, Comet Desktop, Sencha Desktop, Jquery Desktop và Jsdesk. Hoặc có thể trải nghiệm các ứng dụng JavaScript, ứng dụng web tuyệt vời khác đã được giới thiệu trên jsB@nk:
- 50+ trải nghiệm tuyệt đẹp với các ứng dụng web
- Các trải nghiệm JavaScript tuyệt đẹp trên Chrome, Safari
- 10 trải nghiệm tuyệt đẹp trên Google Chrome
Một bộ đếm thời gian (countdown timer) với giao diện cực kì độc đáo, bắt mắt và sáng sủa để hiển thị trên website của bạn. Hiệu ứng này sẽ đếm số tuần, số ngày và thời gian đến một thời điểm đã được định trước. Bên cạnh đó hiệu ứng còn cho phép người dùng chọn một trong hai giao diện đen hoặc trắng để sử dụng; đồng thời người dùng cũng có thể dễ dàng chỉnh sửa mã nguồn JavaScript hơn bởi hiệu ứng này sử dụng thư viện jQuery làm nền.
Thêm một hiệu ứng tạo bộ đếm thời gian cực kì độc đáo nữa được liệt vào bộ sưu tập các bộ đếm có trên jsB@nk:
- Đồng hồ đếm ngược
- Xây dựng bộ đếm thời gian đơn giản với Flash và ActionScript
- Bộ đếm thời gian dạng thanh với jQuery
- Tạo một bộ đếm thời gian giảm dần theo mô hình OOP
- Bộ đếm thời gian giảm dần đẹp tuyệt vời
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ụ
CSS3 - một chuẩn CSS cao hơn dành cho việc dàn trang (tạo layout) các ứng dụng web - đang dần được sử dụng khá phổ biến. CSS3 đang dần khẳng định vị trí và thế mạnh của mình so với đàn em cực kì phổ biến và nổi tiếng: CSS2; thông qua sự hỗ trợ mạnh mẽ từ các trình duyệt hiện đại hiện nay: Firefox 3.5+, Google Chrome, Safari, ...
Chuẩn CSS3 hiện có rất nhiều đặc tả kĩ thuật cũng như tính năng mới. Tuy nhiên, trong phạm vi bài viết này, tác giả chỉ đề cập đến khả năng xây dựng các nút nhấn cực kì độc đáo và tuyệt đẹp với CSS3. Bạn vui lòng vào trang bài viết chi tiết để xem các địa chỉ tài nguyên này.
Trong bài viết JavaScript này, tác giả giới thiệu cho bạn 10 địa chỉ tài nguyên JavaScript giúp bạn thiết kế các khung nhập liệu trong biểu mẫu của mình trở nên khác biệt và độc đáo hơn so với kiểu mặc định của các trình duyệt. Các hiệu ứng JavaScript dành cho biểu mẫu trong danh sách này khá đẹp và dễ sử dụng, rất phù hợp nếu website của bạn có giao diện sáng tạo, trẻ trung.
jsDatePick là một công cụ JavaScript miễn phí, dùng các kỹ thuật DOM để tạo ra các bộ chọn ngày tháng trên trang web của bạn. Trong vòng vài phút, bạn sẽ có được một bộ chọn ngày tháng cực kì độc đáo và bắt mắt trên trang web của mình. Tìm hiểu các thông số và ví dụ JavaScript mẫu trong trang chủ của nó tại đây.
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.
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 cuối.
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.
