Init HTML

Một trong những tính năng nổi bật nhất của CSS3 là giảm sử dụng hình ảnh cho thiết kế web và có thể tạo ra các hình khối. Trong bài...

Bài viết này hướng dẫn cơ bản về SVG, giới thiệu một số kiến thức cơ bản để vẽ một hình khối SVG sử dụng XML. Nếu bạn chưa từng...

Để tùy chỉnh scrollbar của trình duyệt, lúc trước thường phải sử dụng jQuery. Nhưng với CSS3, các bạn có thể tạo "phong cách" chúng rất dễ dàng.

Khi tìm kiếm trên các website bạn thường thấy các từ khoá được tô đậm trong kết quả tìm kiếm để người dùng dễ dàng theo dõi. Bài viết này...

Favicon là thành phần không thể thiếu đối với một trang web, nó mang ý nghĩa đại diện cho trang của bạn, cũng giống như mỗi người có chữ ký...

Nút Trở lên đầu trang hay Back to top là một phần cơ bản của hầu hết website. Nó giúp cho người dùng dễ dàng trở về phần đầu của...

Bài viết này hướng dẫn tạo hình nền bầu trời với các ngôi sao chuyển động bằng CSS3 thuần túy. Bạn có thể áp dụng bài viết này cho trang...

Bài viết này hướng dẫn tạo trang Chia sẻ để tải nội dung, gồm 2 bước Chia sẻ, dễ dàng tùy chỉnh nội dung tải về và khó để dò...

Bạn đang muốn giảm cân hoặc giữ dáng? Điều quan trọng nhất ngoài tập thể dục đó là kiểm soát lượng Calories nạp vào cơ thể. Để làm được điều...

Bài viết này hướng dẫn cách kiểm tra dữ liệu nhập có phải là số di động ở Việt Nam hay không bằng cách kiểm tra đầu số và số...

Trình bày biểu đồ luôn là một thách thức không nhỏ đối với lập trình viên cho dù bạn sử dụng ngôn ngữ lập trình nào đi chăng nữa. Bây...

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

Bài viết này hướng dẫn cách trích xuất dữ liệu có trên website. Bạn có thể áp dụng để lấy thông tin của website đối thủ, lấy nhanh danh sách...

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

Bài viết này giới thiệu đoạn jQuery trượt (scroll) tới ID. Các bạn có thể áp dụng để hiệu ứng trượt Landing Page trên của mình được mượt hơn.

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

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

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

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

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

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

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

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

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.

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

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

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.

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

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

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

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.

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.

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.

Nếu bạn có nhu cầu kiếm tiền từ quảng cáo video, nhưng giá của các trình phát video có hỗ trợ quảng cáo quá cao, bài viết này sẽ giới...