Іноді виникає потреба, щоб користувач мав можливість завантажити зображення в браузер, виконати кілька правок і вже тоді завантажити його на сервер. Більш старомодний спосіб зробити це: Завантажити...

Розробникам веб-додатків, яким потрібно більш гнучко керувати онлайн-відео, буде цікаво дізнатися про деякі маловідомі, рідко обговорювані особливості роботи з відео в HTML5. Медіа-фрагменти Медіа-фра...

Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery розширенням CoverVid. Дуже просте у використанні, просто виконайте наступні кілька кроків... Киньте_ covervid.min.js_ фай...

До HTML5 ми не було елемента, щоб мати можливість помічати дати або часу. В останні роки, багато хто намагався вигадати альтернативні способи помічати дату та час, але навіщо? У цій статті ми поговори...

Функція перетягування з HTML 5 може оптимізувати Ваш сайт за допомогою більш динамічних інтерактивних елементів, які, без сумніву, сподобаються Вашим користувачам . HTML 5 став важливим аспектом у веб...

Відкрийте для себе нові можливості Foundation 5, які допоможуть вам з легкістю створювати чуйні сайти. Як випливає з назви, Foundation допомагає закласти основу для створення чуйного сайту. Це легкий...

Атрибут завантаження - спосіб сказати браузеру, що лінк посилається на завантаження файлу, це може бути медіа-файл або PDF документ або веб-сторінка і т.д. Це те, що ви використовували, щоб мати справ...

Коли ви збираєте інформацію від людей через форму вводу даних, застосування перевірок є важливим аспектом. Недотримання цього правила може призвести до втрати клієнтів, засмічення БД або навіть експло...

При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для зрівняння зображень - одне із цих рішень. Як...

Коли ви збираєте інформацію від людей, через форму, ви застосовуєте якісь перевірки. Недотримання цих вимог може призвести до втрати клієнтів, небажаних даних в вашій базі даних або навіть слабких міс...

У цьому уроці я покажу вам, як зробити drop-down box за допомогою CSS3 анімації і checkbox хаку. Зазвичай для таких речей застосовують JQuery, але завдяки CSS3 ми можемо зробити це використовуючи влас...

Раніше ми не мали браузерів, які працювати з багатьма вкладками. Але вже багато часу всі переглядачі пропонують нам цю функцію. Нам важко уявити, як це, працювати тільки з однією вкладкою. Зараз кожен...

Prefetching \- це техніка, коли ви доручаєте браузеру завантажувати деякі ресурси у фоновому режимі. Браузер використовує час простою для завантаження і кешування зазначених ресурсів. В результаті, ко...

Історія - це завжди цікаво, чи не правда? В старих версіях HTML, ми мали обмежений контроль над історією браузера. З HTML5 History API, ми отримуємо набагато більше можливостей. Тепер ми можемо додати...

У цій статті я постараюся дати вам загальне уявлення про MightyEditor і про сам процес розробки. Туторіал покаже, як створити прототип міні-гри протягом години. Вимоги Нова версія браузера Google Chro...

Коли останнього разу ми отримували новий елемент? HTML5 представила лише дев'ять нових структурних тегів, і вони є стабільними вже протягом декількох років: section, article, aside, hgroup, header, fo...

Форми стали більш універсальним з HTML5. Вхідний елемент тепер має можливість містити адреси електронної пошти та дати, а також маркувати поля введення в якості обов'язкового, заповнювати їх вмістом....

Елемент link \- дуже корисна річ. Він пропонує вам простий спосіб вставляти JavaScript і таблиці стилів в декілька HTML-документів, але, на жаль, він не дозволяє вбудовування HTML-файлів. Щоб досягти...

Більшість розробників надають перевагу тегам div і section, та зовсім не використовють article. Чому так? Це одна з вічних таємніць веброзробки, як і «чому це white-space: nowrap, а не white-space: no...

За останні кілька місяців, я познайомився з рядом різних бібліотек для взаємодії з HTML5 Audio API (HTML5 Audio елементом) і його простим API. І тому вирішив поділитися з вами цими бібліотеками, щоб п...

Ефект дуже простий в реалізації. HTML потрібен зовнішній елемент (#titles) та розділ, який буде прокручуватися (#titlecontent): <div><div> <p>content</p> </div></div> Зовнішній...

Якщо ви front-end розробник, то, без сумніву, ви використовуєте HTML і не відчуваєте брак знань. Проте, іноді ми навіть не здогадуєтесь про деякі можливості мови. Ця стаття про 10 HTML тегів, які мало...

Австралійська компанія Sequality провела цікавий експеримент: один і той самий працівник витратив однакову кількість часу (по 160 годин) на розробку двох варіантів програми за одним і тим самим завдан...

У березні Mozilla випустила Firefox 52, куди додала підтримку CSS сітки. Якщо ви не знайомі з CSS Grid, – це двовимірна система розмітки для вебу, яка дозволяє створювати нативні шаблони розмітки для...