Сьогодні ми розглянемо деякі зміни, які відбулися в інтерфейсі онлайн редактора Practice. Станом на поточний момент актуальною прошу вважати версію 1.3.0.1, яка розміщена на хостингу. Ці зміни стосуються кнопок головного меню редактора. З метою оптимізації простору меню редактора Practice було прийняте рішення згрупувати кнопки тегів відповідно категорій.
Таке групування дозволило заощадити простір меню редактора Practice для додавання у майбутньому нових тегів, чи елементів меню.
Давайте розглянемо основну логіку представлення меню.
Категорії кнопок меню.
Кнопки категорій HTML тегів.
 |
| Кнопки категорій HTML тегів |
Кнопки категорій HTML тегів розміщені у верхній частині блоку меню і містять 9 категорій.
- Структурні
- Мета
- Семантичні
- Зразки
- Форматування
- Списки
- Медіа
- Інтерактивні
- Таблиця
Кнопки CSS атрибутів.
 |
| Кнопки CSS атрибутів |
Кнопки CSS атрибутів у кількості 6 штук розміщені нижче рядів кнопок категорій HTML тегів.
- Межі CSS
- Зовнішні поля CSS
- Внутрішні поля CSS
- Фон CSS
- Колір CSS
- Текст CSS
Кольори кнопок меню.
 |
| Різні кольори кнопок меню онлайн редактора Practice |
Ви мабуть вже звернули увагу на різні кольори кнопок меню онлайн редактора Practice і таке забарвлення зовсім не випадкове і має певний сенс.
Кнопки категорій HTML тегів і CSS атрибутів мають зелений колір - це означає, що вони можуть розкриватися.
Групи кнопок, які входять до категорії HTML тегів або CSS атрибутів зафарбовані голубим кольором.
Як працюють кнопки категорій HTML тегів і CSS атрибутів.
При натисканні на кнопку зеленого кольору, вона розкривається в праву сторону і стають видимими кнопки голубого кольору, за допомогою, яких можна безпосередньо додавати теги чи атрибути в робоче вікно редактора Practice (дивіться на малюнок вище.).
При повторному натисканні на кнопку зеленого кольору, кнопки синього кольору будуть ховатися.
Якщо Вам сподобалася публікація і Ви вважаєте її корисною для інших, будь ласка поділіться нею у соціальних мережах за допомогою кнопок, розміщених нижче та підпишіться на блог, щоб першими отримувати нові публікації про україномовний онлайн-редактор для вивчення основ WEB-розробки.
Буду вдячний за коментарі до публікації, будь ласка пишіть Ваші враження і пропозиції в коментарях, залишайте питання, якщо якісь моменти з публікації Вам залишилися не зрозумілими!
З повагою, Юрій Чернієвський!
Буду вдячний за коментарі до публікації, будь ласка пишіть Ваші враження і пропозиції в коментарях, залишайте питання, якщо якісь моменти з публікації Вам залишилися не зрозумілими!
З повагою, Юрій Чернієвський!
0 Коментарів Підписатися на цей блог