nTuts

Website của tuần #90

Neo — Mon, 23 Apr 2012 16:29:46 +0000

Tổng hợp các website đẹp nhất trong tuần từ 16/04/2012 tới 22/04/2012.

Website của tuần #89

Neo — Mon, 16 Apr 2012 16:38:47 +0000

Tổng hợp các website đẹp nhất trong tuần từ 09/04/2012 tới 15/04/2012.

Thanh cuộn trên web mang phong cách OSX với LionBars

Neo — Sat, 14 Apr 2012 09:54:10 +0000

LionBars là một plugin của jQuery cho phép bạn tùy biến thanh cuộn (scrollbars) của bất kỳ trang web (hoặc thành phần trong trang) theo phong cách Mac OSX. Thanh cuộn được hiển thị giống nhau ở tất cả các trình duyệt (yêu cầu bản 8+ với trình duyệt IE) và tất cả hệ điều hành.

Cách sử dụng

Sau khỉ tải plugin về, bạn cần thêm plugin vào trang web (tất nhiên là thêm sau jQuery nhé):

<script type="text/javascript" src="jquery.lionbars.0.3.min.js"></script>

Thêm style mà bạn muốn (bạn có thể tùy biến style để tạo thanh scroll như ý muốn), ví dụ:

@include 'lionbars.css';

Đoạn mã trên là include vào trong 1 file .css, bạn có thể thêm trực tiếp vào file html bằng thẻ <link stylesheet

Website của tuần #88

Neo — Mon, 09 Apr 2012 15:32:21 +0000

Tổng hợp các website đẹp nhất trong tuần từ 02/04/2012 tới 08/04/2012.

25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop

Neo — Sat, 07 Apr 2012 02:46:07 +0000

Đến thời điểm hiện tại, sáng tạo với Photoshop chỉ còn bị giới hạn bởi chính ý tưởng của bạn (hoặc do kỹ năng photoshop của bạn?). Bạn đã bao giờ thử tạo hiệu ứng ánh sáng cho bức ảnh của mình chưa?

Có rất nhiều cách khác nhau để tạo ra các hiệu ứng ánh sáng trong Photoshop, và mỗi người có một cách riêng của mình. Nếu bạn muốn học thêm cách tạo ra các hiệu ứng ánh sáng khác nhau thì 25 bài hướng dẫn dưới đây có thể giúp bạn rất nhiều.

Rhinoslider - jQuery slider/slideshow với nhiều hiệu ứng

Neo — Tue, 03 Apr 2012 08:55:13 +0000

Rhinoslider - một plugin mới của jQuery hỗ trợ slideshow với nhiều hiệu ứng. Với mỗi hiệu ứng bạn có thể chọn được cá hướng di chuyển, thời gian, cách thức di chuyển (easing) khác nhau.

Cách sử dụng:

Bước 1: Tải Rhinoslider

Bạn có thể tạo một bản Rhinoslider với những gì bạn cần dùng qua công cụ generator

Bước 2: Thêm plugin vào website

Trước hết, bạn cần thêm rhinoslider.css vào website bằng cách thêm đoạn mã dưới đây vào phần <head></head>

Website của tuần #87

Neo — Mon, 26 Mar 2012 15:41:37 +0000

Tổng hợp các website đẹp nhất trong tuần từ 19/03/2012 tới 25/03/2012.

CSS3 Animation: Bắt đầu tạo hiệu ứng không cần tới javascript

doidd — Tue, 20 Mar 2012 04:08:42 +0000

Như các bạn đã biết, khi CSS3 chưa ra đời,thì việc tạo hiệu ứng cho trang web chủ yếu là dùng jQuery. Việc dùng jQuery phần nào làm ảnh hưởng tới tốc độ load của trang web. Nhưng từ khi có CSS3 với 2 thuộc tính quan trọng đó là Transition và Animation có thể giúp ta làm các hiệu ứng mà ko cần tới jquery (tất nhiên với các hiệu ứng phức tạp thì ko thể ko dùng). Vì vậy trong bài viết này mình sẽ giới thiệu với các bạn thuộc tính Animation và một ứng dụng đơn giản của nó. Các bạn xem qua demo. Nếu các bạn đã biết về CSS3 Animation thì thử nghĩ xem demo này animation sẽ được sử dụng thế nào nhé. Còn các bạn bắt đầu tìm hiểu thì chúng ta hãy qua phần lí thuyết trước.

Website của tuần #86

Neo — Mon, 12 Mar 2012 01:35:32 +0000

Tổng hợp các website đẹp nhất trong tuần từ 05/03/2012 tới 11/03/2012.

Website của tuần #85

Neo — Mon, 05 Mar 2012 00:54:21 +0000

Tổng hợp các website đẹp nhất trong tuần từ 27/02/2012 tới 04/03/2012.