Dự án Landing Page: Nút trở lên đầu trang
08/05/2017
0
87
2 phút đọc
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.
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.
Dự án Landing Page: Các phần còn lại
08/05/2017
0
9
10 phút đọc
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.
Dự án Landing Page: Navbar và Header
08/05/2017
0
24
4 phút đọc
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”.
Giới thiệu dự án Landing Page
08/05/2017
0
27
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ó...
Hiệu ứng Parallax khi Hover với Tilt.js
05/05/2017
0
51
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.
Tạo Nhãn dán Facebook bằng CSS3 Animations
03/05/2017
0
60
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.
Đánh dấu dữ liệu có cấu trúc (Schema.org)
02/05/2017
0
50
2 phút đọc
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 thiện thứ hạng của bạn...
Tạo hiệu ứng Chờ tải trang (Preload)
30/04/2017
2
291
2 phút đọc
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 hoặc tốc độ mạng khá...
Thêm sự kiện vào Lịch Google, iCalendar và Outlook
29/04/2017
0
45
4 phút đọc
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.
Các trạng thái cơ bản của Textbox, Nút và Liên kết
29/04/2017
0
153
2 phút đọc
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 thái khác để trải nghiệm...
Tạo nút Pinterest chính chủ để Pin ảnh ngay tại trang web của bạn
28/04/2017
0
48
5 phút đọc
Pinterest là một trong những mạng xã hội hình ảnh lớn nhất thế giới, với hàng trăm triệu người dùng tích cực mỗi tháng. Việc để người dùng dễ dàng ghim hình ảnh từ website...
Hình xếp (Accordion) với CSS3
27/04/2017
0
63
3 phút đọc
Accordion là hiệu ứng gấp – mở lồng nhau, thường dùng cho văn bản. Trong bài viết này, bạn sẽ học cách tạo Accordion hình ảnh chỉ với HTML và CSS3 – không dùng JavaScript.
Tạo hiệu ứng cho Icon với mo.js
27/04/2017
0
114
2 phút đọc
Bài viết này hướng dẫn tạo hiệu ứng cho Icon đơ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à cách sử dụng...
Thêm các nút Chia sẻ lên Mạng xã hội vào website
27/04/2017
9
345
5 phút đọc
Bài viết này hướng dẫn cách tự làm các nút Chia sẻ lên Mạng xã hội phổ biến, gồm Facebook, Twitter, Google+, Pinterest và Gmail.
Tích hợp Tin nhắn Fanpage làm Facebook LiveChat vào website
27/04/2017
0
18
4 phút đọc
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 với nhau nhằm nâng cao...
Hiệu ứng chuyển sắc (Gradient) với CSS3
26/04/2017
0
180
3 phút đọc
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 ta tải rất nặng điều...
Open Graph và Twitter Cards cơ bản
26/04/2017
2
105
3 phút đọc
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 Thích hay Chia sẻ một...
Nhúng Facebook vào website của bạn
26/04/2017
0
180
3 phút đọc
Demo
Bài viết này hướng dẫn nhúng Facebook vào website: Trang, Bình luận, Thích, Chia sẻ, Lưu... vào website của bạn.
Kết hợp Cards của Bootstrap 4 với WOW.js
25/04/2017
0
57
18 phút đọc
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 hợp thêm WOW.js, bạn sẽ...
Hiệu ứng khi scroll với WOW.js
25/04/2017
0
87
2 phút đọc
Demo
WOW.js là một trong những thư viện giúp cho việc tạo hiệu ứng khi scroll trang gây ấn tượng mạnh nhất. WOW.js đặc biệt cuốn hút người xem khi sử dụng cho các website dạng...