ribbon
Featured Image

By: NickB | On: December 17, 2010

79 comments

Photoshop Tut – Manbics Layout Day 1

Sử dụng Photoshop để dựng giao diện cho trang web là kỹ thuật không thể thiếu của bất cứ web designer nào. Trong bài này NickB sẽ hướng dẫn các bạn sử dụng Photshop CS5 để dựng giao diện một trang web của công ty giả tưởng Manbics.

Featured Image

By: Demon Warlock | On: March 23, 2010

57 comments

Giới thiệu về jQuery

Với sự phát triển rất mau lẹ của Internet, người dùng ngày càng quan tâm hơn đến hình thức của một trang web. Trước đây một trang web chỉ cần có banner, nội dung và ít footer hời hợt là đã được cho là một trang web hoàn chỉnh. Nhưng bây giờ trang web đó phải có banner bắt mắt, nội dung hay và còn nhiều hiệu ứng lạ mắt khác nữa thì mới có thể thu hút được người ...

Featured Image

By: Demon Warlock | On: January 27, 2010

166 comments

Cơ bản về PHP – Bài 1

Đã có rất nhiều người email về hỏi tôi làm video về PHP. Tuy trên izwebz cũng đã có một số video đề cập đến PHP nhưng kiến thức vẫn ở dạng chắp ghép chưa thành hệ thống. Để trả lời yêu cầu này, tôi đã bàn với Clacken Smith về một series cơ bản về PHP. Đi từ phần cơ bản nhất như cú pháp, tạo biến, viết function ... cho đến tạo những module phức tạp hơn sau ...

Featured Image

By: Demon Warlock | On: January 4, 2010

58 comments

Tạo WordPress Theme Phần 8 – Featured và Single Page

Sau một thời gian bị gián đoạn do bận làm lại giao diện cho trang web. Đến hôm nay phần tiếp theo trong Series tạo WordPress Thêm mới được hoàn thành. Trong phần này tôi sẽ hướng dẫn bạn tạo phần Featured và làm trang single.php. Phần Featured sẽ là phần hiển thị những bài post quan trọng và trang Single.php có trách nhiệm hiển thị bài post ở dạng một trang đơn lẻ.

Firebug – Webmaster cần có

Firefox là trình duyệt đang ngày càng được ưa chuộng hơn trình duyệt IE của Microsoft. Tuy thị phần hiện tại nó vẫn chưa bằng IE, nhưng trong tương lai không xa hoặc nếu Microsoft không có những thay đổi cho trình duyệt của mình. Thì chắc rằng Firefox sẽ là trình duyệt phổ biến nhất trên máy tính. Đối với những ai từng làm web, đều đồng ý rằng IE là con cừu đen trong bày cừu, là đưa con bất trị nhưng không thể từ bỏ. Firefox được thiết kế với chuẩn web nhiều hơn IE rất nhiều, đặc biệt là các phiên bản IE 7.0 trở xuống.

Read More

Tạo RSS icon

Trong Video Photoshop tutorial này tôi sẽ hướng dẫn bạn cách tạo ra RSS icon dạng aqua. Tuy rằng bạn có thể download icon này ở bất cứ đâu, nhưng tôi cũng muốn nhờ tutorial này để hướng dẫn bạn cách sử dụng Photoshop. Vì đây cũng là một phần mềm gần như không thể thiếu của các webmaster nghiệp dư hay chuyên nghiệp.

Read More

Công cụ để làm web

Lầm bất cứ thứ gì bạn cũng cần phải có công cụ làm việc. Làm một trang web cũng vậy, nó cũng yêu cầu bạn phải có những công cụ tối thiểu để hỗ trợ bạn trong quá trình làm. Trong tutorial này, tôi chỉ muốn chỉ ra những công cụ tôi sử dụng và tôi thấy nó hợp với tôi. Đây chỉ là ý cá nhân tôi, do vậy bạn thoải mái lựa chọn những phần mềm nào mà bạn thấy phù hợp nhất.

Read More

Clear và Float (video)

Clear và Float là một khái niệm rất quan trọng trong CSS và sử dụng rất nhiều trong thiết kế giao diện với CSS. Tôi đã có bài viết về Clear và Float, nhưng vì đây là một khái niệm quan trọng, do vậy tôi muốn làm một video tutorial để giải thích những khía cạnh khác của Clear và Float. Hy vọng qua video này, bạn sẽ hiểu thêm ra về clear và float

Read More

Nút giãn nở

Nút giãn nở là dạng nút có thể co gian và bao lấy nội dung khi nội dung của nó to ra hoặc nhỏ lại. Đây là dạng nút được sử dụng rất nhiều làm Tab như trên Izwebz bạn cũng thấy. Nếu chỉ là web tĩnh thì không thành vấn đề, nhưng là web động, đôi khi mình không hoàn toàn điều khiển được nội dung. Ví dụ như bạn muốn thay đổi nội dung của tab từ Home thành My Home Page. Trong Video tutorial này bạn sẽ học được cách tạo nút giãn nở và hover effect của nó luôn

Read More

Tạo thanh Navigation với Photoshop

Xu hướng bây giờ các trang web đang theo là dạng thiết kế với phong cách bóng bảy, nhìn như thủy tinh hoặc 3d. Trong video tutorial này, tôi sẽ hướng dẫn bạn cách tạo thanh di chuyển với hiệu ứng Aqua

Read More

Phần 3: Tạo dáng với CSS

Đây là phần 3 và cũng là phần cuối cùng của series tutorial chuyển file PSD thành xHTML. Trong phần trước bạn đã xây dựng xong code HTML và đã validate thành công. Bây giờ tới công đoạn dùng CSS để tạo dang cho giao diện cho giống với mockup trong photoshop.

Read More

Phần 2: Xây dựng code xHTML

Đây là phần thứ hai trong series gồm 3 phần. Trong phần này tôi sẽ cùng bạn xây dựng code xHTML của trang web. Chúng ta sẽ bắt đầu từ dòng code đầu tiên. Bạn có thể download file html của tutorial này về tham khảo thêm cho rõ ràng. Nhớ là đọc file ReadMe.txt

Read More

Phần 1: Chuyển PSD thành xHTML

Ở những bài trước bạn đã học được những kiến thức căn bản về CSS và xHTML. Trong bài này tôi sẽ hướng dẫn bạn cách chuyển một file PSD sang xHTML. Đây cũng là giai đoạn cuối cùng trong cả hành trình học CSS và xHTML của bạn.

Read More