css
(131)
CSS форми, кліпи і маски — як ними користуватися
Реліз Firefox 54 приніс з собою нові фічі в CSS властивість: clip-path. Ця властивість дозволяє робити кліпи (тобто вирізати частини елементу), що в Firefox, до недавніх пір, було можливим лише за допомогою SVG. Втім, відтепер для цього можна буде ви...
Codeguida · 24 липня 2017 · 16
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі. Хоча ми вже мали «змінні», дякуючи пре/пост-проц...
Codeguida · 18 липня 2017 · 40
Способи використання CSS змінних
Препроцесори допомагають організувати й підтримувати ваш код CSS. Змінні, міксини, цикли тощо сприяють мінімізації повторень та прискорюють розробку шляхом додавання динамічних можливостей до написання CSS. Деякі динамічні можливості почали з'являтис...
Codeguida · 21 червня 2017 · 51
Особливості створення гібридних мобільних застосунків на Ionic
Вступ Мета даної статті – підготувати веб-розробника до роботи з мобільною розробкою, ознайомити з нюансами, показати різницю між мобільною і веб-розробкою. Я не планував написати посібник чи документацію про роботу з Ionic. Отже, поїхали… Працюєте в...
Codeguida · 21 червня 2017 · 9
Керівництво по CSS анімаціях
Ми, розробники і дизайнери, завжди хочемо привернути увагу користувача до свого продукту і залишити гарне враження. Для цього інтерфейс повинен бути простим і зрозумілим, завантажуватися швидко і працювати як швейцарський годинник. Але цього недостат...
Codeguida · 16 червня 2017 · 9
Замінюємо Bootstrap розмітку на CSS Grid
У березні Mozilla випустила Firefox 52, куди додала підтримку CSS сітки. Якщо ви не знайомі з CSS Grid, – це двовимірна система розмітки для вебу, яка дозволяє створювати нативні шаблони розмітки для браузера. Це означає, що ми можемо створювати зна...
Codeguida · 13 червня 2017 · 2
Неочікувана потужність Viewport Units в CSS
Часи дизайнів з фіксованою шириною минули. Ми живемо у світі пристроїв різних розмірів і пропорцій. Блоки, або юніти (units), які використовують відсоткові значення, мають набір можливих способів відображення контенту, але працюють не в кожному сцена...
Codeguida · 12 червня 2017 · 7
Стилізація повзунка браузера на CSS
Є декілька шляхів зробити власний повзунок. Ми будемо використовувати CSS3, він найпростіший. Є jQuery плагіни, що допомагають в стилізації, проте я не люблю додавати багато JavaScript коду до свого веб-сайту. Примітка: пам'ятайте, що кастомні повзун...
Codeguida · 03 червня 2017 · 96
Повне керівництво по CSS Grid
Знайомство CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елементів на сторінці, але він майже ніколи не виконував...
Codeguida · 27 травня 2017 · 56
Починаємо розбиратися з Myth - препроцесором майбутнього
Чому Myth? За допомогою Myth ви можете повноцінно використовувати навіть ті CSS властивості, які все ще знаходяться на етапі розробки W3C і не підтримуються абсолютною більшістю браузерів. Але основною його перевагою перед іншими препроцесорами є, то...
Codeguida · 25 червня 2015 · 1
5 безкоштовних CDN для JavaScript і CSS
У цьому пості я розповім про п'ять найбільш популярних сервісів доставки контенту JavaScript бібліотек і CSS фреймворків. Як використовувати? Це простіше, ніж ви думаєте. Так само, як ви додаєте Bootstrap до ваших шаблонів, ви можете додати всі ін...
Codeguida · 11 листопада 2014 · 6