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 [email protected]:

- 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, [email protected] 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 [email protected]: 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.

Tương tự như trò chơi Đập chuột chũi nhưng Đập mặt cười 1.2 này lại đơn giản hơn với việc thay đổi ảnh các chú chuột chũi bằng các nút nhấn hình mặt cười, mặt khóc, ... và nhiệm vụ của bạn là đập trúng các nút nhấn đại diện cho hình mặt cười trong thời gian cho phép càng nhiều càng tốt.

Làm cách nào để chuyển một ảnh sang chế độ đen trắng? Đơn giản là chúng ta dùng một bộ lọc của Photoshop. Nhưng nếu muốn chuyển trực tiếp trên trang web thì làm sao? Cũng đơn giản là dùng một bộ lọc, bởi Adobe đã phát hành công cụ Photoshop trực tuyến để chỉnh sửa ảnh đơn giản, hoặc dùng bất kì công cụ chỉnh sửa ảnh trực tuyến khác.

Nhưng đây không phải là đề tài mà [email protected] muốn đề cập. Chủ đề mà [email protected] muốn nói đến là một trình chuyển đổi ảnh sang chế độ đen trắng đơn giản dùng JavaScript. Bạn hãy xem thử hiệu ứng này để biết cách nó hoạt động ra sao.

Hiện tại có rất nhiều tài nguyên về icon các mạng xã hội để các nhà phát triển web, thiết kế web sử dụng cho website/blog của mình. Hôm nay jsB@nk cũng xin giới thiệu với bạn danh sách 20 bộ icon mạng xã hội được jsB@nk đánh giá là đẹp nhất trong số hàng trăm, hàng ngàn bộ khác.

Các bộ icon này có thể bao quát hầu hết các mạng xã hội, dịch vụ Web 2.0 phổ biến mà bạn biết: Delicious, Flickr, Twitter, Retweet Button, Facebook, MySpace, StumbleUpon, Digg, Slash Dot, Mixx, Skype, Technorati, Reddit, FriendFeed, YouTube, LinkedIn, Newsvine, SlideShare, Google, Google Talk, Yahoo, Yahoo Buzz, Netvibes, MSN, Qik, Vimeo, Viddler, Virb, Tumblr, WordPress, Blogger, Posterous, Behance Network, Friendster, Bebo, Squidoo, Share This, MobileMe, App Store, Amazon, Last.fm, AOL, Microsoft, Apple, Mister Wong, Design Float, Deviant Art, Design Bump, RSS và Email.

Tất cả bộ icon được giới thiệu đều có thể được dùng miễn phí với tất cả mục đích: cá nhân, tổ chức lẫn thương mại cũng như trên hầu như tất cả các ứng dụng web, phần mềm, in ấn và các nội dung khác; nhưng bạn phải tuân theo giấy phép Creative Commons. Tôi viết bài này cho (9) Nice Blog Tips & Tricks, vui lòng vào Super Ultimate Lists of Best Amazing Social Media, Web 2.0 icons để xem chi tiết.

Mặc dù jQuery chỉ là một thư viện JavaScript hỗ trợ các nhà lập trình web tạo ra các tương tác động trên website, nhưng nó ngày càng trở nên quan trọng hơn chúng ta nghĩ. Với sự đòi hỏi ngày càng cao của môi trường cũng như yêu cầu của khách hàng, các nhà thiết kế web đôi khi cũng phải biết sử dụng jQuery để có thể dễ dàng tạo một bố cục web tuyệt vời.

Trong bài viết này, tác giả hướng dẫn bạn (các nhà thiết kế web) xây dựng 10 hiệu ứng hoạt hóa hàng đầu, thường được dùng nhiều nhất trên các website, chẳng hạn như: ẩn hiện layer, khung trượt, chuyển ảnh, ...

Bạn không cần phải là một lập trình viên chuyên nghiệp để thực hiện các hiệu ứng trong bài viết này, tuy nhiên nếu bạn đang trở nên yêu thích jQuery thì hãy thử thêm những hiệu ứng sau:

- Tạo một trình diễn ảnh trượt với jQuery
- Hiệu ứng nẩy bật tuyệt đẹp với jQuery
- Các giải pháp trình đơn đa cấp siêu đẹp dùng jQuery

Cuộc sống thực tế có đôi lúc đặt chúng ta vào nhiều tình huống oái oăm, chẳng hạn như cần chỉnh sửa ngay lập tức một tấm hình (ảnh) ngay địa điểm hiện tại của bạn, nhưng bạn lại không có bất kì một phần mềm biên tập ảnh nào trong tay?

Đó cũng chỉ là lí do phụ, điều quan trọng hơn khi tôi muốn viết bài này là nhằm giới thiệu các công cụ biên tập, chỉnh sửa ảnh cực kì mạnh mẽ, không khác gì phần mềm Photoshop mà bạn thường sử dụng. Các công cụ chỉnh ảnh online này hoạt động trực tuyến trên nền web, và dĩ nhiên bạn sẽ không phải tốn bất kì chi phí nào khi so sánh với các phầm mềm ngoại tuyến truyền thống.

Các công cụ được giới thiệu trong bài viết này thực sự rất mạnh mẽ, có hầu như tất cả các chức năng phổ biến như: chỉnh ảnh sáng tối, ghép ảnh, thay đổi kích cỡ, cắt, xoay, các hiệu ứng ảnh đặc biệt, ... Và tôi cũng viết bài này cho 9BlogTips.com, vui lòng vào 18 Excellent Free Online Photo Editors Alternate Photoshop để xem thêm.

Bài viết nhỏ này cung cấp cho chúng ta hai hàm JavaScript để tạo một chuỗi với nhiều tùy chọn, một hàm dùng JavaScript nguyên bản và một hàm thì dùng jQuery. Cả hai hàm JavaScript này đều cho phép chúng ta quyết định độ dài của chuỗi và chọn kí tự đặc biệt hay không.

Tham khảo thêm nhiều hiệu ứng JavaScript khác để tạo chuỗi ngẫu nhiên có trên jsB@nk:

- Tạo nội dung ngẫu nhiên
- Nút tạo chữ ngẫu nhiên
- Trình tạo mật mã ngẫu nhiên
- Mật khẩu ngẫu nhiên
- Khung chữ với các kí tự ngẫu nhiên

Bài viết này sẽ hướng dẫn bạn cách thức xây dựng một Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery cùng với mã nguồn kèm theo để tải về.

Đây là hiệu ứng trình đơn cực kì xuất sắc hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Mọi nhà phát triển/lập trình web đều biết tầm quan trọng của cache đối với hiệu suất hoạt động của trang web; với đặc tả kĩ thuật của các chuẩn HTML cũ, chúng ta chỉ có thể lưu cache trong cookie ở phía máy khách hoặc thực hiện ở phía máy chủ với session và/hoặc các biện pháp lưu trữ dạng tệp tin.

Nhưng mới HTML5, ngoài khả năng lưu trữ cache để xem ngoại tuyến (xem thêm nhiều tính năng khác của HTML5 tại Các hàm JavaScript mới trong HTML5); công nghệ mới này còn cho phép các nhà phát triển web xây dựng các ứng dụng web có thể lưu cache ở phía máy khách nhằm cải thiện hiệu suất hoạt động của trang web, bởi trình duyệt sẽ gửi ít truy vấn hơn đến máy chủ mỗi khi tải một trang web trong hệ thống website.

Bài viết này sẽ cung cấp cho bạn vài khái niệm cơ bản và ví dụ mẫu JavaScript để xây dựng tính năng cache trong HTML5. Vui lòng vào trang chi tiết để xem thêm.

Một hiệu ứng JavaScript đơn giản sử dụng thư viện jQuery để thực hiện việc thay đổi ảnh liên tục. Hiệu ứng mờ dần được sử dụng để hiển thị giữa các ảnh, bạn có thể dễ dàng thay đổi các hoạt hóa của hiệu ứng này với các hàm có sẵn của jQuery.