Init HTML

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.

HTML5 Local Storage lưu lại một vài thông tin ở phía trình duyệt của người dùng, để lần sau truy cập ta có thể truy xuất các thông tin này.

Nếu bạn có một mẫu quảng cáo hoặc hình ảnh, thông báo nào đó chỉ muốn người xem trực tiếp từ Facebook hoặc Facebook Messenger hoặc ngược lại, bài viết...

Bài viết này sẽ hướng dẫn các bạn cách tạo mã quảng cáo Popup/Popunder bằng JavaScript cực kì đơn giản mà hiệu quả, có sử dụng Cookies để giãn cách...

Ngày nay, mạng xã hội ngày càng trở nên phổ biến, rộng rãi. Là một công cụ Marketing Online khá hiệu quả. Trong đó có mạng xã hội Zalo của...

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.

Structured Data, Dữ liệu có cấu trúc hay Schema.org (thường gọi là Schema) là một thuật ngữ về các thẻ (Microdata) mà bạn có thể thêm vào HTML để cải...

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ì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à...

Bài viết này hướng dẫn cách tự làm các nút Chia sẻ liên kết lên các trang Mạng xã hội phổ biến, gồm Facebook, Twitter, Google+, Pinterest và Gmail.

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...

Nói một cách dễ hiểu, các mạng xã hội như Facebook, Twitter… không thể tự nhận ra các thông tin trên trang web của bạn. Vì vậy, khi bạn muốn...

Bài viết này hướng dẫn nhúng Facebook: Trang, Bình luận, Thích, Chia sẻ, Lưu... vào website của bạn.

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...

Trước khi HTML5 ra đời, dữ liệu web được lưu trữ vào cookie và những dữ liệu này đều được gửi kèm mỗi khi trình duyệt gửi yêu cầu tới...

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...

Đôi khi, khi chia sẻ liên kết lên Facebook bạn sẽ gặp lỗi không hiện hình ảnh, hoặc không hiện bất kì thông tin gì do lúc Facebook thu thập...