html5 (25)

HTML5 File API

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

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

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

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

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

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

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

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

HTML5 елемент “time”

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

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

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

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

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

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

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

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

HTML5 атрибут "download"

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

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

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

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

Codeguida · 2 роки тому · 50

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

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

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

Проста валідація форм з HTML5

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

Codeguida · 13 січня 2021 · 148

Як зробити drop-down box за допомогою CSS3 анімації і checkbox

У цьому уроці я покажу вам, як зробити drop-down box за допомогою CSS3 анімації і checkbox хаку. Зазвичай для таких речей застосовують JQuery, але завдяки CSS3 ми можемо зробити це використовуючи властивість transition. Погляньте на демо! {full-post...

Codeguida · 21 листопада 2020 · 3

HTML5 Page Visibility API

Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як це, працювати тільки з однією вкладкою. Зараз кожен користувач в середньому має 10-15 відкритих вклад...

Codeguida · 31 серпня 2020 · 7