html5
(25)
HTML5 File API
Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...
Codeguida · 12 December 2021 · 4
HTML5 Video: фрагменти, субтитри та динамічні мініатюри-кадри
Розробникам веб-додатків, яким потрібно більш гнучко керувати онлайн-відео, буде цікаво дізнатися про деякі маловідомі, рідко обговорювані особливості роботи з відео в HTML5. Медіа-фрагменти Медіа-фрагменти -- інструмент, рекомендований до використан...
Codeguida · 28 November 2021 · 1
Відео на фоні з CoverVid
Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ файл до вашої javascript теки та завантажте його післ...
Codeguida · 06 November 2021 · 1
HTML5 елемент “time”
До HTML5 ми не було елемента, щоб мати можливість помічати дати або часу. В останні роки, багато хто намагався вигадати альтернативні способи помічати дату та час, але навіщо? У цій статті ми поговоримо про HTML5 елемент <time>, який є рішенням цієї...
Codeguida · 10 October 2021 · 1
Як створити простий Drag and Drop компонент
Функція перетягування з HTML 5 може оптимізувати Ваш сайт за допомогою більш динамічних інтерактивних елементів, які, без сумніву, сподобаються Вашим користувачам . HTML 5 став важливим аспектом у веб-розробці, особливо у створенні високотворчих та і...
Codeguida · 03 August 2021 · 2
Створюємо чуйні сайти з допомогою Foundation
Відкрийте для себе нові можливості Foundation 5, які допоможуть вам з легкістю створювати чуйні сайти. Як випливає з назви, Foundation допомагає закласти основу для створення чуйного сайту. Це легкий фреймворк, який містить найсучасніші рішення для ш...
Codeguida · 16 June 2021 · 1
HTML5 атрибут "download"
Атрибут завантаження - спосіб сказати браузеру, що лінк посилається на завантаження файлу, це може бути медіа-файл або PDF документ або веб-сторінка і т.д. Це те, що ви використовували, щоб мати справу з серверним кодом. Наприклад, ви будете посилати...
Codeguida · 01 June 2021 · 3
Як створити форму валідації в HTML5?
Коли ви збираєте інформацію від людей через форму вводу даних, застосування перевірок є важливим аспектом. Недотримання цього правила може призвести до втрати клієнтів, засмічення БД або навіть експлойтів. Історично склалося, що побудова перевірки фо...
Codeguida · 25 February 2021 · 2
Пишемо слайдер для порівняння зображень
При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Якщо ви переглянете сторінку Sony Ultra HD TV, ви по...
Codeguida · 23 February 2021 · 2
Проста валідація форм з HTML5
Коли ви збираєте інформацію від людей, через форму, ви застосовуєте якісь перевірки. Недотримання цих вимог може призвести до втрати клієнтів, небажаних даних в вашій базі даних або навіть слабких місць в системі безпеки вашого сайту. Історично, ство...
Codeguida · 13 January 2021 · 16
Як зробити drop-down box за допомогою CSS3 анімації і checkbox
У цьому уроці я покажу вам, як зробити drop-down box за допомогою CSS3 анімації і checkbox хаку. Зазвичай для таких речей застосовують JQuery, але завдяки CSS3 ми можемо зробити це використовуючи властивість transition. Погляньте на демо! {full-post...
Codeguida · 21 November 2020 · 1
HTML5 Page Visibility API
Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як це, працювати тільки з однією вкладкою. Зараз кожен користувач в середньому має 10-15 відкритих вклад...
Codeguida · 31 August 2020 · 5