Khi phần mềm di chuyển từ máy tính để bàn sang đám mây, chúng tôi dành nhiều thời gian hơn cho trình duyệt web, sử dụng tất cả các loại ứng dụng và dịch vụ web. Nhìn vào cùng một trang web mỗi ngày có thể nhận được nhàm chán thực sự nhanh chóng. Bạn có biết rằng bạn có thể thay đổi giao diện của mỗi trang web bạn truy cập không?

Phong cách là một add-on phổ biến và đáng kinh ngạc mạnh mẽ cho Firefox (và Chrome!) Cho phép bạn sửa đổi các trang web khác nhau trông như thế nào trong trình duyệt của bạn. Tất nhiên, Stylish không thay đổi các trang web trực tiếp trên máy chủ của họ, cũng như không ảnh hưởng đến cách họ nhìn vào người dùng khác; các sửa đổi chỉ áp dụng tại địa phương. Chúng được viết bằng CSS và chức năng giống như khái niệm về giao diện cho các ứng dụng máy tính để bàn.

Phong cách "da" được gọi là phong cách người dùng, và nghĩa là hàng ngàn người trong số họ có sẵn miễn phí trên trang web chính thức Userstyles.org. Tuy nhiên, nó cũng có thể viết phong cách của riêng bạn, và nó không phải là quá khó khăn.

Phong cách làm việc như thế nào?

Bạn có thể cài đặt Stylish giống như bất kỳ tiện ích bổ sung nào khác của Firefox: từ trang web tiện ích chính thức hoặc từ trang about:addons bằng cách nhấp vào tab "Thêm tiện ích". Stylish tạo biểu tượng trên thanh công cụ và menu có thể truy cập được bằng cách nhấp vào biểu tượng đó. Tất cả các kiểu người dùng bạn đã cài đặt hoặc tạo đều nằm trong tab “Kiểu người dùng” trên trang Tiện ích bổ sung.

Tại đây bạn có thể chỉnh sửa và tạm thời vô hiệu hóa chúng hoặc xóa chúng hoàn toàn. Firefox sẽ thông báo cho bạn khi nó tìm thấy bản cập nhật cho kiểu của bạn vì nó có thể tự động thực hiện việc này cho những người đã được cài đặt từ Userstyles.org. Nếu bạn muốn tạo kiểu của riêng mình, các tùy chọn cho các kiểu đó nằm trong menu Kiểu.

Vì kiểu người dùng là các phần của CSS, chúng chỉ có thể ảnh hưởng đến các phần tử của giao diện mà CSS cho phép; cụ thể là, phông chữ, màu sắc, độ trong suốt, hình ảnh và sắp xếp các yếu tố trên trang web. Trước khi viết kịch bản thời trang đầu tiên của bạn, nó có thể là một ý tưởng tốt để làm quen với các loại phong cách được hỗ trợ bởi phong cách.

Các loại kiểu người dùng

Có ba loại kiểu người dùng: Ứng dụng, Toàn cầu và Trang web.

  • Kiểu ứng dụng sửa đổi giao diện của Firefox; trong khi chúng không đa dạng như chủ đề Firefox, bạn có thể sử dụng chúng để thay đổi giao diện của tab trống và tab quay số nhanh, cá nhân hóa trang bắt đầu, sửa đổi màu sắc và kích thước thanh cuộn và một vài thành phần khác của cửa sổ trình duyệt.
  • Kiểu toàn cầu ảnh hưởng đến tất cả các trang web bạn truy cập từ trình duyệt mà chúng được cài đặt. Chúng thường thay đổi phông chữ, sửa đổi màu văn bản và màu nền hoặc biến con trỏ của bạn.
  • Kiểu trang web phổ biến nhất và chúng áp dụng cho các trang web riêng lẻ, URL cụ thể, tên miền hoặc tên miền phụ. Những thay đổi bao gồm từ điều chỉnh phông chữ và màu sắc đơn giản để hoàn thành việc sửa chữa cái nhìn và cảm giác. Phong cách trang web thường được sử dụng bởi những người hoài niệm "ghét" thiết kế lại YouTube hoặc Facebook mới, nhưng chúng cũng hữu ích cho việc ẩn quảng cáo, nút truyền thông xã hội và lớp phủ.

Nhấp vào tùy chọn “Viết kiểu mới” trong menu Phong cách sẽ mở trình chỉnh sửa. Có hai chế độ chỉnh sửa: Orion (hình bên dưới) và mặc định, có thể được kích hoạt bằng cách thay đổi giá trị extensions.stylish.editor thành 1 trong about:config .

Mỗi kiểu người dùng bắt đầu với khai báo @namespace, theo sau là url(http://www.website.com); . Kiểu trang web cụ thể cũng chứa quy tắc @ -oz-document, có thể mất một trong bốn loại ( url, url-prefix, domain, regexp ), tùy thuộc vào việc bạn muốn ảnh hưởng đến tất cả các URL trên miền hay chỉ một URL được chỉ định . Khi xác định URL, bạn không thể sử dụng các ký tự đại diện (ví dụ: bạn không thể viết domain(*.website.com) ), nhưng các biểu thức chính quy có ký tự đại diện được cho phép. Trang wiki phong cách trên GitHub cung cấp thêm thông tin về cách thiết lập kiểu người dùng.

Để xác định yếu tố nào của trang web để đưa vào kiểu người dùng, bạn có thể dựa vào các công cụ của Nhà phát triển web Firefox; cụ thể hơn, Thanh tra bạn truy cập bằng cách nhấn “Ctrl + Shift + C”. Trong giao diện điều khiển mở ở cuối cửa sổ, bạn có thể chọn các phần tử khác nhau của trang web, kiểm tra tên của chúng và sao chép mã cần thiết vào kiểu người dùng của bạn trong tab trình chỉnh sửa.

Trừ khi bạn muốn sửa đổi một cái gì đó thực sự cụ thể hoặc áp dụng một phong cách cho một số trang web tối nghĩa, có một cơ hội tốt bạn sẽ tìm thấy phong cách chính xác bạn đang tìm kiếm trong bộ sưu tập Userstyles.org. Phong cách của họ bao gồm các trang web truyền thông xã hội phổ biến nhất, cổng tin tức và ứng dụng web. Mặc dù có một vài mẫu vật đau đớn xấu (chủ yếu trong danh mục Tumblr), hầu hết các kiểu người dùng đều đẹp, hoàn toàn chức năng và thường được cập nhật. Dưới đây là một vài đề xuất để giúp bạn bắt đầu.

Kiểu ứng dụng

Trang bắt đầu đơn giản - một tùy chỉnh about:home phong cách about:home với biểu tượng hoạt hình tùy chọn.

Colorize Firefox Buttons - đưa một số màu sắc vào menu Firefox mới.

Firefox Panorama Metro - làm cho các tab Firefox của bạn trong chế độ xem Toàn cảnh (Tất cả các tab) trông giống như các ô UI UI từ Windows 8.

Ngoài ra hãy thử Australis Rounded Small Tabs nếu bạn muốn thay đổi hình dạng và kích thước của các tab trong Tab Bar.

Kiểu toàn cầu

Global Dark Style - làm cho tất cả các trang web tối để chúng sẽ phù hợp tốt với chủ đề Firefox hoặc máy tính để bàn tối của bạn. Tương tự, Kích thước phông chữ chung buộc tất cả các trang web phải tuân theo cài đặt phông chữ trình duyệt của bạn.

Kiểu trang

Perfect Facebook Theme - một trong nhiều facelifts Facebook tuyệt vời có sẵn trên Userstyles.org.

Tối thiểu Twitter và Tweetdeck Metro Light mang đến thiết kế Material Design và giao diện người dùng Metro tốt nhất cho các ứng dụng web ưa thích của bạn.

Phương tiện truyền thông xã hội khác:
Reddit Revamped - một thiết kế lại nhỏ gọn của Reddit làm cho nó ít lộn xộn và dễ chịu hơn để đọc.

Tumblr, Thiết kế cũ - cho tất cả người dùng Tumblr không hài lòng về giao diện mới.

Hãy nhớ Goodreads và sự rung cảm kiểu cũ của nó? Goodreads Cá nhân hóa làm cho nó trông hiện đại hơn nhiều.

Để cải thiện khả năng đọc trên Wikipedia, hãy thử Từ điển Tối giản Wikipedia và Wikipedia có thể đọc được.

Với Trello Clear và Trello Ultimate Flat, bạn không cần phiên bản Pro để tùy chỉnh ứng dụng năng suất yêu thích của mình.

Cuối cùng nhưng không kém phần quan trọng, với Phong cách, bạn có thể làm cho Gmail và Google Tìm kiếm trông giống như Outlook:

Bạn có thích tùy biến trình duyệt web của mình không? Bạn đã thử phong cách chưa? Hãy cho chúng tôi biết về các kịch bản phong cách thú vị và hữu ích khác trong các nhận xét.