html5
(26)
HTML5 шаблон: Базовий зразок для будь-якого проєкту
Що таке HTML-шаблон?
Кожен вебсайт відрізняється від іншого, але є багато речей, які, по суті, однакові для всіх вебсайт. Замість того, щоб писати один і той самий код знову і знову, варто створити вл...
04 листопада
·
1
· 284
·
3
·
Alex
HTML5 File API
Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в
браузер, виконати кілька правок і вже тоді завантажити його на сервер.
Більш старомодний спосіб зробити це:
Завантажити...
12 грудня 2021
·
0
· 30
·
Codeguida
HTML5 Video: фрагменти, субтитри та динамічні мініатюри-кадри
Розробникам веб-додатків, яким потрібно більш гнучко керувати онлайн-відео,
буде цікаво дізнатися про деякі маловідомі, рідко обговорювані особливості
роботи з відео в HTML5.
Медіа-фрагменти
Медіа-фра...
28 листопада 2021
·
0
· 9
·
Codeguida
Відео на фоні з CoverVid
Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery
розширенням CoverVid. Дуже
просте у використанні, просто виконайте наступні кілька кроків...
Киньте_ covervid.min.js_ фай...
06 листопада 2021
·
0
· 2
·
Codeguida
HTML5 елемент “time”
До HTML5 ми не було елемента, щоб мати можливість помічати дати або часу. В
останні роки, багато хто намагався вигадати альтернативні способи помічати
дату та час, але навіщо?
У цій статті ми поговори...
10 жовтня 2021
·
1
· 12
·
Codeguida
Як створити простий Drag and Drop компонент
Функція перетягування з HTML 5 може оптимізувати Ваш сайт за допомогою більш
динамічних інтерактивних елементів, які, без сумніву, сподобаються Вашим
користувачам . HTML 5 став важливим аспектом у веб...
03 серпня 2021
·
0
· 225
·
Codeguida
Створюємо чуйні сайти з допомогою Foundation
Відкрийте для себе нові можливості Foundation 5, які допоможуть вам з легкістю створювати чуйні сайти.
Як випливає з назви, Foundation допомагає закласти основу для створення чуйного сайту. Це легкий...
16 червня 2021
·
0
· 52
·
Codeguida
HTML5 атрибут "download"
Атрибут завантаження - спосіб сказати браузеру, що лінк посилається на
завантаження файлу, це може бути медіа-файл або PDF документ або веб-сторінка
і т.д. Це те, що ви використовували, щоб мати справ...
01 червня 2021
·
1
· 26
·
Codeguida
Як створити форму валідації в HTML5?
Коли ви збираєте інформацію від людей через форму вводу даних, застосування перевірок є важливим аспектом. Недотримання цього правила може призвести до втрати клієнтів, засмічення БД або навіть експло...
25 лютого 2021
·
0
· 181
·
Codeguida
Пишемо слайдер для порівняння зображень
При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть
бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для
зрівняння зображень - одне із цих рішень. Як...
23 лютого 2021
·
0
· 12
·
Codeguida
Проста валідація форм з HTML5
Коли ви збираєте інформацію від людей, через форму, ви застосовуєте якісь
перевірки. Недотримання цих вимог може призвести до втрати клієнтів, небажаних
даних в вашій базі даних або навіть слабких міс...
13 січня 2021
·
0
· 523
·
Codeguida
Як зробити drop-down box за допомогою CSS3 анімації і checkbox
У цьому уроці я покажу вам, як зробити drop-down box за допомогою CSS3 анімації і checkbox хаку. Зазвичай для таких речей застосовують JQuery, але завдяки CSS3 ми можемо зробити це використовуючи влас...
21 листопада 2020
·
0
· 10
·
Codeguida
HTML5 Page Visibility API
Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже
багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як
це, працювати тільки з однією вкладкою. Зараз кожен...
31 серпня 2020
·
0
· 13
·
Codeguida
HTML5 Link Prefetching
Prefetching \- це техніка, коли ви доручаєте браузеру завантажувати деякі ресурси у фоновому режимі. Браузер використовує час простою для завантаження і кешування зазначених ресурсів. В результаті, ко...
21 серпня 2020
·
0
· 4
·
Codeguida
Знайомимось з HTML5 History API
Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали
обмежений контроль над історією браузера.
З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо
додати...
26 липня 2020
·
0
· 35
·
Codeguida
Phaser-сумісна гра з використанням MightyEditor
У цій статті я постараюся дати вам загальне уявлення про
MightyEditor і про сам процес
розробки. Туторіал покаже, як створити прототип міні-гри протягом години.
Вимоги
Нова версія браузера Google Chro...
24 червня 2020
·
0
· 8
·
Codeguida
Знайомство з новим елементом HTML5 - <main>
Коли останнього разу ми отримували новий елемент? HTML5 представила лише
дев'ять нових структурних тегів, і вони є стабільними вже протягом декількох
років: section, article, aside, hgroup, header, fo...
20 травня 2020
·
0
· 6
·
Codeguida
HTML5: більше гнучкості в формах
Форми стали більш універсальним з HTML5. Вхідний елемент тепер має можливість
містити адреси електронної пошти та дати, а також маркувати поля введення в
якості обов'язкового, заповнювати їх вмістом....
26 квітня 2020
·
0
· 5
·
Codeguida
HTML5 Imports: вбудовуємо HTML документ в інший HTML
Елемент link \- дуже корисна річ. Він пропонує вам простий спосіб
вставляти JavaScript і таблиці стилів в декілька HTML-документів, але, на
жаль, він не дозволяє вбудовування HTML-файлів.
Щоб досягти...
10 березня 2020
·
0
· 268
·
Codeguida
Article чи section?
Більшість розробників надають перевагу тегам div і section, та зовсім не використовють article.
Чому так? Це одна з вічних таємніць веброзробки, як і «чому це white-space: nowrap, а не white-space: no...
24 лютого 2020
·
0
· 172
·
Codeguida
5 бібліотек та API для роботи з HTML5 Audio
За останні кілька місяців, я познайомився з рядом різних бібліотек для
взаємодії з HTML5 Audio API
(HTML5 Audio елементом) і його простим API.
І тому вирішив поділитися з вами цими бібліотеками, щоб п...
05 лютого 2020
·
0
· 31
·
Codeguida
3D Star Wars прокрутка тексту в CSS3
Ефект дуже простий в реалізації. HTML потрібен зовнішній елемент (#titles) та
розділ, який буде прокручуватися (#titlecontent):
<div><div>
<p>content</p>
</div></div>
Зовнішній...
28 січня 2020
·
0
· 20
·
Codeguida
10 HTML тегів, які ми не використовуємо
Якщо ви front-end розробник, то, без сумніву, ви використовуєте HTML і не
відчуваєте брак знань. Проте, іноді ми навіть не здогадуєтесь про деякі
можливості мови. Ця стаття про 10 HTML тегів, які мало...
17 січня 2020
·
0
· 52
·
Codeguida
Порівняння Qt та HTML5
Австралійська компанія Sequality провела цікавий експеримент: один і той самий працівник витратив однакову кількість часу (по 160 годин) на розробку двох варіантів програми за одним і тим самим завдан...
08 серпня 2017
·
0
· 21
·
Codeguida
