nTuts - Resources for web design and development

Với những ai đã từng phát triển website trên localhost thì công cụ webserver là không thể thiếu. Hiện tại có rất nhiều phần mềm hỗ trợ khác nhau, ví dụ như : XAMP , WAMPP , APPSERV , VertrigoServ... Nhưng khi chạy Drupal, các Webserver này sẽ cho ta một tốc độ không được nhanh cho lắm (dù cấu hình máy khá cao). Chỉ bằng một thao tác Clear Cache chúng ta cũng tốn một lượng thời gian không hề nhỏ cho lắm.

Diapo là plugin của jQuery giúp bạn tạo nội dung trượt, slideshow... với nhiều hiệu ứng đẹp (bạn cũng có thể tùy biến các hiệu ứng này bằng cách định nghĩa số lượng hàng, cột để slice).

Bạn muốn khi di chuột qua một nút, hình ảnh trên website sẽ xuất hiện âm thanh? Điều mà trước đây chỉ có thể làm được với Flash nay bạn có thể làm với HTML5. Thậm chí là dễ dàng hơn với Buzz - một thư viện javascript nhỏ giúp bạn điều khiển thành phần audio trong HTML5 dễ hơn.

Seletion là 1 tùy chỉnh của css có sẵn trong trình duyệt nhưng ít được biết được bởi tính năng của nó chẳng quan trọng gì lắm kèm theo màu mặc định của nó là xám xịt. Bạn có thể dễ dàng thấy nó khi bôi đen 1 đoạn văn bản hoặc 1 vùng trang web hoặc nhanh gọn hơn là Ctrl+A. Đây là 1 tùy chỉnh rất hay dùng để thay đổi màu khu vực select, tuy tính năng đơn giản nhưng nó dễ dàng đánh vào thị giác của người xem nếu họ lỡ tay dính bẫy.

Mặc dù CSS3 @font-face được hỗ trợ bởi hầu hết các trình duyệt chính (IE, Firefox, Chrome, và Safari), nhưng không phải tất cả, ngoài ra nếu có vấn đề khi sử dụng font chữ tùy chỉnh từ Google(vd: Google bị chặn ở Trung Quốc, hoặc bị hack...). Khi đó, font chữ tuỳ chỉnh của bạn có thể phá vỡ bố trí giao diện hoặc cho ra kết quả không mong muốn. Trong bài viết này, tôi sẽ giải thích các vấn đề phổ biến với cách sử dụng phông chữ tùy chỉnh, chọn các font chữ dự phòng phù hợp an toàn với web, và làm thế nào để tạo ra một phong cách font dự phòng hoàn hảo với Modernizr.

leanModal là một plugin của jQuery giúp hiển thị modal box, chỉ nặng 780 bytes (minified). Plugin không sử dụng ảnh nền, rất tốt trong việc hiển thị mọi thứ dưới dạng modal box(trừ gallery ảnh, vì leanModal không được làm ra cho mục đích này).

Chỉ dẫn, giới thiệu các tính năng quan trọng giúp người dùng hiểu chức năng, cách sử dụng website/application của bạn là việc cần thiết và nên làm. Nhưng trước khi có Guiders.js thì đây là một việc khó khăn.

Guiders.js được phát triển bởi dịch vụ A/B testing Optimizely, Guiders.js mới được chuyển qua mã nguồn mở vào ngày 22/06/2011.

Khi các bạn lướt web các bạn có bao giờ để ý tới 1 số trang trong ô tìm kiếm của họ sẽ để sẵn giá trị value là search và khi các bạn click vào để gõ từ tìm kiếm thì chữ search đó sẽ tự động mất đi cũng như nó sẽ tự động hiện lại khi các bạn không gõ 1 kí tự nào vào nó hay không. Hôm nay mình sẽ hướng dẫn các bạn dùng jquery để thực hiện điều đó.