nTuts - Resources for web design and development

Trong bài viết này mình sẽ cùng các bạn tìm hiểu cách làm một gallery ảnh với CSS3. Trước hết các bạn hãy xem qua demo để xem gallery này trông thế nào đã. Nếu demo quá xấu hoặc ko phù hợp với bạn thì có lẽ bạn nên về trang chủ, còn nếu bạn nào có hứng thú chúc ta sẽ cùng tiếp tục nào.

PhotoSwipe là một thư viện đầy đủ tính năng để làm gallery ảnh chạy được trên các máy tính bảng và điện thoại hiện đại. Photoswipe hoạt động độc lập không phụ thuộc vào một frameworks nào. (tuy nhiên có một phiên bản dành riêng cho jQuery)

jQuery đã và đang trở thành một công cụ rất hữu dụng cho các nhà thiết kế web. Một trong những thành công là tạo ảnh trượt (gallery, slideshow, carousel...). Hôm nay ntuts giới thiệu tới các bạn 15 plugin (5 bài hướng dẫn) mà bạn nên tham khảo khi dự định tạo một slideshow của riêng mình.

Codrops, một website về thiết kế và phát triển web (khá nhiều về jQuery), chia sẻ mã nguồn photo stack gallery rất đẹp. Không những thế, bạn còn được hướng dẫn cách để phát triển một trang photo gallery như vậy.

Bài viết sẽ hướng dẫn bạn cách tạo 1 layout đơn giản với CSS & HTML

Nivo Slider - một plugin khác của jQuery giúp bạn có thể tạo các slide ảnh không thua kém flash. Nivo Slider hỗ trợ tới 9 kiểu chuyển động khác nhau.

slideGallery là một plugin cho MooTools chạy trên hầu hết các trình duyệt phổ biến . Hơn thế slideGallery còn có nhiều chức năng cho bạn lựa chọn : hiển thị một hay nhiều hình ảnh trên một slide đơn lẻ , di chuyển theo chiều ngang hay chiều dọc , tốc độ chạy slide , khoảng cách , bật / tắt pager , bật /tắt tự động chạy ....

MooFlow, một plugin cho MooTools giúp bạn dễ dàng tạo slideshow ảnh cùng chú thích đi kèm với hiệu ứng reflect.