Building Tactile UX: Honoring Intentional Design With Lottie — Smashing Magazine

The Internet’s Graffiti: Hidden Content on Popular Websites

Nhiều trang web lớn như Google, Tumblr, Medium, YouTube, Nike, Airbnb, Bloomberg và Shopify ẩn chứa nội dung vui nhộn và Easter eggs trong file robots.txt, headers và DevTools. Các kỹ sư sử dụng các công cụ web development để tạo ra những trò ẩn thú vị mà chỉ người dùng có kỹ năng mới có thể khám phá ra. Việc che giấu nội dung này nhằm mục đích tạo sự bất ngờ và xây dựng cộng đồng người dùng có cùng sở thích. Đây là một kỹ thuật thú vị để các lập trình viên có thể tham khảo để thêm yếu tố sáng tạo vào dự án của mình.

Bài viết này giúp lập trình viên khám phá những trò ẩn giấu thú vị trên các trang web hàng đầu qua kỹ thuật robots.txt, headers và DevTools.

React for Vue Developers, 2: State, Effects, Re-renders

React 19 render lại toàn bộ component function khi có thay đổi, khác biệt cơ bản so với Vue 3 theo dõi dependencies và update tại chỗ. Trong React, mỗi khi state thay đổi, component sẽ được thực thi lại hoàn toàn, dẫn đến việc effects sẽ chạy lại. React cung cấp useMemo/useCallback để tối ưu hóa việc tái tạo lại các giá trị và hàm, tương tự tính toán memoized trong Vue. Hiểu rõ lifecycle hooks và cơ chế render của React giúp chuyển đổi từ Vue một cách hiệu quả, đặc biệt khi làm việc với các dự án lớn cần quản lý state phức tạp.

Bài viết này giúp lập trình viên chuyển đổi từ Vue sang React hiểu rõ cách React xử lý state, effects và re-render khác biệt với Vue dependency tracking.

From Tools to Teammates: How AI Empowered Our UX Team to ...

UX team của chúng tôi đã trải nghiệm AI trong hai năm qua qua bốn lĩnh vực: UX Copy, Localization, Research và Product Design. Quá trình bắt đầu từ các quy trình thủ công rời rạc đã tiến hóa thành hệ thống AI giúp xử lý tài liệu 500 trang mỗi ngày. Nhờ sử dụng công cụ như ChatGPT và custom AI models, năng suất tăng 40% và chất lượng bản dịch tiếng Anh sang tiếng Việt cải thiện đáng kể. Chúng tôi học được rằng AI không chỉ là công cụ mà có thể trở thành teammates thực sự khi được triển khai đúng cách.

Bài viết này giúp lập trình viên hiểu cách AI có thể cải thiện quy trình làm việc và nâng cao chất lượng sản phẩm trong thiết kế trải nghiệm người dùng.

SvelteKit 3 Reaches Release Candidate, Moving Config to Vite and Retiring the $lib Alias

SvelteKit 3 đang ở giai đoạn release candidate, tập trung vào tinh chỉnh code và chuẩn bị …

Example.com Just Launched The Biggest Redesign In Decades

Website example.com vừa thực hiện thiết kế lại lớn nhất trong thập kỷ qua. …

DESIGN.md vs. Design System MCP: Which Does What?

DESIGN.md mang lại tài liệu thiết kế có thể hoạt động trên mọi công nghệ stack, trong khi Design System MCP (Model Context Protocol) cung cấp API thực tế của component cho các agents. Sự kết hợp giữa DESIGN.md và Design System MCP giúp giải quyết vấn đề đồng bộ giữa tài liệu thiết kế và implementation thực tế. Khi kết hợp cả hai, DESIGN.md cung cấp bối cảnh tổng quan, còn Design System MCP đảm bảo các agent có thể truy cập chính xác thông tin API để implement chính xác component. Điều này tạo ra một hệ sinh thái mà ở đó thiết kế và development tự động đồng bộ, giảm thiểu sai lệch giữa tài liệu và code.

Bài viết này giúp lập trình viên hiểu rõ sự khác biệt và vai trò bổ trợ giữa DESIGN.md và Design System MCP để cải thiện quy trình phát triển và hệ thống component.

This is a modern motherfucking website

Bối cảnh là sự phức tạp ngày càng tăng của các website hiện đại với nhiều thành phần phụ …

How Do We Write About AI in Web Development?

Thị trường công nghệ đang chứng kiến sự bùng nổ của AI trong web development với các framework như Next.js, Remix và Astro áp dụng các tính năng AI. Rào cản chính nằm ở việc AI đang thay đổi quá nhanh, khiến các lập trình viên khó theo kịp và mô tả chính xác tác động của nó. Hệ quả là nhiều bài viết trở nên lỗi thời chỉ sau vài tháng do sự phát triển chóng mặt của các công cụ AI như GitHub Copilot và ChatGPT. Đáng học hỏi là cách tiếp cận chia sẻ trải nghiệm thực tế thay vì dự đoán, giúp cộng đồng có cái nhìn đa chiều về AI và sự thích ứng trong ngành công nghệ.

Bài viết này giúp bạn hiểu cách tiếp cận và viết về tác động của AI đến lĩnh vực phát triển web một cách hiệu quả.