nTuts - Resources for web design and development

Xây dựng một website tiện dụng và dễ dùng là việc không đơn giản, bạn phải suy nghĩ và làm rất nhiều việc. Trong đó một phần cần thiết là giúp người dùng dễ dàng trở về đầu trang (với website có nội dung dài). Với plugin autoScroll, bạn sẽ có thể tạo nhanh chức năng này với hiệu ứng đẹp mắt.

Malihu, admin website manos.malihu.gr giới thiệu tới các bạn đoạn mã jQuery giúp tùy biến thanh scrollbar của trình duyệt. Bạn có thể tạo thanh scrollbar của riêng mình và vẫn có thể hỗ trợ cuộn chuột.

Bài viết hướng dẫn tạo một trang gallery ảnh sử dụng API của Flickr. Mục đích thêm một thanh ngang nằm phía dưới trang vào website. Khi click vào sẽ hiển thị các bộ ảnh của Flickr, và xem ảnh dưới dạng lightbox.

Blockster - plugin nhỏ sử dụng jQuery giúp chúng ta tạo ra các featured content với hiệu ứng chuyển động tương đối đẹp.

PIE (Progressive Internet Explorer) - một tiện ích giúp IE6 IE7 IE8 có thể hiển thị được đầy đủ các tính năng của CSS3 như border-radius, box-shadow, border-image, multiple background images, linear-gradient như background image.

Ảnh đại diện được giới thiệu ở phiên bản wordpress 2.9 nhưng ở bản 3.0 đã có một số thay đổi. Để thực hiện bài hướng dẫn này bạn cần có hiểu biết cơ bản về chỉnh sửa theme wordpress và một chút php.

Một bài hướng dẫn về hiệu ứng chữ khá bắt mắt sử dụng hiệu ứng nổi 3D, font chữ Calligraphy và Layer Styles trong Photoshop

Hiệu ứng này rất đơn giản, hãy xem làm cách nào để chúng ta có thể tạo ra các mẫu pattern và hiệu ứng ánh sáng (light effects) với chế độ hòa trộn (Blend Modes) trong Photoshop nhé.

Nếu bạn thường vào ntuts hẳn bạn đã viết tới jquery lavalamp menu mà ntuts đang sử dụng (phiên bản sử dụng mootools có tên Fancy menu). Sau bài viết này bạn có thể tạo hiệu ứng tương tự sử dụng CSS3 và jQuery.