Записи з тегом: HTML5

Розширені селектори CSS, про які потрібно знати

Розширені селектори CSS, про які потрібно знати

За допомогою CSS можна створювати дійсно приголомшливі сайти. А правильний підхід до використання стилів дозволяє реалізувати практично будь-які ідеї у веб-дизайні. І одним з головних моментів тут є е ...
Які елементи можна (і потрібно) розміщувати у футері сайту

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Соціальний проект – сайт-візитка кожній школі Житомира

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

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

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

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

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

Основні способи вертикального вирівнювання елементів в CSS

Одна з найпопулярніших проблем, з якими стикаються веб-дизайнери – це вертикальне центрування елементів в CSS і правильне їх відображення на девайсах з різними розмірами екрану. І складність не в тому ...
Скошені краї блоків за допомогою CSS-масок і трансформацій

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

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

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

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