5331 fans
1036 reader
138 followers

Category: CSS/HTML

CSS Image Switcher...

Hôm nọ đi dạo dạo trên mạng và thấy được ở một trang web khác nó có cái hiệu ứng khi hover chuột qua một đường link thì hình ảnh ở trên thay đổi. Mà nó làm bằng Javascript. Tuy làm bằng Javascript thì hiệu ứng nó mượt mà hơn CSS, nhưng chỉ bằng CSS

Xem thêm

Căn giữa Tabbed Navigation...

Kỹ thuật tạo Tabbed Navigation sử dụng Sliding Door đã trở nên rất phổ biến trên nhiều trang web. Tabbed Navigation có thể tiết kiệm diện tích và Sliding Door Button cho phép nút di chuyển của bạn giãn nở theo nội dung của nó. Nhưng có một điều là loại Sliding Door

Xem thêm

Dropdown Menu II – Vnexpress Style...

Có lẽ Dropdown menu là loại menu phổ biến nhất hiện nay, trước đây tôi đã có một vài video nói về Dropdown menu và Flyout menu với CSS và cả jQuery. Nhưng có nhiều người email hỏi tôi cách làm menu giống với trang Vnexpress.net. Tôi có trả

Xem thêm

Độ cao của Div...

Thiết kế giao diện hoàn toàn bằng CSS là cách hay nhất mà các designer có được cho đến lúc này. Nhưng đôi khi một số tính năng của CSS chưa đủ toàn diện để bao quát hết mọi mong muốn của người dùng. Chính vì vậy đôi khi chúng ta phải cậy nhờ đến

Xem thêm

Cách sử dụng Sprite Image...

Trong bài nút ba trạng thái tôi đã giới thiệu đến các bạn về Sprite Image và nó có thể tiết kiệm được tài nguyên máy chủ như thế nào. Trong bài này chúng ta sẽ tìm hiểu sâu hơn về Sprite Image và áp dụng nó ở phạm vi lớn hơn và không

Xem thêm

CSS Selectors...

CSS Selectors là một khái niệm hết sức quan trọng trong CSS. Những property của CSS nếu bạn có quên hoặc không biết thì có thể google là ra. Nhưng nếu bạn không nắm rõ khái niệm về CSS Selectors thì giống như bạn đi đường mà không biết đường vậy. Nếu không biết đường

Xem thêm

Faux Column...

Faux Column là dạng cột "giả", được sử dụng khi bạn cần giao diện hai cột bằng nhau. Bởi vì khi thiết kế giao diện bằng div thì CSS không có tính năng cho thẻ div "duỗi" thẳng ra đến hết trang mà nó chỉ "duỗi" đến hết nội dung của nó. Trong tutorial này,

Xem thêm

Viết tắt trong CSS...

Viết tắt trong CSS giúp bạn tiết kiệm kha khá thời gian khi bạn phải viết code CSS cho một trang web. Thay vì bạn phải khai báo đến 3, 4 dòng và gõ đi gõ lại một đoạn code. Bạn có thể sử dụng cách viết tắt để tiết kiệm thời gian và công

Xem thêm

Tạo Form với HTML và CSS...

Form là cửa ngõ của một trang web, là công cụ duy nhất giúp bạn với người đọc tương tác với nhau cho dù có bằng email, diễn đàn, comments ... thì đều là một dạng của form. Trong bài này chúng ta sẽ đi xây dựng một Form bằng HTML và sau đó sẽ

Xem thêm

Cách sử dụng div đúng cách...

Div là thẻ rất quan trọng trong thiết kế giao diện. Nó được sử dụng để thay thế hoàn toạn định dạng bảng trước đây. Tuy nhiên khi mới bắt đầu làm việc với CSS, chúng ta có xu hướng lạm dụng thẻ Div. Đôi khi vì muốn tạo được một thành phần nào đó

Xem thêm

Tìm hiểu về Z-index trong CSS...

Z-index là một tính năng khá hay trong CSS và có thể giúp bạn khắc phục nhiều thành phần khó trong thiết kế giao diện và nó cũng có thể tạo ra những hiệu ứng thú vị cho giao diện. Tuy nhiên Z-index nếu không hiểu rõ nguyên lý của nó thì cũng hơi khó

Xem thêm

Từ PSD sang HTML (phần 4/5)...

Đến bây giờ bạn đã có một trang web HTML hoàn chỉnh và có thể sử dụng được. Tuy nhiên còn nhiều việc bạn có thể làm để sau này việc quản lý trang web được dễ dàng hơn và tiết kiệm thời gian hơn. Cho dù trang web của bạn sẽ là web "tĩnh"

Xem thêm

Từ PSD sang HTML (phần 3/5)...

Đây là phần thứ 3 trong series chuyển file PSD sang HTML. Trong phần thứ hai, chúng ta đã xây dựng xong code HTML cho giao diện. Trong phần 3 này chúng ta sẽ sử dụng CSS để định dạng cho giao diện. Phần này rất dài, 52 phút OMG! cũng khá là nhàm chán

Xem thêm

Từ PSD sang HTML (phần 2/5)...

Đây là phần thứ 2 trong series chuyển file PSD sang HTML. Trong phần thứ nhất, tôi đã hướng dẫn bạn cách cắt hình trong Photoshop và trong phần này, chúng ta sẽ xây dựng code HTML cho giao diện. Phần này hơi chán và buồn tẻ :p, nhưng lại là phần bắt buộc phải

Xem thêm

Từ PSD sang HTML (phần 1/5)...

Việc biến một giao diện được thiết kế trong Photoshop thành HTML là một phần rất quan trọng trong thiết kế web. Sau này nếu bạn muốn tự tạo giao diện cho trang web của mình cho dù nó động hay là web tĩnh, thì việc chuyển một thiết kế từ PSD sang HTML là

Xem thêm

12 3 »

Izwebz store

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.