html5
(25)
Проста валідація форм з HTML5
Коли ви збираєте інформацію від людей, через форму, ви застосовуєте якісь перевірки. Недотримання цих вимог може призвести до втрати клієнтів, небажаних даних в вашій базі даних або навіть слабких місць в системі безпеки вашого сайту. Історично, ство...
Codeguida · 13 січня 2021 · 253
Як створити простий Drag and Drop компонент
Функція перетягування з HTML 5 може оптимізувати Ваш сайт за допомогою більш динамічних інтерактивних елементів, які, без сумніву, сподобаються Вашим користувачам . HTML 5 став важливим аспектом у веб-розробці, особливо у створенні високотворчих та і...
Codeguida · 03 серпня 2021 · 192
HTML5 Imports: вбудовуємо HTML документ в інший HTML
Елемент link \- дуже корисна річ. Він пропонує вам простий спосіб вставляти JavaScript і таблиці стилів в декілька HTML-документів, але, на жаль, він не дозволяє вбудовування HTML-файлів. Щоб досягти цього, ви повинні використовувати "важкий" елемен...
Codeguida · 10 березня 2020 · 123
Стилізація повзунка браузера на CSS
Є декілька шляхів зробити власний повзунок. Ми будемо використовувати CSS3, він найпростіший. Є jQuery плагіни, що допомагають в стилізації, проте я не люблю додавати багато JavaScript коду до свого веб-сайту. Примітка: пам'ятайте, що кастомні повзун...
Codeguida · 03 червня 2017 · 102
Як створити форму валідації в HTML5?
Коли ви збираєте інформацію від людей через форму вводу даних, застосування перевірок є важливим аспектом. Недотримання цього правила може призвести до втрати клієнтів, засмічення БД або навіть експлойтів. Історично склалося, що побудова перевірки фо...
Codeguida · 25 лютого 2021 · 76
Створюємо чуйні сайти з допомогою Foundation
Відкрийте для себе нові можливості Foundation 5, які допоможуть вам з легкістю створювати чуйні сайти. Як випливає з назви, Foundation допомагає закласти основу для створення чуйного сайту. Це легкий фреймворк, який містить найсучасніші рішення для ш...
Codeguida · 16 червня 2021 · 47
<article> чи <section>?
Більшість розробників надають перевагу тегам div і section, та зовсім не використовють article. Чому так? Це одна з вічних таємніць веброзробки, як і «чому це white-space: nowrap, а не white-space: no-wrap» і «чому CSS "gray" темніший колір, ніж "dar...
Codeguida · 24 лютого 2020 · 34
10 HTML тегів, які ми не використовуємо
Якщо ви front-end розробник, то, без сумніву, ви використовуєте HTML і не відчуваєте брак знань. Проте, іноді ми навіть не здогадуєтесь про деякі можливості мови. Ця стаття про 10 HTML тегів, які мало хто використовує, не дивлячись на те, що вони мож...
Codeguida · 17 січня 2020 · 19
Знайомимось з HTML5 History API
Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали обмежений контроль над історією браузера. З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо додати запис, або змінити URL-адресу в адресному рядку б...
Codeguida · 26 липня 2020 · 14
HTML5 атрибут "download"
Атрибут завантаження - спосіб сказати браузеру, що лінк посилається на завантаження файлу, це може бути медіа-файл або PDF документ або веб-сторінка і т.д. Це те, що ви використовували, щоб мати справу з серверним кодом. Наприклад, ви будете посилати...
Codeguida · 01 червня 2021 · 10
HTML5 File API
Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити зображення через AJAX; Відобразити зображення в...
Codeguida · 12 грудня 2021 · 10
HTML5 Page Visibility API
Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як це, працювати тільки з однією вкладкою. Зараз кожен користувач в середньому має 10-15 відкритих вклад...
Codeguida · 31 серпня 2020 · 9