• fans
  • 1036 reader
  • followers

Category: CSS/HTML

Fonts for web: Web fonts

Fonts for web: Web fonts...

Việc tạo ra một font chữ là việc đòi hỏi rất nhiều kiến thức, thời gian và chất xám. Do đó, các font chữ thường được thương mại hóa, nếu bạn sử dụng một font thương mại mà convert nó sang các định dạng khác nhau để dùng cho @font-face hoặc cúfont đều là hành

Fonts for Web: Cúfon

Fonts for Web: Cúfon...

Có tổng cộng 3 cách để áp dụng một font "ngoại" vào website của mình. Cufont là một phương pháp rất hay. Tiếp tục series "Fonts for web", hôm nay thì chúng ta sẽ tìm hiểu rõ hơn về phương thức hoạt động cũng như các áp dụng Cufon vào website của mình.

Fonts for Web: Font-face

Fonts for Web: Font-face...

Trong bài trước, chúng ta đã làm quen với lịch sử phát triển của font chữ. Trong bài viết hôm nay, chúng ta sẽ đi vào áp dụng thực tế bằng cách áp dụng phương thức css 3 font-face. Trước đây, tôi từng có một video về font-face. Tuy nhiên, cấu

Font-face cho CSS2

Font-face cho CSS2...

Chào tất cả các bạn ! Hôm nay tôi ... à không, cứ quen tay lại nhầm lẫn gõ lung tung lang tang. Tôi trân trọng giới thiệu một thành viên mới đến với Izwebz chúng ta, tôi chưa biết đây có phải là tuts đầu tiên của anh ta không ?, nhưng có vẻ

CSS Image Switcher

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

Căn giữa Tabbed Navigation

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

Dropdown Menu II – Vnexpress Style

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ả

Độ cao của Div

Độ 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

Cách sử dụng Sprite Image

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

CSS Selectors

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

Faux Column

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,

Viết tắt trong CSS

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

Tạo Form với HTML và CSS

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ẽ

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

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 đó

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

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ó

Newbie

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.

Izwebz facebook group

Social connect

Recent Comments

Archives