HTML & CSS

Tổng hợp kiến thức HTML, CSS từ cơ bản đến nâng cao: cấu trúc trang, định dạng, responsive layout, snippet hữu ích và mẹo tùy biến giao diện.

Ảnh minh họa: Cắt từ trong câu với Javascript

Cắt từ trong câu với Javascript

18/12/2019 0 12 2 phút đọc

Trong WordPress có hàm wp_trim_words() dùng để cắt ngắn đoạn văn bản thành số lượng từ mong muốn. Với JavaScript, bạn cũng có thể tạo chức năng tương tự một cách đơn giản.

Ảnh minh họa: Hiển thị ảnh đại diện Gravatar

Hiển thị ảnh đại diện Gravatar sử dụng JavaScript

23/11/2019 0 29 2 phút đọc

Gravatar là chữ viết tắt của “Globally Recognized Avatar“, dịch sang Tiếng Việt gọi là ảnh đại diện được nhận dạng trên toàn cầu. Đây là một hình ảnh có kích thước nhỏ nằm gần...

Ảnh minh họa: Các cách tạo nhiều Border với

Các cách tạo nhiều Border với CSS3

14/05/2017 0 24 2 phút đọc

CSS không chỉ giới hạn ở thuộc tính border để tạo khung viền cho phần tử. Bài viết này sẽ hướng dẫn bạn 3 cách phổ biến để tạo nhiều viền bao quanh phần tử,...

Ảnh minh họa: Border màu cầu vồng với Gradient

Border màu cầu vồng với Gradient và Pseudo

13/05/2017 0 81 3 phút đọc
Demo

Bạn muốn tạo viền nhiều màu sắc (border cầu vồng) cho phần tử mà không cần hình ảnh hay JS? Bài viết này sẽ giới thiệu các cách thực hiện với linear-gradient, ::after và một...

Dự án Landing Page

Giới thiệu dự án Landing Page

08/05/2017 0 9 3 phút đọc

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 này, các bạn sẽ có...

Ảnh minh họa: Hiệu ứng Parallax khi Hover với

Hiệu ứng Parallax khi Hover với Tilt.js

05/05/2017 0 14 1 phút đọc
Demo

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 độ chuyên nghiệp.

Ảnh minh họa: Tạo Nhãn dán Facebook bằng CSS3

Tạo Nhãn dán Facebook bằng CSS3 Animations

03/05/2017 0 20 2 phút đọc
Demo

Nếu bạn muốn tạo sticker (nhãn dán) giống như Facebook – bao gồm loại động (animated) và tĩnh (static) – thì bài viết này sẽ hướng dẫn bạn thực hiện dễ dàng chỉ với CSS3.

Init Toolbox

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...

Quên mật khẩu?
Tạo tài khoản mới