Bachelor's degree in applied mathematics with specialization in computer science. Informatics specialist, specialty "mathematician - programmer". Junior specialist "Cultural and educational work", conducting and choral department. Professional experience: teacher, lecturer, audio engineer, electronic engineer, web developer, MIDI developer. Ideological Approaches in HTML: Coding for True Semantics. Ideological approaches in CSS: inclusive axiomatic-semantic coding.

Простий приклад галереї на семантичних тегах – частина 2

Продовжимо доопрацювання нашого прикладу галереї, який ми почали у попередній публікації під назвою  Простий приклад галереї на семантичних тегах – частина 1. HTML код ми залишаємо без змін, а от  CSS код ми дещо вдосконалимо. Нам потрібно, щоб при наведенні курсору мишки на зображення, воно збільшувалося разом з підписом, а інші зображення навпаки зменшувалися. /* Задаємо базові стилі для всіх […]

Продовжити читання »

Аксіоматичний CSS – метод

Аксіоматичний CSS чимало експертів розглядають як методологію, або ідеологію, але потрібно відзначити, що чіткої інформації про цю методологію дуже мало і тому, я спробую прояснити це питання за допомогою власного дослідження. Отже до справи. На жаль, станом на сьогодні, не існує конкретного стандарту або методології, яку можна було б назвати “аксіоматичним CSS”. Особисто я вважаю, що термін “аксіоматичний” може вказувати […]

Продовжити читання »

Робочий метод вирівнювання в CSS Grid

Тема цієї публікації стосується вирівнювання контенту всередині пункту сітки CSS Grid. Як це можна вирішити простим методом і які методи центрування в CSS Grid не варто застосовувати ми також розглянемо на наочних прикладах. Для повного розуміння, як працює центрування в контейнері сітки, важливо спочатку зрозуміти структуру та область компонування сітки. Структура HTML контейнера grid має три рівні: контейнер пункт контент […]

Продовжити читання »

Простий приклад галереї на семантичних тегах – частина 1

Сьогодні починаємо розгляд прикладу простої галереї на семантичних HTML тегах. Сам приклад буде складатися з кількох частин. Пропонується перша частина прикладу. Галерея складається з дев’яти малюнків, розміщених сіткою, зі стилізованими підписом до кожного малюнку. Дана галерея презентується як навчальний приклад для виконання практичного завдання. Код HTML <main> <figure> <img src=”img/flamingo.png” alt=””> <figcaption>Фламінго</figcaption> </figure> <figure> <img src=”img/flamingo.png” alt=””> <figcaption>Фламінго</figcaption> </figure> <figure> <img […]

Продовжити читання »

Базові версії онлайн редактора коду Practice

У даній публікації я розповім Вам про версії онлайн редактора коду Practice, які між ними відмінності і яке їх основне призначення. Онлайн редактор коду Practice надає можливість проводити навчальні експерименти з HTML тегами, CSS селекторами та їхніми властивостями, JavaScript кодом. Онлайн редактор коду Practice можна використовувати у якості інтерактивного ігрового засобу, який сподобається учнівській аудиторії, адже він дуже простий у […]

Продовжити читання »

Foundation фреймворк – базовий шаблон

Foundation framework

Foundation асоціює себе у якості першого і найдосконалішого адаптивного інтерфейсного фреймворку у світі, який дозволяє швидко створювати прототипи та створювати сайти та програми, які працюють на будь-якому пристрої (від смартфонів до настільних комп’ютерів і телевізорів) за допомогою бібліотеки перевірених компонентів. Цей фреймворк призначений для створення інтерфейсу або клієнтської частини веб-сайту або веб-програми, включає адаптивну сітку, що повністю настроюється.  Foundation повністю […]

Продовжити читання »

Practice-FD (for developers) оновлено до версії 0.2.5 RC1-5109

Відбулося нове оновлення ядра WYSIWYG редактора коду Practice-FD, що базується на популярному редакторі TinyMCE версії 5.10.9. Окрім того, в рамках цього оновлення до базового набору іконок були додані нові іконки, такі як “bar-chart-steps”, “bootstrap”, “facebook” та “menu”, для подальшого використання в інтерфейсі програми. TinyMCE 5.10.9 було випущено у середу, 15 листопада 2023 року. TinyMCE 5.10.9 Інформація про останню версію TinyMCE […]

Продовжити читання »

HTML5 елементи <figure> та <figcaption>

HTML5 елементи та

Вітаю читачів та підписників мого блогу! Тема сьогоднішньої публікації:HTML5 елементи <figure> та <figcaption>. Це означає, що ми будемо знайомитися ще з двома дуже корисними і потрібними семантичними тегами, з їх синтаксисом, особливостями та варіантами використання, поговоримо про роль елементів <figure> та <figcaption> в забезпеченні доступності веб-сторінки і покращенні її SEO-показників. Опис елементів <figure> та <figcaption>. Елемент <figure>. Елемент <figure> є […]

Продовжити читання »