Init HTML

Bài viết hướng dẫn thêm hiệu ứng pháo hoa vào website, có thể sử dụng để hiển thị chung với thông báo chúc mừng!

Bài viết hướng dẫn cách thêm trạng thái tải trang giống với Youtube, sử dụng NProgress.

Bài viết này hướng dẫn tự làm bộ lọc nội dung đơn giản sử dụng jQuery với rất nhiều hiệu ứng từ Animate.css. Có thể áp dụng để làm trang...

Bài viết hướng dẫn mở rộng tính năng bình luận bằng ảnh GIF (sử dụng Tenor) cho hệ thống bình luận mặc định của WordPress.

Bài viết hướng dẫn mở rộng tính năng bình luận bằng nhãn dán (Stickers) cho hệ thống bình luận mặc định của WordPress.

Bài viết này hướng dẫn đảo ngược các phần tử trong thẻ UL - OL nhanh bằng CSS.

Bài viết này hướng dẫn làm một nút (button) có độ nghiêng, với màu nền chuyển sắc sử dụng CSS3 đơn giản.

Chỉ vài bước đơn giản, bạn có thể tạo được một mẫu bình chọn mà hầu hết các các website trong và ngoài nước đều sử dụng.

Bài viết này hướng dẫn cách tạo nhiều khung viền (border) với thuộc tính box-shadow, bạn vẫn có thể kết hợp với thuộc tính border hoặc outline nếu muốn.

Bài viết này hướng dẫn cách tạo viền (border) với nhiều màu sắc sử dụng Gradient và Pseudo-elements và một số cách khác nếu không sử dụng CSS3.

CSS Image Sprites là cách gộp nhiều ảnh nền cần sử dụng vào một file hình duy nhất và sử dụng thuộc tính background-position trong CSS với 2 vị trí...

Bài viết này hướng dẫn cách hiện ra thanh Menu (Navbar) khi trượt (scroll) lên với jQuery, khi trượt xuống thanh menu sẽ được ẩn đi.

Phần cuối cùng của dự án Landing Page "Intense", làm nút Trở lên đầu trang chỉ hiển thị khi kéo được một đoạn và mất khi trở lên trên cùng.

Các phần còn lại của dự án Landing Page "Intense", gồm: Chức năng, Dịch vụ, Khách hàng và Footer.

Bài viết này hướng dẫn cách làm giao diện Navbar và Header của dự án Landing Page “Intense”.

Bài viết này giới thiệu dự án thiết kế Landing Page "Intense" từ A-Z sử dụng Bootstrap là CSS Framework chính. Sau khi theo dõi và thực hành dự án...

Bài viết này hướng dẫn cách tạo hiệu ứng Parallax khi Hover sử dụng thư viện jQuery Tilt.js. Bạn có thể áp dụng ở Landing Page hoặc Portfolio để tăng...

Hướng dẫn tạo Nhãn dán (Sticker) động và tĩnh như trên Facebook bằng các hiệu ứng CSS3 Animations.

Bài viết này giới thiệu các định dạng, kích thước quảng cáo phổ biến, cách tạo các banner không hỗ trợ sẵn và một số thủ thuật tối ưu quảng...

Bài viết này hướng dẫn các bạn dùng jQuery để hiện thông báo tải trang. Thông báo này rất hữu ích trong trường hợp trang web của bạn khá lớn...

Bài viết này hướng dẫn cách làm Liên kết thêm sự kiện vào Lịch Google, iCalendar và Outlook, sử dụng dịch vụ AddToCalendar.

Bộ sưu tập các hiệu ứng sáng tạo và đẹp mắt dành cho Nút (Button), Liên kết và Icon trên trang Codrops.

Bình thường, khi làm CSS cho Liên kết hoặc nút, bạn chỉ quan tâm đến trạng thái :hover. Nhưng để đầy đủ, bạn cũng cần quan tâm đến các trạng...

Bài viết này hướng dẫn cách làm Hình xếp (Accordion) chỉ với CSS3. Bạn có thể áp dụng bài viết này cho phần hiển thị hình ảnh sáng tạo hơn.

Bài viết này hướng dẫn tạo hiệu ứng đơn giản khi bấm (click) vào Icon Thumb Up (ví dụ như nút Like của Facebook). Còn rất nhiều hiệu ứng và...

Fanpage và Website có thể coi là 2 kênh bán hàng chính của các shop online thời điểm hiện tại. Vậy làm cách nào liên kết 2 kênh này lại...

Trước đây chúng ta thường dùng các hình ảnh chuyển sắc để làm background cho trang trang web hay một phần trang web, nhưng như thế sẽ làm website của...

Bootstrap 4 có rất nhiều cải tiến, trong đó có Cards hỗ trợ làm giao diện Danh sách bài viết, Danh sách chức năng hoặc Portfolio rất nhanh chóng. Kết...

WOW.js là một trong những thư viện giúp cho việc tạo hiệu ứng hiển thị trang gây ấn tượng mạnh nhất. WOW.js đặc biệt cuốn hút người xem khi sử...

Google reCAPTCHA là một dạng Captcha mới và tiện dụng để chống spam, chống bot tự động đăng ký điền Form và thực hiện trên Form. Phiên bản mới của...

Với việc phát triển nhanh chóng của những công nghệ web như HTML5, CSS3, JavaScript và bên cạnh đó là sức sáng tạo không giới hạn của các Web Designer,...

Đôi khi vào một website, bạn sẽ thấy một mẫu thông báo nhỏ trượt xuống ngay đầu trang web. Bài viết này sẽ hướng dẫn cách tự làm thanh thông...

Bài viết này hướng dẫn làm khung so sánh hình ảnh trước và sau bằng HTML5, CSS3 và JavaScript. Bạn có thể áp dụng phần này cho trang về chủ...

Thông thường, để tạo hiệu ứng đổ bóng ta thường sử dụng hình ảnh, tuy nhiên với cách này thì làm cho trang web tải chậm hơn, phải bỏ công...

W3 Total Cache là một plugin hỗ trợ tăng tốc (tạo bộ nhớ đệm) rất tốt và chuyên nghiệp nhất hiện nay mà lại hoàn toàn miễn phí, tuy cách...

Bài viết này giới thiệu cách làm các trang 404, Trang, Bài Viết và Liên hệ của giao diện Clean Blog, gồm 404.php, page.php, single.php và template-contact.php.

Bài viết này giới thiệu cách làm các trang Chuyên Mục, Thẻ, Tác Giả, Tìm Kiếm của giao diện Clean Blog, gồm archive.php, author.php, category.php và search.php.

Bài viết này giới thiệu cách làm trang chủ của giao diện Clean Blog, gồm header.php, footer.php, index.php và một số thành phần liên quan.

Bài viết này giới thiệu cấu trúc của một Theme WordPress căn bản. Chúng ta sẽ chuyển Clean Blog có được ở các bài viết trước của series này thành...

Bài viết này hướng dẫn tạo hình nền mây bay bằng CSS3 thuần túy. Bạn có thể áp dụng bài viết này cho trang 404, hoặc một section trong Landing...