Групування кнопок за типами HTML тегів та CSS атрибутів.

Можливості онлайн редактора коду «Practice» версії 1
Відповісти
Аватар користувача
admin
Адміністратор сайту
Повідомлень: 23
З нами з: 04 грудня 2023, 16:17
Подякував : THANKS
Був подякований: THANKS
Контактна інформація:

Групування кнопок за типами HTML тегів та CSS атрибутів.

Повідомлення admin »

Онлайн редактор «Practice» версії 1 має кнопки груп тегів в головному меню. 
З метою оптимізації простору меню редактора Practice було прийняте рішення згрупувати кнопки тегів відповідно  категорій. 
Таке групування дозволило заощадити простір меню редактора Practice для додавання у майбутньому нових тегів, чи елементів меню.
Давайте розглянемо основну логіку представлення меню.
Категорії кнопок меню.
Кнопки категорій HTML тегів.
Кнопки категорій HTML тегів розміщені у верхній частині блоку меню і містять 9 категорій.
  1. Структурні
  2. Мета
  3. Семантичні
  4. Зразки
  5. Форматування
  6. Списки
  7. Медіа
  8. Інтерактивні
  9. Таблиця
Кнопки CSS атрибутів.
Кнопки CSS атрибутів у кількості 6 штук розміщені нижче рядів кнопок категорій HTML тегів.
  1. Межі CSS
  2. Зовнішні поля CSS
  3. Внутрішні поля CSS
  4. Фон CSS
  5. Колір CSS
  6. Текст CSS
Кольори кнопок меню.
Різні кольори кнопок меню онлайн редактора Practice
Ви мабуть вже звернули увагу на різні кольори кнопок меню онлайн редактора Practice і таке забарвлення зовсім не випадкове і має певний сенс.
Кнопки категорій HTML тегів і CSS атрибутів мають зелений колір - це означає, що вони можуть розкриватися.
Групи кнопок, які входять до категорії HTML тегів або CSS атрибутів зафарбовані голубим кольором.
Як працюють кнопки категорій HTML тегів і CSS атрибутів.
При натисканні на кнопку зеленого кольору, вона розкривається в праву сторону і стають видимими кнопки голубого кольору, за допомогою, яких можна безпосередньо додавати теги чи атрибути в робоче вікно редактора Practice (дивіться на малюнок вище.).
При повторному натисканні на кнопку зеленого кольору, кнопки синього кольору будуть ховатися.
З повагою - адміністратор сайту, розробник україномовного редактора «Practice» Юрій Чернієвський.
Відповісти

Повернутись до “Можливості”