Đăng nhập
css3

Để có được hình tam giác thì thật đơn giản với các công cụ đồ họa, đơn giản đến mức không cần vẽ mà chỉ cần chèn một hình shape trong hộp công cụ vậy là đã có được hình ảnh trong vài giây, …

cach-dung-ham-calc-tinh-toan-kich-thuoc-trong-css

Trong thiết kế giao diện responsive đơn vị theo phần trăm là cách thức bạn sẽ sử dụng tuy nhiên bạn sẽ phải tính toán để trừ đi các kích thước margin, padding, border…

kiem-nghiem-va-toi-uu-hoa-code-css-tot-nhat

Bài viết trước đã chia sẽ đến các bạn về những công cụ tối ưu hóa CSS tốt nhất. Bài viết này chia sẽ về những kỹ thuật code CSS sắp xếp nội dung thẳng đứng trong lĩnh vực thiết kế web…

cach-tao-hieu-ung-carousel-slider-voi-css3-tuyet-dep

Cùng với sự hỗ trợ của CSS3 transitions trong việc tạo hiệu ứng, các bạn sẽ có ngay một slider đẹp cho chính trang web hay blog của mình…

cach-tao-hieu-ung-scroll-page-voi-jquery

Hiệu ứng Scroll-page hiện cũng đang là kiểu thiết kế web thông dụng hiện nay, bằng cách sử dụng thanh menu để cuộn trang đến các mục khác nhau …

cach-tao-hieu-ung-anh-sang-cho-button-voi-css

Bài viết này sẽ hướng dẫn đến các bạn sử dụng pseduo-class và những kỹ thuật box-shadow để tạo hiệu ứng ánh sáng cho phần tử button cực đẹp …

cach-tao-hieu-ung-hover-cho-button-cuc-dep-voi-css3

Trong quá trình thiết kế web, chắc hẳn là các bạn sẽ dùng tới button rất nhiều vào trong trang web hay blog của mình. Bài viết này chia sẻ đến các bạn một vài mẫu button với hiệu ứng hover cực đẹp…

css-box-shadow

Box-shadow là một thuộc tính khá hay trong CSS3. Nó giúp ta làm hiệu ứng đổ bóng cho một đối tượng bất kỳ mà không cần phải dùng tới một hình ảnh phụ trợ như hồi các chuẩn CSS trước vẫn dùng…

tung-buoc-thiet-ke-web-bootstrap-responsive-1

Ở bài trước, CNTech đã giới thiệu về Bootstrap Responsive, cách tải về và đặt trong đúng thư mục để có thể thiết kế website bằng Bootstrap Responsive.

responsive-nav

Một trong những phần khó khăn nhất của responsived trên web là “The Navigation”, Nó rất quan trọng đối với việc truy cập web, đây là một trong những cách để người dùng có thể di chuyển sang các Pages khác.

thiet-ke-web-giao-dien-resposive

Ngày nay, do sự phát triển chóng mặt của các smartphone và tablet, nên ta cần phải làm sao cho website hiển thị tốt trên mọi thiết bị có kích thước khác nhau.