Простенька листівка на html та css допоможе креативно привітати зі святом і потренуватися у створенні div та редагуванні стилів
Архіви за рік: 2024
Тестування, то дуже захоплюючий, хоч і не простий процес! У цьому уроці ви навчитеся читати чужий код і виправляти в ньому помилки.
Вітаю! На цьому занятті ми наповну випробуємо гнучкість властивості display flex і створимо свій плейліст. А ще трохи згадаємо про об’єкти та створимо елементи сторінки за допомогою javascript. Тож готуйте навушники і свої найулюбленіші треки. Ми починаємо! Display flex Властивість display: flex дозволяє розташувати елементи так, щоб вони вигідно заповнювали простір сторінки. […]
Сьогодні ми будемо на стилі з CSS, бо почнемо занурюватися у магію стилів наших сторінок. Просто HTML додавати не так цікаво, тепер ми будемо створювати гарненькі сторінки і допоможуть нам ні що інше, як стилі CSS! Без стилів CSS елементи розташовуються одне за одним і сайт виходить малопривабливим. Подивіться на […]
Сьогодні ми познайомимося зі scroll і створимо сторінку презентацію. Сторінка може бути на будь-яку тему. Такий дизайн гарно підходить для титульної сторінки, а також для односторінкових сайтів. Наприкінці цього уроку, наша сторінка може виглядати приблизно так : Отож не гаймо часу і до справи ! Прикольний приклад сайту зі Scroll […]
Створіть свою загадку, використовуючи тег div! Тег div – супермега важливий інструмент, який є чи не в кожному сучасному сайті! Тож сьогодні ми будемо з них знайомитися, а заразом створимо сторінку з загадками! Для початку пару загадок для вас: Всі загадки розгадали ? А давайте тепер створимо свою! Тег div […]
Об’єкти у JavaScript нерідко використовуються для збереження складних структур даних. Це можуть бути дані з бази даних, сторонніх сервісів чи сайтів. Сьогодні ми створимо невеличке демо вітрини інтернет-магазину і розберемося, як такі об’єкти працюють. Об’єкти Об’єкти використовуються для зберігання колекцій різних значень і складніших сутностей. JavaScript об’єкти використовуються дуже часто, […]
Robot 2.0 На цьому заннятті ми створимо власного робота і дізнаємося, чому позиція елементів (position) така важлива у CSS. Поговоримо про роботів Як вам ідея такого маленького помічника ? А про яких роботів ви ще чули ? Що вміють робити сучасні роботи ? Трошки про position position:static; Це позиція за […]