Atfrontend Tag - Viblo https://viblo.asia/rss Sun* Inc. https://viblo.asia/logo_full.svg https://viblo.asia/logo_full.svg Atfrontend Tag - Viblo https://viblo.asia/rss vi-vn 2026-08-10T19:59:15+07:00 <![CDATA[Làm chủ OpenSeadragon Bài 2: Kiến trúc dữ liệu Deep Zoom (DZI) - Cách cắt một bức ảnh Gigapixel thành hàng ngàn mảnh nhỏ (tiles) bằng các công cụ như VIPS.]]> https://viblo.asia/p/lam-chu-openseadragon-bai-2-kien-truc-du-lieu-deep-zoom-dzi-cach-cat-mot-buc-anh-gigapixel-thanh-hang-ngan-manh-nho-tiles-bang-cac-cong-cu-nhu-vips-1QLxnEMg4Aw https://viblo.asia/p/lam-chu-openseadragon-bai-2-kien-truc-du-lieu-deep-zoom-dzi-cach-cat-mot-buc-anh-gigapixel-thanh-hang-ngan-manh-nho-tiles-bang-cac-cong-cu-nhu-vips-1QLxnEMg4Aw Nguyễn Huy Hoàng 2026-08-07 23:21:25 <![CDATA[Giải mã thuộc tính role trong HTML: Khi thẻ tầm thường hóa thành "siêu anh hùng" trợ năng]]> https://viblo.asia/p/giai-ma-thuoc-tinh-role-trong-html-khi-the-tam-thuong-hoa-thanh-sieu-anh-hung-tro-nang-kNLr3r6qVgA https://viblo.asia/p/giai-ma-thuoc-tinh-role-trong-html-khi-the-tam-thuong-hoa-thanh-sieu-anh-hung-tro-nang-kNLr3r6qVgA Nguyễn Huy Hoàng 2026-07-24 22:58:46 <![CDATA[Bóc trần thuộc tính placeholder: Trợ thủ đắc lực hay "cú lừa" UI/UX kinh điển?]]> https://viblo.asia/p/boc-tran-thuoc-tinh-placeholder-tro-thu-dac-luc-hay-cu-lua-uiux-kinh-dien-Nj4vgnMqJ6r https://viblo.asia/p/boc-tran-thuoc-tinh-placeholder-tro-thu-dac-luc-hay-cu-lua-uiux-kinh-dien-Nj4vgnMqJ6r , hôm nay chúng ta sẽ bàn về một thuộc tính "nhỏ nhưng có võ" và cũng là nạn nhân bị lạm dụng nhiều nhất t...]]> Nguyễn Huy Hoàng 2026-07-23 22:56:57 <![CDATA["Tắc kè hoa" của HTML: Khám phá sức mạnh vô cực của thuộc tính type trong thẻ ]]> https://viblo.asia/p/tac-ke-hoa-cua-html-kham-pha-suc-manh-vo-cuc-cua-thuoc-tinh-type-trong-the-input-y0VGwXP5VPA https://viblo.asia/p/tac-ke-hoa-cua-html-kham-pha-suc-manh-vo-cuc-cua-thuoc-tinh-type-trong-the-input-y0VGwXP5VPA Nguyễn Huy Hoàng 2026-07-25 12:37:59 <![CDATA[Tuyệt kỹ xử lý giao diện trống với data-empty-text: Khi CSS "gánh" còng lưng JavaScript]]> https://viblo.asia/p/tuyet-ky-xu-ly-giao-dien-trong-voi-data-empty-text-khi-css-ganh-cong-lung-javascript-13VM9YRmVY7 https://viblo.asia/p/tuyet-ky-xu-ly-giao-dien-trong-voi-data-empty-text-khi-css-ganh-cong-lung-javascript-13VM9YRmVY7 Nguyễn Huy Hoàng 2026-07-21 21:53:01 <![CDATA[Kế thừa giao diện trong Laravel: Giải ngố @section() và nghệ thuật "lắp ráp" của Blade]]> https://viblo.asia/p/ke-thua-giao-dien-trong-laravel-giai-ngo-atsection-va-nghe-thuat-lap-rap-cua-blade-kNLr3r6oVgA https://viblo.asia/p/ke-thua-giao-dien-trong-laravel-giai-ngo-atsection-va-nghe-thuat-lap-rap-cua-blade-kNLr3r6oVgA Nguyễn Huy Hoàng 2026-07-21 17:39:47 <![CDATA[Bóc trần "ma thuật" z-index trong CSS: Tại sao 99999 vẫn bị chìm nghỉm?]]> https://viblo.asia/p/boc-tran-ma-thuat-z-index-trong-css-tai-sao-99999-van-bi-chim-nghim-AWVpXvr5V05 https://viblo.asia/p/boc-tran-ma-thuat-z-index-trong-css-tai-sao-99999-van-bi-chim-nghim-AWVpXvr5V05 Nguyễn Huy Hoàng 2026-07-21 16:51:15 <![CDATA[javascript:void(0);: Khi thủ thuật "cứu cánh" ngày xưa trở thành "tội đồ" của hiện tại]]> https://viblo.asia/p/javascriptvoid0-khi-thu-thuat-cuu-canh-ngay-xua-tro-thanh-toi-do-cua-hien-tai-yZJZlDoQVjm https://viblo.asia/p/javascriptvoid0-khi-thu-thuat-cuu-canh-ngay-xua-tro-thanh-toi-do-cua-hien-tai-yZJZlDoQVjm Nguyễn Huy Hoàng 2026-07-16 11:44:58 <![CDATA[Series Chinh phục Vercel | Bài 3: Next.js & Dashboard - "Trung tâm chỉ huy" cho hệ thống Metro]]> https://viblo.asia/p/series-chinh-phuc-vercel-bai-3-nextjs-dashboard-trung-tam-chi-huy-cho-he-thong-metro-bA468gBxLKv https://viblo.asia/p/series-chinh-phuc-vercel-bai-3-nextjs-dashboard-trung-tam-chi-huy-cho-he-thong-metro-bA468gBxLKv Nguyễn Huy Hoàng 2026-07-11 18:24:15 <![CDATA[[Frontend UX] Hàm hideWaitme(): "Nút thoát" cho những trải nghiệm chờ đợi mượt mà]]> https://viblo.asia/p/frontend-ux-ham-hidewaitme-nut-thoat-cho-nhung-trai-nghiem-cho-doi-muot-ma-1QLxnogO4Aw https://viblo.asia/p/frontend-ux-ham-hidewaitme-nut-thoat-cho-nhung-trai-nghiem-cho-doi-muot-ma-1QLxnogO4Aw Nguyễn Huy Hoàng 2026-07-05 21:26:46 <![CDATA[Series Chinh phục Vercel | Bài 1: Vercel là gì? Tư duy "Edge Network" và Web hiện đại]]> https://viblo.asia/p/series-chinh-phuc-vercel-bai-1-vercel-la-gi-tu-duy-edge-network-va-web-hien-dai-oW4oeo9kLml https://viblo.asia/p/series-chinh-phuc-vercel-bai-1-vercel-la-gi-tu-duy-edge-network-va-web-hien-dai-oW4oeo9kLml Nguyễn Huy Hoàng 2026-07-11 18:23:25 <![CDATA[Series Leaflet Tutorials | Bài 3: Bùng nổ dữ liệu - Quản lý hàng nghìn thiết bị với MarkerCluster]]> https://viblo.asia/p/series-leaflet-tutorials-bai-3-bung-no-du-lieu-quan-ly-hang-nghin-thiet-bi-voi-markercluster-pPLkNOddJRZ https://viblo.asia/p/series-leaflet-tutorials-bai-3-bung-no-du-lieu-quan-ly-hang-nghin-thiet-bi-voi-markercluster-pPLkNOddJRZ Nguyễn Huy Hoàng 2026-07-10 17:21:44 <![CDATA["TypeScript Gymnastics": Đoạn code khiến tôi mất ngủ và sự giác ngộ về infer]]> https://viblo.asia/p/typescript-gymnastics-doan-code-khien-toi-mat-ngu-va-su-giac-ngo-ve-infer-gjLN06a9432 https://viblo.asia/p/typescript-gymnastics-doan-code-khien-toi-mat-ngu-va-su-giac-ngo-ve-infer-gjLN06a9432 Nguyễn Huy Hoàng 2026-07-10 21:29:52 <![CDATA[Phân quyền tầng View: Giữa "Bảo mật" và "Trải nghiệm người dùng" (UX), bạn đang làm đúng hay sai?]]> https://viblo.asia/p/phan-quyen-tang-view-giua-bao-mat-va-trai-nghiem-nguoi-dung-ux-ban-dang-lam-dung-hay-sai-2vJPdn18JeK https://viblo.asia/p/phan-quyen-tang-view-giua-bao-mat-va-trai-nghiem-nguoi-dung-ux-ban-dang-lam-dung-hay-sai-2vJPdn18JeK Nguyễn Huy Hoàng 2026-06-30 22:31:53 <![CDATA[Đừng trả về cục HTML qua AJAX nữa! Đã đến lúc Backend của bạn cần được "giải thoát".]]> https://viblo.asia/p/dung-tra-ve-cuc-html-qua-ajax-nua-da-den-luc-backend-cua-ban-can-duoc-giai-thoat-7Z4DE7wnJnX https://viblo.asia/p/dung-tra-ve-cuc-html-qua-ajax-nua-da-den-luc-backend-cua-ban-can-duoc-giai-thoat-7Z4DE7wnJnX Nguyễn Huy Hoàng 2026-07-08 11:30:05 <![CDATA[Dẹp ngay đống if(role == 'admin') đi! Đây là cách Frontend Master xử lý Phân quyền (Authz)]]> https://viblo.asia/p/dep-ngay-dong-ifrole-admin-di-day-la-cach-frontend-master-xu-ly-phan-quyen-authz-k74a9QEr4eO https://viblo.asia/p/dep-ngay-dong-ifrole-admin-di-day-la-cach-frontend-master-xu-ly-phan-quyen-authz-k74a9QEr4eO Nguyễn Huy Hoàng 2026-06-29 16:02:44 <![CDATA[series Axios Bài 5: Xử Lý File Dung Lượng Lớn Và Tuyệt Kỹ Theo Dõi Tiến Độ Thời Gian Thực]]> https://viblo.asia/p/series-axios-bai-5-xu-ly-file-dung-luong-lon-va-tuyet-ky-theo-doi-tien-do-thoi-gian-thuc-gjLN0688432 https://viblo.asia/p/series-axios-bai-5-xu-ly-file-dung-luong-lon-va-tuyet-ky-theo-doi-tien-do-thoi-gian-thuc-gjLN0688432 Nguyễn Huy Hoàng 2026-06-30 15:33:19 <![CDATA[series Axios Bài 4: Kiểm Soát Dòng Chảy Mạng - Tuyệt Chiêu Hủy Request Thừa Bằng AbortController]]> https://viblo.asia/p/series-axios-bai-4-kiem-soat-dong-chay-mang-tuyet-chieu-huy-request-thua-bang-abortcontroller-ZoJjelMy4Y7 https://viblo.asia/p/series-axios-bai-4-kiem-soat-dong-chay-mang-tuyet-chieu-huy-request-thua-bang-abortcontroller-ZoJjelMy4Y7 Nguyễn Huy Hoàng 2026-06-30 14:58:37 <![CDATA[series Axios Bài 3: Axios Interceptors - Bộ Đánh Chặn "Quyền Lực" Và Chiến Lược Tự Động Refresh Token]]> https://viblo.asia/p/series-axios-bai-3-axios-interceptors-bo-danh-chan-quyen-luc-va-chien-luoc-tu-dong-refresh-token-OQJwzwEO4MP https://viblo.asia/p/series-axios-bai-3-axios-interceptors-bo-danh-chan-quyen-luc-va-chien-luoc-tu-dong-refresh-token-OQJwzwEO4MP Nguyễn Huy Hoàng 2026-06-30 13:05:27 <![CDATA[[React] Đừng dùng React Toastify như một tay mơ - Kiến trúc Notification chuẩn Enterprise]]> https://viblo.asia/p/react-dung-dung-react-toastify-nhu-mot-tay-mo-kien-truc-notification-chuan-enterprise-bNVQGoy1JvR https://viblo.asia/p/react-dung-dung-react-toastify-nhu-mot-tay-mo-kien-truc-notification-chuan-enterprise-bNVQGoy1JvR Nguyễn Huy Hoàng 2026-04-26 15:55:27 <![CDATA[Kịch Bản 15 Phút: Múa Màn Refresh Token Mượt Như Lụa Cùng Axios Interceptor]]> https://viblo.asia/p/kich-ban-15-phut-mua-man-refresh-token-muot-nhu-lua-cung-axios-interceptor-yZJZlvQZVjm https://viblo.asia/p/kich-ban-15-phut-mua-man-refresh-token-muot-nhu-lua-cung-axios-interceptor-yZJZlvQZVjm Nguyễn Huy Hoàng 2026-04-15 15:01:12 <![CDATA[Giải Phóng Đôi Tay: Múa Phím Bằng Emmet CSS & Tư Duy "Code Mờ Ảo"]]> https://viblo.asia/p/giai-phong-doi-tay-mua-phim-bang-emmet-css-tu-duy-code-mo-ao-lZL9XeADJQK https://viblo.asia/p/giai-phong-doi-tay-mua-phim-bang-emmet-css-tu-duy-code-mo-ao-lZL9XeADJQK li*5 để tạo danh sách. Đó là Emmet cho HTML. Nhưng có...]]> Nguyễn Huy Hoàng 2026-04-15 07:01:10 <![CDATA[Khủng Hoảng HEIC: Khi Apple Bắt Trình Duyệt Phải "Khóc" & Cách Giải Cứu Bằng Code]]> https://viblo.asia/p/khung-hoang-heic-khi-apple-bat-trinh-duyet-phai-khoc-cach-giai-cuu-bang-code-13VM9qP0VY7 https://viblo.asia/p/khung-hoang-heic-khi-apple-bat-trinh-duyet-phai-khoc-cach-giai-cuu-bang-code-13VM9qP0VY7 Nguyễn Huy Hoàng 2026-04-14 22:34:04 <![CDATA[[Web 3D 101] Three.js là gì? Phép thuật mang cả không gian 3D lên trình duyệt]]> https://viblo.asia/p/web-3d-101-threejs-la-gi-phep-thuat-mang-ca-khong-gian-3d-len-trinh-duyet-18J2e8ge4YK https://viblo.asia/p/web-3d-101-threejs-la-gi-phep-thuat-mang-ca-khong-gian-3d-len-trinh-duyet-18J2e8ge4YK Nguyễn Huy Hoàng 2026-04-07 07:24:58 <![CDATA[Học Frontend nên chọn theo hướng nào ?]]> https://viblo.asia/p/hoc-frontend-nen-chon-theo-huong-nao-pgjLNKRPV32 https://viblo.asia/p/hoc-frontend-nen-chon-theo-huong-nao-pgjLNKRPV32 Thanh Cao 2025-01-03 13:12:05 <![CDATA[Xử lý API response với Typescript với mọi ngôn ngữ frontend]]> https://viblo.asia/p/xu-ly-api-response-voi-typescript-voi-moi-ngon-ngu-frontend-E1XVObnELMz https://viblo.asia/p/xu-ly-api-response-voi-typescript-voi-moi-ngon-ngu-frontend-E1XVObnELMz Đỗ Tú 2024-06-18 16:43:29 <![CDATA[Cách thức tối ưu hoá PageSpeed tăng trải nghiệm cho Users]]> https://viblo.asia/p/cach-thuc-toi-uu-hoa-pagespeed-tang-trai-nghiem-cho-users-GAWVpaa3405 https://viblo.asia/p/cach-thuc-toi-uu-hoa-pagespeed-tang-trai-nghiem-cho-users-GAWVpaa3405 Jennie Pham 2023-12-21 09:38:07 <![CDATA[ES6 JavaScript: Tổng hợp các tính năng nổi bật]]> https://viblo.asia/p/es6-javascript-tong-hop-cac-tinh-nang-noi-bat-zOQJwx6kLMP https://viblo.asia/p/es6-javascript-tong-hop-cac-tinh-nang-noi-bat-zOQJwx6kLMP Nguyen Le Than 2024-02-10 21:02:37 <![CDATA[Sử dụng HttpClient trong Angular thực hiện các yêu cầu HTTP đến các API server]]> https://viblo.asia/p/su-dung-httpclient-trong-angular-thuc-hien-cac-yeu-cau-http-den-cac-api-server-y3RL1n7pVao https://viblo.asia/p/su-dung-httpclient-trong-angular-thuc-hien-cac-yeu-cau-http-den-cac-api-server-y3RL1n7pVao Vũ Mạnh Tuấn 2023-05-05 10:54:44 <![CDATA[Placeholder và Data-placeholder ?]]> https://viblo.asia/p/placeholder-va-data-placeholder-x7Z4DDgy4nX https://viblo.asia/p/placeholder-va-data-placeholder-x7Z4DDgy4nX Vân Yume 2022-12-30 14:06:10