html5
(25)
HTML5 Link Prefetching
Prefetching \- це техніка, коли ви доручаєте браузеру завантажувати деякі ресурси у фоновому режимі. Браузер використовує час простою для завантаження і кешування зазначених ресурсів. В результаті, коли користувачі відвідують попередньо обрані ресурс...
Codeguida · 21 серпня 2020
Знайомимось з HTML5 History API
Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали обмежений контроль над історією браузера. З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо додати запис, або змінити URL-адресу в адресному рядку б...
Codeguida · 26 липня 2020 · 14
Phaser-сумісна гра з використанням MightyEditor
У цій статті я постараюся дати вам загальне уявлення про MightyEditor і про сам процес розробки. Туторіал покаже, як створити прототип міні-гри протягом години. Вимоги Нова версія браузера Google Chrome. Ви можете спробувати інші браузери, але на них...
Codeguida · 24 червня 2020 · 5
Знайомство з новим елементом HTML5 - <main>
Коли останнього разу ми отримували новий елемент? HTML5 представила лише дев'ять нових структурних тегів, і вони є стабільними вже протягом декількох років: section, article, aside, hgroup, header, footer, nav, figure і figcaption. Є ще близько 20 ко...
Codeguida · 3 роки тому · 4
HTML5: більше гнучкості в формах
Форми стали більш універсальним з HTML5. Вхідний елемент тепер має можливість містити адреси електронної пошти та дати, а також маркувати поля введення в якості обов'язкового, заповнювати їх вмістом. Більше це не відноситься до JavaScript. І це лише...
Codeguida · 26 квітня 2020 · 1
HTML5 Imports: вбудовуємо HTML документ в інший HTML
Елемент link \- дуже корисна річ. Він пропонує вам простий спосіб вставляти JavaScript і таблиці стилів в декілька HTML-документів, але, на жаль, він не дозволяє вбудовування HTML-файлів. Щоб досягти цього, ви повинні використовувати "важкий" елемен...
Codeguida · 10 березня 2020 · 123
<article> чи <section>?
Більшість розробників надають перевагу тегам div і section, та зовсім не використовють article. Чому так? Це одна з вічних таємніць веброзробки, як і «чому це white-space: nowrap, а не white-space: no-wrap» і «чому CSS "gray" темніший колір, ніж "dar...
Codeguida · 24 лютого 2020 · 34
5 бібліотек та API для роботи з HTML5 Audio
За останні кілька місяців, я познайомився з рядом різних бібліотек для взаємодії з HTML5 Audio API (HTML5 Audio елементом) і його простим API. І тому вирішив поділитися з вами цими бібліотеками, щоб показати, який набір можливостей для роботи зі звук...
Codeguida · 05 лютого 2020 · 5
3D Star Wars прокрутка тексту в CSS3
Ефект дуже простий в реалізації. HTML потрібен зовнішній елемент (#titles) та розділ, який буде прокручуватися (#titlecontent): <div><div> <p>content</p> </div></div> Зовнішній div розміщується внизу в центрі вікна браузера, п...
Codeguida · 28 січня 2020 · 3
10 HTML тегів, які ми не використовуємо
Якщо ви front-end розробник, то, без сумніву, ви використовуєте HTML і не відчуваєте брак знань. Проте, іноді ми навіть не здогадуєтесь про деякі можливості мови. Ця стаття про 10 HTML тегів, які мало хто використовує, не дивлячись на те, що вони мож...
Codeguida · 17 січня 2020 · 19
Порівняння Qt та HTML5
Австралійська компанія Sequality провела цікавий експеримент: один і той самий працівник витратив однакову кількість часу (по 160 годин) на розробку двох варіантів програми за одним і тим самим завданням. Відмінність полягала у виборі технологій: в о...
Codeguida · 08 серпня 2017 · 5
Замінюємо Bootstrap розмітку на CSS Grid
У березні Mozilla випустила Firefox 52, куди додала підтримку CSS сітки. Якщо ви не знайомі з CSS Grid, – це двовимірна система розмітки для вебу, яка дозволяє створювати нативні шаблони розмітки для браузера. Це означає, що ми можемо створювати зна...
Codeguida · 13 червня 2017 · 4