Giới thiệu về Phát triển Frontend
1. Khái niệm Frontend
Frontend bao gồm tất cả giao diện tương tác trực tiếp với người dùng như màn hình máy tính, điện thoại hoặc tablet.
Bổ sung: Backend là gì?
Backend hoạt động như bộ xử lý phía sau (gồm các đoạn mã không hiển thị), không tương tác trực tiếp với người dùng.
2. Lộ trình học Frontend
HTML: Cấu trúc nền tảng của trang web
...
Đăng vào ngày 26 tháng 6 lúc 07:52
Tối ưu hóa UI Layout với thiết kế giao diện tinh gọn và chuyên nghiệp
Việc thiết kế giao diện theo phong cách tinh gọn (compact design) đòi hỏi sự kết hợp chặt chẽ giữa tính nhất quán, phân cấp thị giác và cân bằng không gian. Mục tiêu là tối đa hóa lượng thông tin hiển thị mà không gây cảm giác chật chội hay khó chịu cho người dùng.
/* Định nghĩa khung chứa chính với khoảng cách tối ưu */
.app-view-layout ...
Đăng vào ngày 23 tháng 6 lúc 12:10
Hiệu ứng CSS làm thay đổi cơ sở định vị của position: fixed
Khi sử dụng position: fixed trong CSS, phần tử thường được căn chỉnh dựa trên khung nhìn (viewport) — tức là cửa sổ trình duyệt. Tuy nhiên, nếu một phần tử cha áp dụng bất kỳ thuộc tính nào sau đây, trình duyệt sẽ tạo ra một khối chứa mới (containing block), khiến phần tử con có position: fixed không còn gắn vào viewport mà chuyển sang định vị ...
Đăng vào ngày 21 tháng 6 lúc 00:39
Typeset: Giải pháp tối ưu cho việc thiết kế kiểu chữ trên web
Typeset: Giải pháp tối ưu cho việc thiết kế kiểu chữ trên web
Để cải thiện trải nghiệm người dùng và tăng cường khả năng truyền tải nội dung, Typeset cung cấp một giải pháp mạnh mẽ để tối ưu hóa kiểu chữ trên trang web, mang đến chất lượng tương tự như in ấn.
Giới thiệu về Typeset
Typeset là một trình tiền xử lý HTML chuyên dụng nhằm nâng cao h ...
Đăng vào ngày 20 tháng 6 lúc 08:53
CSS Thuộc tính Kế thừa và Tính chất Lớp
1. Tính kế thừa của thuộc tính CSS
Một số thuộc tính CSS có thể được kế thừa. Nếu một thuộc tính CSS có thể kế thừa, thì khi đặt thuộc tính đó trên một phần tử, các phần tử con của nó cũng sẽ kế thừa thuộc tính đó. Nếu các phần tử con cũng cài đặt thuộc tính này, giá trị của phần tử con sẽ được ưu tiên.
Các thuộc tính liên quan đến văn bản và p ...
Đăng vào ngày 18 tháng 6 lúc 17:43
Hướng Dẫn Lập Trình Python cho Web Scraping
Học Thuật Toàn Mạng Web
Lưu ý: Ghi chú này được viết bằng jupyter.
Kiến Thức Web Frontend
Jupyter có thể chạy trực tiếp HTML và JavaScript chỉ cần thêm %%html hoặc %%javascript vào trước mã code:
%%html
<html>
<head>
<title>Phát triển Web Scraping với Python</title>
<meta charset='UT ...
Đăng vào ngày 18 tháng 6 lúc 17:02
Tạm biệt giật lag! Hướng dẫn tối ưu hóa callback cho hoạt ảnh CSS với 3 dòng JavaScript
Tạm biệt giật lag! Hướng dẫn tối ưu hóa callback cho hoạt ảnh CSS với 3 dòng JavaScript
Bạn có bao giờ bối rối vì không thể thực thi một hàm gọi lại (callback) chính xác khi một hoạt ảnh CSS kết thúc không? Việc thiếu cơ chế này thường dẫn đến các vấn đề về đồng bộ hóa, làm trải nghiệm người dùng trở nên kém mượt mà. Bài viết này sẽ hướng dẫn b ...
Đăng vào ngày 18 tháng 6 lúc 16:04
CSS Flexbox: Kiên Nhẫn Đổi Mới Trong Thiết Kế Giao Diện
Bạn có bao giờ gặp khó khăn khi muốn sắp xếp các phần tử sao cho chúng hiển thị cùng một hàng mà không đẩy các phần tử khác xuống dưới hay muốn chúng tự động lấp đầy toàn bộ không gian của phần tử cha nhưng lại gặp vấn đề với khoảng trắng xuất hiện giữa các phần tử khi sử dụng inline-block? Hoặc bạn đang gặp khó khăn trong việc tạo ra bố cục đá ...
Đăng vào ngày 18 tháng 6 lúc 04:27
Các Kỹ Thuật CSS và JavaScript Bảo Vệ Nội Dung Web Hiện Đại
Để tăng cường bảo mật nội dung và kiểm soát trải nghiệm người dùng trên trang web, các kỹ thuật sau đây kết hợp giữa HTML, CSS và JavaScript được áp dụng một cách hiệu quả — đặc biệt phù hợp cho nền tảng có yêu cầu cao về bản quyền như trang truyện, hệ thống học trực tuyến hoặc cổng thông tin nội bộ.
Liên kết điều hướng linh hoạt
Sử dụng thuộc ...
Đăng vào ngày 16 tháng 6 lúc 22:56
Phân tích sâu về DPI và PPI: Từ pixel vật lý đến pixel CSS
Khi mới bắt đầu làm frontend, tôi từng nghĩ rằng `px` trong CSS đơn giản là các chấm nhỏ trên màn hình. Tuy nhiên, một lần nhà thiết kế hỏi tôi: "Tại sao cùng một nút bấm `200px`, hiển thị trên iPhone và điện thoại Android lại có kích thước khác nhau?". Lúc đó, tôi mới nhận ra vấn đề phức tạp hơn nhiều.
Pixel vật lý và Pixel CSS: Mối quan hệ ...
Đăng vào ngày 16 tháng 6 lúc 10:22