html5
(25)
Phaser-сумісна гра з використанням MightyEditor
У цій статті я постараюся дати вам загальне уявлення про MightyEditor і про сам процес розробки. Туторіал покаже, як створити прототип міні-гри протягом години. Вимоги Нова версія браузера Google Chrome. Ви можете спробувати інші браузери, але на них...
Codeguida · 24 червня 2020 · 5
Знайомимось з HTML5 History API
Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали обмежений контроль над історією браузера. З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо додати запис, або змінити URL-адресу в адресному рядку б...
Codeguida · 26 липня 2020 · 14
HTML5 Page Visibility API
Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як це, працювати тільки з однією вкладкою. Зараз кожен користувач в середньому має 10-15 відкритих вклад...
Codeguida · 31 серпня 2020 · 9
Пишемо слайдер для порівняння зображень
При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Якщо ви переглянете сторінку Sony Ultra HD TV, ви по...
Codeguida · 23 лютого 2021 · 7
5 бібліотек та API для роботи з HTML5 Audio
За останні кілька місяців, я познайомився з рядом різних бібліотек для взаємодії з HTML5 Audio API (HTML5 Audio елементом) і його простим API. І тому вирішив поділитися з вами цими бібліотеками, щоб показати, який набір можливостей для роботи зі звук...
Codeguida · 05 лютого 2020 · 5
HTML5 Video: фрагменти, субтитри та динамічні мініатюри-кадри
Розробникам веб-додатків, яким потрібно більш гнучко керувати онлайн-відео, буде цікаво дізнатися про деякі маловідомі, рідко обговорювані особливості роботи з відео в HTML5. Медіа-фрагменти Медіа-фрагменти -- інструмент, рекомендований до використан...
Codeguida · 28 листопада 2021 · 3
<article> чи <section>?
Більшість розробників надають перевагу тегам div і section, та зовсім не використовють article. Чому так? Це одна з вічних таємніць веброзробки, як і «чому це white-space: nowrap, а не white-space: no-wrap» і «чому CSS "gray" темніший колір, ніж "dar...
Codeguida · 24 лютого 2020 · 33
10 HTML тегів, які ми не використовуємо
Якщо ви front-end розробник, то, без сумніву, ви використовуєте HTML і не відчуваєте брак знань. Проте, іноді ми навіть не здогадуєтесь про деякі можливості мови. Ця стаття про 10 HTML тегів, які мало хто використовує, не дивлячись на те, що вони мож...
Codeguida · 17 січня 2020 · 19
HTML5 Imports: вбудовуємо HTML документ в інший HTML
Елемент link \- дуже корисна річ. Він пропонує вам простий спосіб вставляти JavaScript і таблиці стилів в декілька HTML-документів, але, на жаль, він не дозволяє вбудовування HTML-файлів. Щоб досягти цього, ви повинні використовувати "важкий" елемен...
Codeguida · 10 березня 2020 · 122
Як створити форму валідації в HTML5?
Коли ви збираєте інформацію від людей через форму вводу даних, застосування перевірок є важливим аспектом. Недотримання цього правила може призвести до втрати клієнтів, засмічення БД або навіть експлойтів. Історично склалося, що побудова перевірки фо...
Codeguida · 25 лютого 2021 · 76
HTML5 елемент “time”
До HTML5 ми не було елемента, щоб мати можливість помічати дати або часу. В останні роки, багато хто намагався вигадати альтернативні способи помічати дату та час, але навіщо? У цій статті ми поговоримо про HTML5 елемент <time>, який є рішенням цієї...
Codeguida · 10 жовтня 2021 · 5
Проста валідація форм з HTML5
Коли ви збираєте інформацію від людей, через форму, ви застосовуєте якісь перевірки. Недотримання цих вимог може призвести до втрати клієнтів, небажаних даних в вашій базі даних або навіть слабких місць в системі безпеки вашого сайту. Історично, ство...
Codeguida · 13 січня 2021 · 252