Thủ Thuật Front-End

Tạo hình khối với CSS3

10/04/2017 0 200 8 phút đọc

Demo

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 viết tạo hình khối với...

Tạo hình khối với SVG

10/04/2017 0 27 4 phút đọc

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 sử dụng SVG, bài viết...

Tùy chỉnh WebKit Scrollbar bằng CSS

11/04/2017 0 17 1 phút đọc

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

Highlight từ khóa với mark.js

11/04/2017 0 24 4 phút đọc

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 hướng dẫn các bạn cách...

Ảnh minh họa: Tạo Favicon đầy đủ cho website

Tạo Favicon đầy đủ cho website trên cả máy tính và di động

14/04/2017 0 18 4 phút đọc

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ý riêng thì mỗi trang web...

Nút Trở lên đầu trang đơn giản với Bootstrap 3

15/04/2017 0 35 1 phút đọc

Demo

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 trang chỉ bằng một lần...

Ảnh minh họa: Tạo hình nền trời sao chuyển

Tạo hình nền trời sao chuyển động bằng CSS3

15/04/2017 0 101 32 phút đọc

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 404, hoặc một section trong...

Tạo trang “Chia sẻ để tải nội dung”

16/04/2017 0 10 7 phút đọc

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ò ra liên kết tải xuống...

Ứng dụng Tính Calo đơn giản

16/04/2017 0 14 12 phút đọc

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ạn cần tính chính...

Ảnh minh họa: Kiểm tra số điện thoại Việt

Kiểm tra số điện thoại Việt Nam bằng jQuery

16/04/2017 0 29 2 phút đọc

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ố lượng chữ số được nhập.

Vẽ biểu đồ dễ dàng với Highcharts

18/04/2017 3 42 3 phút đọc

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 giờ vấn đề đó không...

Tạo hình nền mây bay bằng CSS3

18/04/2017 0 69 1 phút đọc

Bạn muốn trang 404 hoặc một phần trong landing page trở nên sinh động hơn? Hãy thử thêm hiệu ứng mây bay sử dụng CSS3 thuần túy, không cần JavaScript.

Ảnh minh họa: Hướng dẫn trích xuất dữ liệu

Hướng dẫn trích xuất dữ liệu trên website

18/04/2017 0 20 2 phút đọc

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 email được công khai...

Gỡ lỗi chia sẻ liên kết lên Facebook

20/04/2017 0 8 2 phút đọc

Đô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 thông tin thì máy chủ...

Trượt tới ID trên Landing Page

21/04/2017 0 12 2 phút đọc

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.

Các ví dụ CSS Box Shadow

22/04/2017 0 16 2 phút đọc

Demo

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 thiết kế. Các bạn có...