Bạn đang để ý một trang web có phông chữ và màu sắc nổi bật và muốn áp dụng cho trang web cá nhân của mình. Hiện nay, việc tìm ra loại phông chữ và màu sắc trang web có thể thực hiện dễ dàng thông qua tiện ích mở rộng.

Với Brandfetch, bạn có thể thực hiện nhiều điều hơn thế. Tiện ích sẽ trích xuất nhiều thành phần trang web (logo, ảnh bìa, mã màu, phông chữ, liên kết mạng xã hội) để bạn truy cập hay lưu về máy.

Brandfetch là tiện ích mở rộng miễn phí nhưng để sử dụng thì hơi khá nhiêu khê (chỉ lần đầu thôi).

Bước 1: Brandfetch hỗ trợ trình duyệt Chrome và Firefox. Bạn vào đây hay liên kết bên dưới để cài đặt.

• Chrome.
• Firefox.

Bước 2: Cài đặt xong, bạn bấm biểu tượng Brandfetch trên thanh công cụ trình duyệt > bấm your account.

Trong trang web mở ra, bạn nhập địa chỉ email vào hộp trống > bấm Get Access. Brandfetch sẽ gửi đến hộp thư một email, bạn bấm vào liên kết Log in to get your token để lấy mã truy cập.

• Trong trang web mở ra, bạn sao chép đoạn mã.
• Bấm biểu tượng Brandfetch và dán vào hộp trống > bấm Get Access.

(Nếu bạn không lấy được mã, thì mở liên kết trong chế đệ duyệt web thông thường).

Bước 3: Bây giờ, bạn có thể sử dụng Brandfetch.

– Mở trang web mong muốn.

– Bấm vào biểu tượng Brandfetch.

– Tiện ích sẽ hiển thị.

• Ảnh logo.
• Ảnh bìa.
• Màu sắc trang web sử dụng.
• Tên phông chữ trang web sử dụng.
• Liên kết truy cập tài khoản trang web trên YouTube, Facebook, Twitter,…

Với hình ảnh, bạn có thể tải về máy bằng cách bấm vào. Còn để lấy mã màu thì bạn cũng bấm vào màu sắc đó.

Lưu ý:

• Brandfetch không hỗ trợ phân tách 100% trang web.
• Mỗi tháng Brandfetch chỉ cho phép bạn yêu cầu lấy mã tury cập tối đa 150 lần.

Thêm một số tính năng hữu ích của Brandfetch

Bên cạnh những thành phần cơ bản, Brandfetch còn cung cấp nhiều tính năng thú vị khác mà có thể bạn chưa biết đến:

• Truy xuất thông tin SVG: Nếu bạn cần logo với định dạng chất lượng cao, Brandfetch hỗ trợ tải về logo dưới định dạng SVG, giúp giữ nguyên độ nét khi phóng đại.
• Tích hợp nhanh chóng: Brandfetch có thể tích hợp dễ dàng với các công cụ quản lý màu sắc và tạo hình ảnh để bạn có thể sử dụng ngay mà không phải chuyển đổi định dạng.
• Khả năng theo dõi thương hiệu: Brandfetch cho phép bạn theo dõi các chỉnh sửa thương hiệu của trang web, giúp bạn biết khi nào thương hiệu của đối thủ có thay đổi trong thiết kế.
• Hỗ trợ nhiều ngôn ngữ: Tiện ích hỗ trợ nhiều ngôn ngữ khác nhau, giúp người dùng từ các quốc gia khác nhau dễ dàng sử dụng hơn.

Những tính năng này sẽ giúp bạn không chỉ tìm ra thành phần thiết kế của website mà còn nâng cao khả năng thiết kế của chính bạn.

Lời khuyên khi sử dụng Brandfetch

Khi sử dụng Brandfetch, hãy lưu ý một số điều sau để tối ưu hóa trải nghiệm:

• Chỉ sử dụng Brandfetch cho các trang web bạn có quyền truy cập – Tránh việc sử dụng cho các trang web thương hiệu đã đăng ký mà bạn không có quyền pháp lý.
• Thường xuyên kiểm tra các bản cập nhật của tiện ích – Các nhà phát triển thường xuyên cải tiến tính năng và sửa lỗi.
• Khám phá các plugin hỗ trợ khác – Có nhiều tiện ích mở rộng cũng giúp bạn trong việc phân tích và thiết kế web một cách hiệu quả hơn.

Cuối cùng, việc nắm rõ cách sử dụng Brandfetch một cách hiệu quả sẽ giúp bạn tiết kiệm thời gian và nâng cao tính sáng tạo trong thiết kế của mình.

Bài viết này sẽ hướng dẫn bạn cách xem nguồn trang web trên iPhone rất đơn giản bằng cách tải thêm một tiện ích hoàn toàn miễn phí có tên là View Source của tác giả Roman Tomjak. Bạn có thể tải ứng dụng miễn phí tại đây.

Sau khi cài đặt và chạy ứng dụng, giao diện sẽ tương tự như trình duyệt. Bạn gõ vào địa chỉ trang web để xem mã nguồn trang web đó.

Tuy nhiên vấn đề đặt ra là bạn không thể duyệt web theo cách này được, ví dụ bạn muốn view source một trang con thì sao. Ngoài việc bạn cần phải copy chính xác địa chỉ URL để dán vào ứng dụng này bạn còn có thể dùng giải pháp sau:

Bước 1: Vào trình duyệt Safari, duyệt đến trang web bạn muốn xem mã nguồn HTML.

Bước 2: Bấm vào nút Share ở giữa phía dưới màn hình.

Bước 3: Tìm mục View Source > bấm vào mục này.

Lúc này ứng dụng View Source sẽ được bật lên với phần source code được hiển thị. Tiện lợi hơn!

Thêm một số ứng dụng hữu ích khác

Ngoài ứng dụng View Source mà chúng tôi đã giới thiệu, còn rất nhiều ứng dụng khác cũng hỗ trợ việc xem mã nguồn trang web trên iPhone. Chẳng hạn, bạn có thể thử ứng dụng HTML Viewer Q hoặc Web Inspector. Chúng đều cung cấp giao diện dễ dùng và tính năng xem mã nguồn hoàn chỉnh.

Kiểm tra các yếu tố khác của trang web

Nếu bạn muốn biết thêm về hiệu suất trang web hoặc SEO, bạn có thể tham khảo ứng dụng Web Vitals. Ứng dụng này không chỉ cho phép bạn xem mã nguồn mà còn đánh giá hiệu suất trang web, tốc độ tải trang và nhiều thông tin hữu ích khác cho người thiết kế web.

Chú ý về bảo mật

Khi xem mã nguồn trang web, bạn nên luôn đảm bảo rằng mình đang làm việc trên những trang web đáng tin cậy để tránh các rủi ro về bảo mật. Hãy chú ý đến việc không tiết lộ thông tin nhạy cảm khi sử dụng các công cụ trên các trang không rõ nguồn gốc.

Thực hành thường xuyên để nâng cao kỹ năng

Cuối cùng, để ngày càng nâng cao kỹ năng thiết kế web của bạn, hãy thực hành thường xuyên. Việc xem mã nguồn không chỉ giúp bạn hiểu cấu trúc của một trang web mà còn là cơ hội để học hỏi từ các trang web khác nhau.

Hy vọng những thông tin bổ sung này sẽ giúp bạn có cái nhìn tổng quát hơn về việc xem mã nguồn trên iPhone và phát triển kỹ năng thiết kế web của mình!