HTML5

Поради щодо програмування на мові HTML5

Що таке XML: невидимий інструмент для вашого сайту та SEO 📄

Коли ми говоримо про веб-розробку, перше, що спадає на думку — це HTML та CSS. HTML каже браузеру "це заголовок",…

2 тижні ago

Налаштування HTTP-заголовків безпеки: Практична інструкція

Сьогодні я хочу поговорити про те, що не видно неозброєним оком, але що є фундаментом безпеки сучасного сайту. Уявіть, що…

1 місяць ago

Що таке iFrame: детально про використання та вплив на SEO

Привіт! Сьогодні я хочу поговорити про один з найстаріших, але досі актуальних інструментів в арсеналі веб-розробника — iFrame. Уявіть, що…

1 місяць ago

Як перенести сайт з HTML на CMS WordPress: покрокова інструкція

Статичний HTML-сайт — це як будинок, збудований за індивідуальним проєктом. Він надійний, швидкий і виглядає саме так, як ви задумали.…

1 місяць ago

Як атрибути посилань rel=”noopener” і “nofollow” впливають на SEO та безпеку

Уявіть, що кожне посилання на вашому сайті — це двері. Звичайне посилання веде відвідувача до іншої кімнати у вашому ж…

2 місяці ago

Що дозволить зробити ваш сайт більш веб-доступним?

Основна мета створення веб-сайту — це поділитися своїм контентом з усім світом. Ви хочете, щоб якомога більше людей могли отримати…

5 місяців ago

Як створити просте перемикання кольорового оформлення сайту (CSS та JavaScript)

Якщо ви хочете додати на свій сайт можливість перемикання між світлим/темним режимом кольорового оформлення, тоді ви потрапили за адресою. Хоча…

6 місяців ago

5 практичних порад щодо розробки форм під мобільні пристрої

Контактна форма (чи будь-яка інша) на сайті — це дуже важливий компонент. На неї покладено не тільки важливий функціонал спілкування…

7 місяців ago

Чи є альтернативи у гамбургер-меню для навігації по сайту?

Переважну частку всього світового веб-трафіку займає трафік з мобільних пристроїв (включно з планшетами), тож цей факт обов’язково потрібно враховувати при…

1 рік ago

Що таке тег canvas в HTML5 і для чого він потрібен?

Елемент <canvas> з’явився лише в HTML5 і використовується для динамічного малювання графіки на веб-сторінці з допомогою JavaScript. Сам тег фактично…

1 рік ago

Як додати карту від Google Maps на свій сайт (з маркером і текстом)

В сьогоднішньому практичному уроці ми розглянемо приклад додавання на свій сайт карти (мапи) від сервісу Google Maps. Оскільки API Google…

2 роки ago

Перші кроки при використанні сітки (Grid Layout) у CSS

Сьогодні левова частка сучасних та популярних сайтів побудована з використанням адаптивного макету, flexbox чи grid систем. Якщо ви візьмете будь-який…

2 роки ago

Як швидко та просто створити CSS-анімацію, використовуючи спрайти

CSS-анімація давно та міцно завоювала визнання користувачів завдяки не тільки своїй простоті, але й можливостям. Використовуючи CSS-анімацію, веб-майстри додають гарну…

4 роки ago

Як створити таймер зворотного відліку за допомогою JavaScript, CSS та SVG (4 способи)

Часто програмістам ставлять завдання створити таймер зворотного відліку, наприклад, коли у клієнта намічається важливий захід, розпродаж або він хоче запустити…

4 роки ago

Як зробити відкладене завантаження для HTML, iframe і вбудованого відео

Ліниве (або відкладене) завантаження (Lazy loading) – це популярний метод асинхронного звернення до адреси ресурсу, по мірі необхідності його завантаження,…

5 років ago