Про корпоративному стилі компанії Google - Material Design - вже згадувалося на сторінках сайтах: що це за стиль і чому пошуковий гігант вирішив поступово переводити на нього свої продукти, можна прочитати в першому розділі статті про впровадження Material Design в інтерфейс браузера Chrome, на той момент ще одягненого в старий дизайн. На Material Design незабаром буде переведений і один з найбільших проектів Google - відеохостинг YouTube. Новий стиль інтерфейсу вже може протестувати будь-який бажаючий, правда, на сайті самого відеохостингу годі й шукати помітною кнопки перемикання на Material Design. Включати нове оформлення для YouTube необхідно в кожному окремому браузері за допомогою консолі інструментів розробника.
Нижче розглянемо специфіку включення нового стилю YouTube для браузерів на базі двигунів Blink і Gecko, але перш наведемо загальний алгоритм дій:
- Відкриття консолі інструментів розробника в браузері,
- Введення в вікно консолі команди:
document.cookie = "PREF =f6 = 4;path = /;domain =.youtube.com ";
- Закриття консолі і оновлення сторінки YouTube.
Google Chrome і його клони
Щоб включити новий стиль YouTube в Google Chrome, Opera, яндекс.браузер і інших браузерах на базі движка Blink, будучи на сторінці відеохостингу, відкриваємо панель інструментів розробника - або за допомогою контекстного меню (опції "Переглянути код", "Переглянути код елементу" і т.п.), або гарячими клавішами Ctrl + Shift + C, Ctrl + Shift + I або F12 (в залежності від браузера). На панелі інструментів розробника перемикається на вкладку "Console" і в поле для введення значень вставляємо зазначену вище команду. Тиснемо Enter. Про успішне застосування команди буде свідчити значення, яке з'явиться після введення команди, як відображено на скріншоті нижче.
1Далі закриваємо консоль і оновлюємо сторінку YouTube.
Mozilla Firefox і його клони
Щоб побачити новий стиль інтерфейсу YouTube у вікні Mozilla Firefox та інших браузерах - послідовників движка Gecko, на будь-який з сторінок YouTube відкриваємо панель інструментів розробника - або за допомогою контекстного меню (опція "Дослідити елемент"), або гарячими клавішами Ctrl + Shift + K. Панель інструментів розробника відкриється на потрібній вкладці "Консоль", але для введення в її поле даних перш буде потрібно підтвердження про прочитання настанов від розробників браузера. Вводимо фразу "дозволити вставку".
2Після цього введення даних в консоль розблокується, і можна буде ввести зазначену в загальному алгоритмі дій команду і натиснути Enter. І тут також про успішне застосування команди буде свідчити значення, як на скріншоті, нижче самої команди.
3Закриваємо консоль і оновлюємо YouTube.
Новий дизайн YouTube: особливості
Після впровадження нового стилю виявимо більший чіткий шрифт, перемальовані іконки,
4а також кілька поліпшений дизайн головних сторінок YouTube-каналів. Ніяких кардинальних змін в YouTube немає: нововведення торкнулися тільки стилю оформлення, але не організації відеохостингу. Хіба що з місця на місце перенесені окремі опції. Наприклад, ті опції, що раніше були в підвалі сайту, тепер знаходяться на розкривається панелі зліва. Центральна ж частина вікна відеохостингу відтепер являє собою нескінченну стрічку відеороликів. Неавторизований YouTube буде містити додаткове меню, де, зокрема, можна активувати нічний режим - темну тему оформлення відеохостингу.
5Після авторизації в YouTube вміст цього меню переміститься до числа опцій меню, що викликається на аватарке користувача. Серед нових опцій YouTube, до речі, і можливість повернення старого дизайну відеохостингу, якщо новий Material Design чимось не сподобався.
6Відмінного Вам дня!