RU UA

HTML5 (AMP версія)

Які елементи можна (і потрібно) розміщувати у футері сайту

Розробка оптимального футеру (підвалу, нижньої частини, нижнього колонтитулу) сайту не завжди є у списку пріоритетів веб-дизайнера. З огляду на те, що футер знаходиться в самому низу веб-сторінки, легко припустити, що…

Прискорюємо свій CSS

Ви коли-небудь думали про розмір файлів CSS-стилів на своєму сайті? Адже якщо ці файли мають велику вагу, це негативно позначиться на завантаженні (відображенні) сторінки. Хоча CSS-файли сайту в основному важать…

Як додати клікабельні телефонні номери на сайт

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

Кращі практичні рекомендації по веб-дизайну

Якщо ви фрілансер, а ваша робота залежить від дизайну, значить ви іноді стикалися з поганим веб- дизайном. Дизайн – це важливий аспект в кожному проекті з веб-розробки. І неважливо, наскільки…

Поради щодо оптимізації мобільного веб-дизайну

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

Гамбургер-меню для адаптивних сайтів: використовувати чи ні?

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

Спеціальні символи HTML

Якщо вам потрібно вставляти в свої публікації спеціальні символи, яких немає на клавіатурі, ви можете використовувати об’єкти HTML, які починаються з амперсанду (&) і закінчуються крапкою з комою (;). У…

Псевдокласи в CSS – мінімальний набір знань

Псевдоклас в CSS стилях – це ключове слово, яке при додаванні до селектора визначає його особливий стан. Наприклад, псевдоклас :focus дозволяє застосовувати особливі CSS-стилі для елементів, які знаходяться в фокусі…

Шпаргалка по jQuery для початківців

Ми вирішили зібрати всю основну інформацію по jQuery (таку як робота з ядром, атрибутами, селекторами; маніпуляція з DOM, події, ефекти, AJAX та ін.) для початківців в одному місці. Сподіваємося, що…

Використання Flexbox в CSS3 для адаптивного дизайну

У цій статті ми хочемо більш детально зупинитися на використанні flexbox в CSS3, в якості одного з просунутих способів досягнення адаптивності на сайті. При створенні CSS складність макетів була не…

Скошені краї блоків за допомогою CSS-масок і трансформацій

За допомогою вузлуватих, скошених країв у різних html-елементів (картинок, блоків, цілих секцій) можна надати унікальний вигляд будь-який веб-сторінці. У цій статті ми розглянемо практичні приклади того, як легко можна додати…

Ознайомлення із CSS-анімацією (animation)

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

Основи адаптивного дизайну в HTML5 і CSS3

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