Тъй като софтуерът се придвижва от работния плот в облака, прекарваме повече и повече време в уеб браузърите, като използваме всички видове уеб приложения и услуги. Гледането на едни и същи уеб сайтове всеки ден може да се скучно много бързо. Знаете ли, че можете да промените външния вид на всеки отделен сайт, който посещавате?

Стилната е популярна и невероятно мощна добавка за Firefox (и Chrome!), Която ви позволява да променяте начина, по който изглеждат различни уебсайтове в браузъра ви. Разбира се, стилната не променя уебсайтовете директно на техните сървъри, нито оказва влияние върху начина, по който те гледат към другите потребители; модификациите се прилагат само локално. Те са написани в CSS и функционират много подобно на концепцията за кожи за настолни приложения.

Стилни "кожи" се наричат ​​стилове на потребителите и буквално хиляди от тях са достъпни безплатно на официалния уебсайт на Userstyles.org. Също така е възможно да напишете свой собствен стил и това не е много трудно.

Как изглежда стилната работа?

Можете да инсталирате Стилен като всяка друга добавка за Firefox: от официалния уебсайт на добавките или от страницата about:addons като кликнете върху раздела "Получаване на добавки". Стилен създава икона на лентата с инструменти и менюто е достъпно, като кликнете върху нея. Всички стилове на потребител, които сте инсталирали или създали, са в раздела "Стилове на потребителите" на страницата "Добавки".

Тук можете да редактирате и временно да ги деактивирате или да ги премахнете напълно. Firefox ще ви уведоми, когато намери актуализация за стиловете ви, тъй като може да направи това автоматично за тези, които са инсталирани от Userstyles.org. Ако искате да създадете собствени стилове, опциите за това се намират в стилно меню.

Тъй като потребителските стилове са части от CSS, те могат да повлияят само върху елементите на интерфейса, които CSS позволява; а именно шрифтове, цветове, прозрачност, изображения и подреждане на елементи на уеб страница. Преди да напишете първия си Стилен скрипт, може би е добре да се запознаете с видовете стилове, поддържани от Стилен.

Видове потребителски стилове

Има три вида потребителски стилове: App, Global и Site.

  • Стиловете на приложенията променят външния вид на самия Firefox; докато те не са толкова универсални като темите на Firefox, можете да ги използвате, за да промените вида на празните раздели и разделите за бързо набиране, да персонализирате началната страница, да промените цвета и размера на превъртащите ленти и няколко други елемента на прозореца на браузъра.
  • Глобалните стилове засягат всички уебсайтове, които посещавате от браузъра, в който са инсталирани. Те обикновено променят шрифтове, променят цветовете на текста и фона или трансформират курсора.
  • Стилове на сайтове са най-популярни и се отнасят за отделни уебсайтове, конкретни URL адреси, домейни или поддомейни. Промените варират от прости настройки на шрифта и цветовете до цялостна ревизия. Стилата на сайтове често се използват от носталгични хора, които "мразят" новия дизайн на YouTube или Facebook, но са полезни и за скриване на реклами, бутони за социални медии и наслагвания.

Кликването върху опцията "Напиши нов стил" в Стилно меню отваря редактора. Има два режима за редактиране: Орион (на снимката по-долу) и по подразбиране, които могат да се активират чрез промяна на стойността на extensions.stylish.editor на 1 about:config .

Всеки потребителски стил започва с декларацията @namespace, последвана от url(http://www.website.com);, Специфичните за сайта стилове също съдържат правило @ -moz-document, което може да отнеме един от четирите вида ( url, url-prefix, domain, regexp ), в зависимост от това дали искате да повлияете на всички URL адреси в даден домейн или само на посочения, Когато определяте URL адреси, не можете да използвате заместващи символи (например не можете да пишете domain(*.website.com) ), но са разрешени регулярни изрази със заместващи символи. Стилната страница на wiki на GitHub предлага повече информация за настройването на потребителски стил.

За да определите кои елементи от даден уеб сайт да се включват в стила на потребителя, можете да разчитате на инструментите за уеб разработчици на Firefox; по-конкретно инспекторът, до който влизате, като натиснете "Ctrl + Shift + C". В конзолата, която се отваря в долната част на прозореца, можете да изберете различни елементи от уебсайт, да проверите имената им и да копирате необходимия код в потребителския стил в раздела "Редактор".

Освен ако не искате да промените нещо наистина конкретно или да приложите стил на някой неясен уебсайт, има шанс да намерите точния стил, който търсите, в колекцията Userstyles.org. Техните стилове покриват най-популярните социални медийни уеб сайтове, новинарски портали и уеб приложения. Въпреки че има няколко болезнено лоши екземпляри (предимно в категорията Tumblr), повечето потребителски стилове са красиви, напълно функционални и често се актуализират. Ето няколко препоръки, за да започнете.

Стилове на приложението

Обикновена начална страница - персонализирано about:home стил с опционално анимирано лого.

Оцветяване на бутоните за Firefox - привлича някои цветове в новото меню на Firefox.

Firefox Панорама метро - прави вашите Firefox раздели в Panorama (Всички Tabs) изглед изглеждат като Metro UI плочки от Windows 8.

Също така изпробвайте Small Tabs на Australis, ако искате да промените формата и размера на раздели в лентата на раздели.

Глобални стилове

Global Dark Style - прави всички уеб сайтове тъмни, така че те ще се поберат добре с вашата тъмна тема на Firefox или десктоп. По същия начин, глобалният размер на шрифта принуждава всички уебсайтове да се придържат към настройките на шрифтовете на бра

Стилове на сайта

Перфектна Тема на Facebook - един от многото фантастични facelifts на Facebook, достъпни на Userstyles.org.

Минималните Twitter и Tweetdeck Metro Light дават най-доброто от материалите за дизайн и метрото до любимите ви уеб приложения.

Други социални медии:
Reddit Revamped - минималистичен редизайн на Reddit, който го прави по-малко затрупан и по-приятен за четене.

Tumblr, The Old Design - за всички потребители на Tumblr, недоволни от новия облик.

Помниш ли Goodreads и старомодното му чувство? Goodreads Personalized го прави много по-модерен.

За по-добра четливост на Wikipedia, опитайте Wikipedia Minimalistic и Wikipedia Readable Hyphenation.

С Trello Clear и Trello Ultimate Flat нямате нужда от версия Pro, за да персонализирате любимите си приложения за производителност.

Не на последно място, с Стилен можете да направите Gmail и Google Търсене да изглеждат като Outlook:

Харесва ли ви да персонализирате уеб браузъра си? Опитали ли сте Стилен? Уведомете ни за други готини и полезни Стилни скриптове в коментарите.