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

Як створити прості кнопки за допомогою CSS3

Як створити прості кнопки за допомогою CSS3

У сьогоднішньому уроці ми на практиці зробимо кілька класних, але простих, кнопок за допомогою CSS3 стилів. Ви можете їх використовувати для красивого оформлення користувацького інтерфейсу своїх проек ...
9 онлайн платформ, на яких можна швидко поділитися кодом

9 онлайн платформ, на яких можна швидко поділитися кодом

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

Приклад використання функції calc() для зміни розміру шрифту в CSS

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

Ознайомлення з функцією calc() в CSS

Функція calc() в CSS – це простий спосіб виконати прості математичні дії прямо в CSS стилях без використання, наприклад, мови програмування PHP. Функція вміє працювати з чотирма простими математичними ...
Основні види 3D-трансформацій в CSS

Основні види 3D-трансформацій в CSS

Коли з’явилися CSS-трансформації, з елементами стало можливим проводити різні перетворення: їх можна зміщувати, повертати, нахиляти, здавлювати і розтягувати. А за допомогою 3D-перетворень в CSS ...
Огляд властивості line-height у CSS-стилях

Огляд властивості line-height у CSS-стилях

За допомогою властивості line-height в CSS встановлюється величина простору між рядками. У блокових елементах властивість впливає на мінімальну висоту рядків усередині елемента. Для вбудованих елемент ...
Розбираємо властивість display в CSS

Розбираємо властивість display в CSS

Властивість display є однією з найбільш важливих властивостей CSS, які використовуються верстальниками для побудови макету. Найпопулярнішими значеннями цієї властивості є block, inline та none. Значен ...
Розширені селектори CSS, про які потрібно знати

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

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

Використання різних властивостей розміру шрифту в CSS-стилях

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

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

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

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

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

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

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

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

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

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

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

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

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