CSS
В цій категорії ми будемо публікувати корисні матеріали. що стосуються сучасних можливостей мови програмування CSS. Вся теоретична частина в постах буде підкріплена практичними прикладами.
Створюємо 5 простих CSS анімацій використовуючи ключові кадри
В цьому практичному уроці я покажу вам кілька простих анімацій, які можна створити з допомогою ключових кадрів (keyframes) в CSS.… Читати далі
Перші кроки при використанні сітки (Grid Layout) у CSS
Сьогодні левова частка сучасних та популярних сайтів побудована з використанням адаптивного макету, flexbox чи grid систем. Якщо ви візьмете будь-який… Читати далі
Як створити анімоване лого з допомогою SVG і CSS3
Вже практично не викликає сумнівів те, що використання новітніх технологій на сайті здатне покращити UX (User experience) – взаємодію з… Читати далі
Як швидко та просто створити CSS-анімацію, використовуючи спрайти
CSS-анімація давно та міцно завоювала визнання користувачів завдяки не тільки своїй простоті, але й можливостям. Використовуючи CSS-анімацію, веб-майстри додають гарну… Читати далі
Як створити таймер зворотного відліку за допомогою JavaScript, CSS та SVG (4 способи)
Часто програмістам ставлять завдання створити таймер зворотного відліку, наприклад, коли у клієнта намічається важливий захід, розпродаж або він хоче запустити… Читати далі
Способи створення кола за допомогою CSS стилів
Досить часто при верстці веб-проекту є потреба в створенні круглих елементів: круглі кнопки, круглі мініатюри, круглі іконки, або навіть цілі… Читати далі
Уроки по CSS: що таке одиниці перегляду vw, vh, vmin і vmax
Одиниця перегляду, або, як її ще називають – довжина у відсотках від області перегляду – це адаптивна одиниця в CSS… Читати далі
Приклад односторінкового сайту з повноекранними секціями
Односторінковий сайт ідеально підійде для просування нового продукту, короткострокової рекламної кампанії або сайтів-портфоліо. Досить часто для односторінкових сайтів (їх ще… Читати далі
Як зробити красиву анімовану кнопку Пошук з CSS3 та jQuery
В сьогоднішньому уроці ми на практиці розглянемо те, як можна створити просту, але дуже красиву кнопку для пошуку, всього лише… Читати далі
Як завантажувати CSS файли асинхронно
Одним з найбільш ефективних способів підвищити продуктивність та швидкість завантаження сторінок сайту є асинхронне завантаження CSS файлів. При використанні цього… Читати далі
Основні моменти для безпеки HTML і CSS
Якщо ви розробник і пишете на HTML/CSS, вам потрібно знати основні моменти, які стосуються безпеки. Хтось може сказати, що HTML… Читати далі
Основи чуйної (responsive) типографії у веб-дизайні
Адаптивний або чуйний веб-дизайн – це не тільки стовпці, сітки, картинки та іконки. Все це не матиме сенсу без текстового… Читати далі
Як домогтися багатоколірного фону тільки за допомогою CSS
Вже понад 5 років в веб-дизайні лідируючі позиції займає плаский дизайн (flat design). Після того, як в 2010 році корпорація… Читати далі
Як домогтися адаптивності картинок з допомогою CSS
У сьогоднішній статті ми на практиці розглянемо техніку, за допомогою якої зможемо досягти адаптивності для картинок на своєму сайті. Ми… Читати далі
Як створити прості кнопки за допомогою CSS3
У сьогоднішньому уроці ми на практиці зробимо кілька класних, але простих, кнопок за допомогою CSS3 стилів. Ви можете їх використовувати… Читати далі