- Tag
- trình diễn
- In-site results
- WWW results
23/04/2012
0
Hôm nay jsB@nk muốn giới thiệu với bạn một danh sách các ứng dụng, mã nguồn JavaScript, jQuery cực kì hữu ích khác dành cho các nhà phát triển web.
Các ứng dụng, công cụ JavaScript này rất đa dạng, bao gồm: trình xem ảnh, tạo trình diễn ảnh, tạo chú thích đẹp, ... cho đến tạo trình đơn nhiều cấp, tạo đồ thị. Bạn vui lòng vào trang chi tiết để xem thêm.
Hôm nay trong bài viết này, jsB@nk hân hạnh giới thiệu đến bạn một đoạn mã JavaScript tạo trình diễn cực kì độc đáo chỉ với 2 dòng mã lệnh JavaScript, do hiệu ứng trình diễn này được thực hiện dựa trên nền tảng jQuery. Một đoạn mã JavaScript cực kì đơn giản để cài đặt nhưng hiệu ứng hoạt hóa của nó thì rất tuyệt để dùng trên các trang web của bạn. Hãy vào trang trong để xem chi tiết.
Như đã hứa, trong bài viết hôm nay, jsB@nk xin trình bày với bạn chi tiết cách thức để xây dựng Khung trưng bày ảnh tuyệt đẹp với jQuery với các giải thích đầy đủ.
Thật sự thì với sự hỗ trợ mạnh mẽ của thư viện jQuery, chúng ta chỉ cần xây dựng các hoạt hóa JavaScript cho hiệu ứng JavaScript chuyển ảnh chỉ với vài dòng mã lệnh JavaScript; nhưng bù lại chúng ta phải tốn nhiều thời gian hơn để định dạng (styling) cho giao diện.
Đây là một hiệu ứng JavaScript chuyển ảnh cực kì tuyệt vời dùng thư viện jQuery để trình diễn các hoạt hóa. Và bạn vẫn có thể dùng hiệu ứng này để làm một trình diễn ảnh chuyển động (slideshow) hoặc một phòng trưng bày ảnh (gallery) đều được.
Ngay bây giờ, bạn có thể xem trực tiếp cách hoạt động của khung trưng bày ảnh này thông qua ví dụ mẫu JavaScript trực tiếp, và cài đặt cho riêng mình với các mã nguồn JavaScript/CSS/HTML đã được cung cấp sẵn. Hoặc bạn có thể đợi đến bài viết kế tiếp vào ngày mai, jsB@nk sẽ hướng dẫn bạn chi tiết cách tạo hiệu ứng này.
Bài viết này hướng dẫn bạn chi tiết cách dùng thư viện jQuery để tạo một khung trưng bày ảnh đơn giản trên trang web, với sự hỗ trợ của các thư viện đồ họa người dùng. Vui lòng vào trang chi tiết để xem thêm.
Trình diễn ảnh, trưng bày ảnh là những hiệu ứng không thể thiếu trong thế giới web, thế giới Internet từ thuở sơ khai. Bạn cũng có thể tìm thấy rất nhiều hiệu ứng JavaScript thuộc loại này trên jsB@nk.com:
- JavaScript Trưng bày ảnh
- JavaScript Trưng bày ảnh 2
- JaS Gallery
Nhưng hôm nay trong bài viết này, jsB@nk.com xin giới thiệu với các bạn danh sách 65 tiện ích, giải pháp trình diễn ảnh, trưng bày ảnh cực kì tuyệt vời mà miễn phí. Tất cả chúng đều dễ dàng cài đặt và sử dụng, chỉ hoàn toàn hoàn JavaScript, không dùng Flash nhưng vẫn tuyệt vời. Hy vọng bạn sẽ thích danh sách này.
Một số ứng dụng thật sự ấn tượng với jsB@nk.com: Galleriffic, Slideviewer, Galleria, Spacegallery, Thickbox (jsB@nk đang sử dụng thư viện tiện ích jQuery này), Fancybox, MooFlow, Lightbox2, Minishowcase, CSS Image Gallery, Highslide JS.
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
Đây là phần cuối của bài viết YUI: Tạo trình diễn ảnh với trình đơn tùy chọn; vui lòng vào trang bài viết chi tiết xem cách sử dụng thư viện YUI để xây dựng một ứng dụng trình diễn ảnh trên nền web.
YUI - một thư viện JavaScript cực kì mạnh mẽ của Yahoo! về khả năng xử lí giao diện, và bên trong gói tải về của bộ thư viện này, Yahoo! cũng đã cung cấp rất nhiều tài liệu cũng như ứng dụng JavaScript mẫu để xây dựng các ứng dụng phổ biến. Tuy nhiên trong bài viết hướng dẫn này, tác giả sẽ trình bày rất chi tiết cách xây dựng một ứng dụng trình diễn ảnh dạng cuộn với trình đơn điều khiển tùy chọn.
Vì bài hướng dẫn rất chi tiết nên khá dài, cần được chia làm 2 phần để tránh sự mệt mỏi khi theo dõi; và đây là phần đầu tiên, mời bạn xem trong trang chi tiết.
Trong đoạn video hướng dẫn này, Marc sẽ hướng dẫn bạn sử dụng thư viện JavaScript phổ biến nhất - jQuery để xây dựng một không gian trưng bày ảnh đơn giản trên trang web. Vùng trưng bày này áp dụng hiệu ứng cuộn để trình diễn ảnh. Hãy xem đoạn video này và xây dựng cho riêng bạn một phòng trưng bày thật dễ dàng.
