This script/stylesheet is for PERSONAL use only!
You are free to install this script/stylesheet for yourself, but it is not allowed to be used wiki-wide (e.g., in MediaWiki:ImportJS, MediaWiki:Common.js, MediaWiki:Common.css, MediaWiki:Fandomdesktop.js, MediaWiki:Fandomdesktop.css, or MediaWiki:FandomMobile.css), as it would violate Fandom's Terms of Use.
(See the customization policy)
PortableCSSPad призначений для спрощення тестування коду CSS. Головною особливістю скрипта є те, що він надає текстове поле для введення чи копіювання/вставки правил CSS, що негайно вплине на поточну сторінку. Це може бути використано як спосіб попереднього перегляду змін CSS перед їх публікацією, або навіть як робоче рішення для проблем з кешуванням MediaWiki:Fandomdesktop.css.
Хоча цей скрипт не є заміною інструментів розробника в браузері, він надає кілька додаткових функцій, таких як мініфікація, покращення та перевірка. Сама площадка також може змінюватись та перетягуватися.
Installation
Usage
Після встановлення скрипта, щоб відкрити панель, натисніть посилання PortableCSSPad на панелі інструментів. Сам майданчик буде виглядати схожою на малюнок, показаний праворуч. Правила CSS можна ввести або скопіювати/вставити безпосередньо в текстове поле і негайно вплинуть на поточну сторінку. Також є кілька інших функцій, доступних натисканням кнопок вгорі.
| Клавіша | Що воно робить |
|---|---|
| Important (знак оклику) | Додає !important до всіх властивостей CSS
|
| Unimportant (знак оклику з червоним колом) | Видаляє !important з усіх властивостей CSS
|
| Beautify (фіолетовий метелик) | Покращує (приємно форматує) всі CSS у текстовій області |
| Minifiy (значок ущільнення) | Зменшує (видаляє коментарі та пробіли) CSS, щоб зменшити розмір файлу |
| Validate (Логотип W3C) | Відкриває службу перевірки CS3 W3C на новій вкладці, ви можете скопіювати/вставити вміст текстової області на нову вкладку, щоб перевірити CSS. |
| On/off (зелена/червона клавіша) | Увімкнення та вимкнення функції оновлення в режимі реального часу. Коли вимкнено, правила CSS на панелі ігноруються. |
| Close (червоний X) | Closes the pad |
Інше
Перевірка
Невеликою додатковою функцією, яка відокремлена від панелі, є те, що під час перегляду будь-якої статті, назва сторінки якої закінчується на .css (наприклад, MediaWiki:Fandomdesktop.css або MediaWiki:Common.css), поруч із заголовок статті/клавіша редагування.
Натискання цього логотипу автоматично подає таблицю стилів через валідатор CS3 W3C: https://jigsaw.w3.org/css-validator/. Це може бути дуже корисним для відстеження синтаксичних помилок у таблицях стилів.
Рестайлінг WDS
Цей сценарій пропонує необов’язкову таблицю стилів модернізації, яка надає портативному CSS Pad сучасну тему Fandom.
Примітка: Буде видалено всі піктограми, крім клавіші закриття, але незабаром це буде змінено, так що всі клавіші отримають нові піктограми і знову з’являться разом із цією таблицею стилів.
Updated FDS styling
Цей скрипт пропонує вдосконалену таблицю стилів модернізації, яка має кращу специфічність, щоб її можна було завантажити перед самим PortableCSSPad, а також пропонує перероблену текстову область на додаток до більш мінімалістичного контейнера. Усі інструменти, крім клавіші увімкнення/вимкнення та клавіші закриття, були вилучені, і через їх обмежену корисність наразі не планується додавати їх назад.