Tìm hiểu độ lớn thực sự của Box trong CSS
Khi thiết kế giao diện nhiều cột sử dụng CSS thì độ lớn của các box rất quan trọng và chúng chịu ảnh hưởng rất lớn đến nhau. Nếu một box này bị phình to ra hơn kích thước bạn muốn, nó có thể đẩy box bên cạnh di chuyển sang hướng khác và hậu quả là cả...
Tìm hiểu kỹ thuật Clear và Float
Clear và Float là kỹ thuật dùng rất nhiều trong thiết kế giao diện bằng CSS với hai tính năng cùng tên là Clear và Float. Float dùng để tách một thành phần bất kỳ khỏi cách hiển thị thông thường của nó để tạo chỗ cho những thành phần ở sau di chuyển lên và phủ...
Tìm hiểu Position Property trong CSS
Khi đã sử dụng CSS để thiết kế giao diện thì Position Property là một trong những phần quan trọng nhất mà bạn cần hiểu rõ. Position Property chi phối mối tương quan giữa các thành phần của trang web. Có tất cả 4 giá trị cho Position property là: Static...
Hướng dẫn cách áp dụng hướng đối tượng dựa vào cấp bậc XHTML
Trong bài trước bạn đã biết về cấp bậc của XHTML, trong bài này mình sẽ hướng dẫn bạn cách hướng đối tượng cụ thể nằm sâu hơn trong cấp bậc của HTML. Có 2 cách bạn có thể hướng đối tượng cụ thể là Contextual Selector và Child Selector...
Tìm hiểu khái niệm thứ bậc trong XHTML
Thứ bậc trong XHTML là một khái niệm rất quan trọng mà bạn cần nắm rõ để sử dụng CSS sau này. Thứ bậc của XHTML giống như phả hệ của một gia đình vậy. Ở trên cùng là cụ tổ, xuống dưới là cụ, ông, cha, chú, anh chị em …
Ở hình ví dụ trên bạn sẽ thấy rõ...
Tìm hiểu khái niệm Contextual Position
Contextual Positioning là một khái niệm hết sức quan trọng mà bạn cần nắm vững nếu bạn muốn sử dụng CSS để thiết kế giao diện thay cho dùng bảng HTML. Nói nôm na thì Contextual Positioning có nghĩa là khi bạn định vị một thành phần bất kỳ sử dụng 4 giá trị...
Tìm hiểu và cách sử dụng Pseudo Class
Pseudo (phát âm là: sju:dou) tiếng Việt có nghĩa là “giả, không thật”, sở dĩ nó được đặt tên là Pseudo Class hay gọi là “Class giả” là vì nó không được gắn liền với những thẻ XHTML như những class thông thường bạn đã biết. Pseudo Class sẽ tạo ra thay đổi...
Tìm hiểu tổng quan về Google Analytics
Với những ai đã biết về Google Analytics thì phải công nhận một điều rằng Google quá mạnh và công nghệ của họ thật sự đáng kinh ngạc. Còn với ai chưa biết về Google Analytics thì đây là công cụ miễn phí của Google dành cho Webmaster. Mục đích chủ yếu của...
Trình bày code CSS hợp lý
Trong bài này chúng ta sẽ không bàn đến những tính năng thông thường của CSS mà trong bài này chúng ta sẽ xem xét đến những cách trình bày code CSS. Có rất nhiều cách bạn có thể chọn để trình bày trong CSS, nhưng chọn ra cách nào phù hợp với mình và luôn sử dụng nó là...
Thiết kế giao diện sử dụng Absolute Position
Có một thực tế rằng Absolute Position tuy rất hay và mạnh nhưng lại chưa được sử dụng đúng với “thực lực” của nó. Đa phần người ta thường sử dụng Float và dùng Padding hoặc Margin để căn chỉnh các thành phần trong giao diện với nhau. Nhưng như bạn...
Hạn chế sử dụng thẻ Div
Trong bài này mình sẽ cố gắng giải thích rõ ràng hơn về thẻ div và đưa ra một số ví dụ mà bạn có thể thay vì dùng thẻ div thì dùng những thành phần Block Elements khác để thay thế. Nhưng có một nguyên tắc mà bạn có thể sử dụng khi viết code là một khi bạn phải sử dụng...
Tìm hiểu và cách sử dụng backlink hiệu quả
Backlink hiểu một cách đơn giản nhất và theo nghĩa đen là được liên kết lại. Hoặc nói cách khác Backlink là dạng liên kết từ trang web A sang trang web B và trang web B sẽ liên kết ngược lại trang web A. Backlink là một trong những cách đơn giản nhất...
Tìm hiểu tính năng Vertical-align trong CSS
Tính năng Vertical-align trong CSS được kế thừa từ “thời đại” sử dụng bảng để thiết kế giao diện. Hiện tại tính năng valign trong table đã bị “đào thải” và không còn được sử dụng đúng chuẩn web nữa. Nhưng thay vào đó CSS lại giới thiệu một tính năng...
Những lý do không nên làm website bằng Flash
Flash rộ lên như một trào lưu trong một khoảng thời gian rất ngắn rồi lầm lũi rút lui khỏi “võ đài” cũng âm thầm không kém. Mình còn nhớ có một thời gian hầu như trang nào cũng phải có một đoạn Flash Intro, Flash Banner hoặc chí ít cũng phải có chút...
Tạo và hiển thị Breadcrumbs
Breadcrumbs là dạng menu chỉ cho người dùng biết họ đang ở đâu trên một trang web. Đặc biệt với những trang web có chiều sâu trong Categories thì Breadcrumbs trở nên rất hữu dụng khi người dùng đi sâu vào cấu trúc phức tạp bên trong của trang web. Trong bài này bạn...
Chia sẻ các website cung cấp icon miễn phí
Nếu bạn là Web Designer và công việc của bạn là thiết kế đồ họa thì bạn luôn cần hình ảnh tư liệu từ nhiều nguồn. Nhưng tìm được nguồn miễn phí và cho phép sử dụng với mục đích thương mại cũng không phải là chuyện dễ. Ngoài hình ảnh, font chữ thì icon...
Giới thiệu 10 trình soạn thảo code phổ biến
Trình soạn thảo code là công cụ không thể thiếu của các lập trình viên chuyên nghiệp. Ai đó khuyên bạn chỉ nên sử dụng Notepad để viết mã là lời khuyên vô bổ nhất mà bạn có thể nhận được. Mình không thích những chương trình viết code nặng nề và quá...
Tìm hiểu mối ràng buộc và quan hệ giữa Ajax, Jquery và JavaScript
Đôi lúc khi mới đi đến ranh giới của lập trình web 2.0 bạn đang ngờ ngợ giữa các chức năng của nó, cũng như bạn biết rằng web 2.0 thì nên áp dụng ajax, tìm hiểu trên mạng hoặc trong tài liệu thì bạn hiểu sơ sơ nó là cách gửi dữ...
Tìm hiểu và cách tạo Tooltip bằng jQuery
Tooltip rất phổ biến trên nhiều trang web bởi vì nó giúp bạn tiết kiệm nhiều khoảng trông trên trang web để dành cho những thông tin quan trọng hơn. Đa phần Tooltip được dùng để cung cấp thông tin bổ sung cho một đối tượng nào đó. Trong bài này chúng ta...
Tìm hiểu và cách sử dụng media element trong HTML 5
Lúc trước nếu muốn play một video clip hoặc một bài nhạc các bạn cần phải có một file Flash làm player. Code thì dài dòng rắc rối. Nhưng với sự ra đời của HTML 5 thì chuyện đó không còn khó nữa. Và mình xin được giới thiệu với các bạn một...