html5 (25)

HTML5 атрибут "download"

Атрибут завантаження - спосіб сказати браузеру, що лінк посилається на завантаження файлу, це може бути медіа-файл або PDF документ або веб-сторінка і т.д. Це те, що ви використовували, щоб мати справу з серверним кодом. Наприклад, ви будете посилати...

Codeguida · 01 червня 2021 · 10

HTML5 елемент “time”

До HTML5 ми не було елемента, щоб мати можливість помічати дати або часу. В останні роки, багато хто намагався вигадати альтернативні способи помічати дату та час, але навіщо? У цій статті ми поговоримо про HTML5 елемент <time>, який є рішенням цієї...

Codeguida · 10 жовтня 2021 · 5

Пишемо слайдер для порівняння зображень

При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Якщо ви переглянете сторінку Sony Ultra HD TV, ви по...

Codeguida · 23 лютого 2021 · 7

HTML5: більше гнучкості в формах

Форми стали більш універсальним з HTML5. Вхідний елемент тепер має можливість містити адреси електронної пошти та дати, а також маркувати поля введення в якості обов'язкового, заповнювати їх вмістом. Більше це не відноситься до JavaScript. І це лише...

Codeguida · 26 квітня 2020 · 1

Як створити форму валідації в HTML5?

Коли ви збираєте інформацію від людей через форму вводу даних, застосування перевірок є важливим аспектом. Недотримання цього правила може призвести до втрати клієнтів, засмічення БД або навіть експлойтів. Історично склалося, що побудова перевірки фо...

Codeguida · 25 лютого 2021 · 76

Порівняння Qt та HTML5

Австралійська компанія Sequality провела цікавий експеримент: один і той самий працівник витратив однакову кількість часу (по 160 годин) на розробку двох варіантів програми за одним і тим самим завданням. Відмінність полягала у виборі технологій: в о...

Codeguida · 08 серпня 2017 · 4

Як створити простий Drag and Drop компонент

Функція перетягування з HTML 5 може оптимізувати Ваш сайт за допомогою більш динамічних інтерактивних елементів, які, без сумніву, сподобаються Вашим користувачам . HTML 5 став важливим аспектом у веб-розробці, особливо у створенні високотворчих та і...

Codeguida · 03 серпня 2021 · 192

HTML5 File API

Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...

Codeguida · 12 грудня 2021 · 10

Відео на фоні з CoverVid

Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...

Codeguida · 06 листопада 2021 · 2

Створюємо чуйні сайти з допомогою Foundation

Відкрийте для себе нові можливості Foundation 5, які допоможуть вам з легкістю створювати чуйні сайти. Як випливає з назви, Foundation допомагає закласти основу для створення чуйного сайту. Це легкий фреймворк, який містить найсучасніші рішення для ш...

Codeguida · 16 червня 2021 · 47

Знайомство з новим елементом HTML5 - <main>

Коли останнього разу ми отримували новий елемент? HTML5 представила лише дев'ять нових структурних тегів, і вони є стабільними вже протягом декількох років: section, article, aside, hgroup, header, footer, nav, figure і figcaption. Є ще близько 20 ко...

Codeguida · 3 роки тому · 4

HTML5 Video: фрагменти, субтитри та динамічні мініатюри-кадри

Розробникам веб-додатків, яким потрібно більш гнучко керувати онлайн-відео, буде цікаво дізнатися про деякі маловідомі, рідко обговорювані особливості роботи з відео в HTML5. Медіа-фрагменти Медіа-фрагменти -- інструмент, рекомендований до використан...

Codeguida · 28 листопада 2021 · 3