Hướng dẫn
Hướng dẫn thực tế cho lập trình viên, người làm marketing và các việc máy tính hằng ngày — mỗi bài dùng công cụ miễn phí của devpack mà bạn có thể mở song song.
Nổi bậtCách nén ảnh mà không giảm chất lượngNén ảnh cho email, form và website: thay đổi kích thước trước, chọn đúng định dạng và mức chất lượng, đạt giới hạn KB mà không thấy rõ sự mất chất lượng.Đọc hướng dẫn
Cách giải mã và gỡ lỗi JWTĐọc header và claims của JSON Web Token, tìm lý do bị từ chối như hết hạn, sai audience hoặc chữ ký lỗi, và các lỗi bảo mật cần tránh khi dùng JWT.
Regex kiểm tra email, URL và số điện thoạiRegex thực tế để kiểm tra email, URL và số điện thoại, vì sao không có mẫu nào hoàn hảo và khi nào nên dùng parser thay vì regex.
Biểu thức Cron giải thích: 15 lịch chạy thực tế và các bẫy múi giờĐọc và viết biểu thức cron tự tin: 5 trường, 15 lịch chạy sẵn dùng, bẫy ngày trong tháng và thứ trong tuần, cùng cách xử lý múi giờ trong CI.
Cách sửa lỗi CORSVì sao trình duyệt chặn yêu cầu, cách đọc thông báo lỗi CORS và cấu hình header đúng cho Express, Nginx và Vercel, kể cả preflight và cookie.
301 vs 302 vs 307 vs 308: Nên Dùng Redirect NàoKhi nào dùng từng loại HTTP redirect, ảnh hưởng đến SEO và form ra sao, cách tránh chuỗi và vòng lặp redirect, kèm quy tắc copy cho Apache, Nginx và Vercel.
Tạo TypeScript Types từ JSON — đúng cáchChuyển JSON API thành TypeScript interface, phân biệt optional với nullable, xử lý union và thêm kiểm tra runtime bằng JSON Schema để type khớp dữ liệu thật.
Cách cài đặt GA4 với Google Consent Mode v2Cài đặt Google Analytics 4 với Consent Mode v2 đúng cách: thiết lập mặc định từ chối, cập nhật sự đồng ý từ banner cookie và kiểm tra xem nó thực sự hoạt động chưa.
Checklist header bảo mật HTTP (kèm cấu hình copy-paste)Các header bảo mật mọi website nên gửi: HSTS, CSP, nosniff, frame-ancestors, Referrer-Policy, Permissions-Policy, kèm giá trị an toàn và cấu hình mẫu.
Cách ghép, tách và nén file PDFGhép nhiều PDF, tách hoặc xóa trang, nén bản scan lớn để gửi email, đổi ảnh chụp thành PDF và ký tên — miễn phí, chạy trên trình duyệt, không cần tải file lên.
Kỹ thuật Pomodoro: Cách áp dụng sao cho thực sự hiệu quảTìm hiểu cách hoạt động của kỹ thuật Pomodoro, nên làm gì khi nghỉ, xử lý việc gián đoạn, khi nào đổi thời lượng 25 phút và cách theo dõi các phiên làm việc.
Cách Kiểm Tra Webcam và Micro Trước Cuộc Gọi VideoKiểm tra camera và micro ngay trên trình duyệt, sửa lỗi “không tìm thấy camera” và lỗi quyền truy cập trên Windows và Mac, giúp giọng nói và hình ảnh của bạn rõ hơn khi gọi.
Cách tạo mật khẩu mạnh và kiểm tra xem mật khẩu có bị rò rỉ khôngMật khẩu mạnh thực sự là gì, vì sao độ dài quan trọng hơn ký tự đặc biệt, cách dùng cụm mật khẩu và trình quản lý mật khẩu, và cách kiểm tra rò rỉ an toàn.
Tham số UTM là gì? Theo dõi mọi chiến dịch trong GA4Tham số UTM là gì, cách đặt tên source, medium và campaign để GA4 nhóm đúng, nơi không nên dùng UTM, và cách theo dõi mã QR cùng tờ in.
Cách viết thẻ title và meta description thu hút clickHướng dẫn viết thẻ title và meta description thu hút click: giới hạn pixel, công thức đơn giản, tránh trùng lặp và thẻ Open Graph.
Cách kiểm tra laptop cũ trước khi muaChecklist 15 phút khi mua laptop cũ: điểm ảnh chết trên màn hình, bàn phím và touchpad, sức khỏe pin, cấu hình thật, ổ cứng, camera, micro và khóa tài khoản.
Cách sửa SPF, DKIM và DMARCEmail bị đưa vào spam? Kiểm tra bản ghi SPF, DKIM và DMARC, sửa các lỗi thường gặp và chuyển DMARC từ giám sát sang thực thi an toàn.
Cách sửa lỗi chứng chỉ SSLSửa lỗi “kết nối không riêng tư”: kiểm tra chứng chỉ SSL hết hạn, sai tên miền hay thiếu chuỗi, rồi gia hạn và ngăn lỗi quay lại.
Cách sửa trang tải chậm và Core Web VitalsCải thiện LCP, INP và CLS với các cách sửa quan trọng nhất: ảnh chính tải nhanh hơn, giảm JavaScript chặn trang và trang không bị nhảy khi đang tải.
Cách sửa lỗi robots.txt và sitemapĐảm bảo Google tìm thấy trang của bạn: sửa các quy tắc robots.txt chặn quá nhiều, tạo sitemap XML gọn gàng và xử lý các lỗi mà Search Console báo cáo.
Cách sửa lỗi canonical và nội dung trùng lặpKhi nhiều địa chỉ cùng hiển thị một trang, tín hiệu tìm kiếm bị chia nhỏ. Tìm hiểu cách chọn một phiên bản duy nhất bằng chuyển hướng, thẻ canonical và liên kết nhất quán.
Cách tìm và sửa liên kết hỏngTìm liên kết hỏng trên website, quyết định nên cập nhật, chuyển hướng hay xóa từng liên kết, và thiết lập trang 404 giữ chân người truy cập ở lại.
Webfont là gì và vì sao nên dùng?Webfont giúp website hiển thị cùng một kiểu chữ trên mọi thiết bị. Tìm hiểu cách hoạt động, khác gì so với font hệ thống và khi nào đáng để tải thêm.
Cách thêm font tùy chỉnh vào websiteThêm font tùy chỉnh vào website của bạn qua 4 bước: chuẩn bị file, tải lên, viết CSS @font-face và áp dụng. Có hướng dẫn cho Webflow, WordPress và Tailwind.
WOFF2 vs WOFF vs TTF vs OTFSo sánh định dạng font cho web: vì sao WOFF2 phù hợp với hầu hết website, khi nào WOFF vẫn hữu ích, và bạn không còn cần EOT hay SVG font.
Giải thích bản quyền webfontMua font không phải lúc nào cũng cho phép bạn dùng trên website. Tìm hiểu các loại giấy phép chính, cần kiểm tra gì trước khi chuyển đổi font và cách sử dụng an toàn.
Cách làm webfont tải nhanh hơnTăng tốc webfont với WOFF2, subsetting, giảm số độ đậm, preload, variable font và cache dài hạn. Kèm code cho từng bước thực hiện.
Cách sửa lỗi dịch chuyển bố cục fontNgăn chữ nhảy khi webfont tải xong. Tìm hiểu FOIT và FOUT, chọn giá trị font-display phù hợp và khớp font dự phòng để giảm dịch chuyển bố cục.
Cách cài đặt Tracking PixelHướng dẫn cài tracking pixel Meta, TikTok hoặc LinkedIn trên Webflow, WordPress, Shopify hay Google Tag Manager, kèm đồng ý cookie và kiểm tra.
Cách dùng OKLCH trong CSSTìm hiểu cú pháp oklch(), ý nghĩa của độ sáng, độ chroma và sắc độ, cách tạo màu shade, hover và bảng màu trong CSS, kèm fallback cho trình duyệt cũ.
OKLCH so với HSLSo sánh OKLCH và HSL trong CSS. Xem vì sao cùng độ sáng HSL vẫn trông rất khác nhau, khi nào OKLCH cho bảng màu tốt hơn và khi nào HSL vẫn đủ dùng.
Cách lên lịch họp qua nhiều múi giờTìm khung giờ phù hợp cho cuộc họp quốc tế. Học cách kiểm tra giờ trùng, ghi giờ rõ ràng, tránh nhầm lẫn khi đổi giờ mùa hè và chia sẻ với cả nhóm.
Giờ mùa hè ảnh hưởng đến múi giờ như thế nàoTìm hiểu khi nào đồng hồ đổi giờ ở Mỹ và châu Âu, vì sao chênh lệch múi giờ giữa các thành phố thay đổi, và cách tránh lỡ cuộc họp hay sai lịch hẹn.
Cách chia sẻ công cụ kèm cài đặt của bạnGửi cho bất kỳ ai một liên kết devpack mở công cụ với dữ liệu bạn đã nhập sẵn. Xem cách hoạt động, phần nào được giữ riêng tư và các công cụ không hỗ trợ.