css
(131)
Короткий огляд фронтенду в 2017 році
Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій. React 16 та ліцензія MIT React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з найочікуваніших релізів цієї бібліотеки – версію 1...
Codeguida · 18 грудня 2017 · 5
Створення кнопок Play/Pause на чистому CSS
Загалом, іконки для контролю мультимедіа є універсально зрозумілою візуальною мовою для будь-яких інтерфейсів. Дизайнер може спокійно вважати, що кожен користувач не лише знає, що ▶️ = грати, але й те, що користувач буде шукати цю іконку для того, що...
Codeguida · 10 листопада 2017 · 69
Верстаємо під iPhone X
Safari без будь-яких налаштувань відображає сучасні вебсайти на iPhone X. Контент автоматично вміщується в безпечну зону дисплею, та не викривляється скругленими кутами чи зоною під сенсор. Зона вставки заповнюється background-color сторінки (як визн...
Codeguida · 13 жовтня 2017 · 18
Покращуйте веб-типографію за допомогою CSS font-size-adjust
Властивість font-size-adjust в CSS дозволяє розробникам вказувати font-size на основі висоти маленьких, а не великих літер. Це може значно покращити чіткість тексту. У цій статті ви дізнаєтесь про важливість властивості font-size-adjust і навчитесь з...
Codeguida · 28 вересня 2017 · 9
Як зробити ефект матового скла на чистому CSS?
Сьогодні розглянемо метод створення ефекту матового скла на чистому CSS. Як на цьому демо: 1. Створимо базову розмітку HTML Щоб не ускладнювати, я збираюся показати вам як робити ефект матового скла із пустим div. Усе, що вам буде потрібно у HTML –...
Codeguida · 07 серпня 2017 · 130
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі. Хоча ми вже мали «змінні», дякуючи пре/пост-проц...
Codeguida · 18 липня 2017 · 43
Особливості створення гібридних мобільних застосунків на Ionic
Вступ Мета даної статті – підготувати веб-розробника до роботи з мобільною розробкою, ознайомити з нюансами, показати різницю між мобільною і веб-розробкою. Я не планував написати посібник чи документацію про роботу з Ionic. Отже, поїхали… Працюєте в...
Codeguida · 21 червня 2017 · 10
Починаємо розбиратися з Myth - препроцесором майбутнього
Чому Myth? За допомогою Myth ви можете повноцінно використовувати навіть ті CSS властивості, які все ще знаходяться на етапі розробки W3C і не підтримуються абсолютною більшістю браузерів. Але основною його перевагою перед іншими препроцесорами є, то...
Codeguida · 25 червня 2015 · 1
5 безкоштовних CDN для JavaScript і CSS
У цьому пості я розповім про п'ять найбільш популярних сервісів доставки контенту JavaScript бібліотек і CSS фреймворків. Як використовувати? Це простіше, ніж ви думаєте. Так само, як ви додаєте Bootstrap до ваших шаблонів, ви можете додати всі ін...
Codeguida · 11 листопада 2014 · 8
Знайомимось з SASS
Хочете вивчити Sass, але ніяк не складається? Тоді читайте далі, тому що сьогодні ми збираємося розглянути особливості Sass і деякі цікаві речі, які ви можете робити з його допомогою. Що таке Sass? Sass (Syntactically Awesome Style Sheets) \- це CSS-...
Codeguida · 22 січня 2020 · 125
Основи Webpack: Частина 2
У першій частині туторіалу ми дізналися, як створити Webpack проект, а також як використовувати лоадери для обробки нашого JavaScript коду. Але найголовніша властивість Webpack полягає в його здатності бандлити інші типи, такі як CSS і зображення, та...
Codeguida · 12 листопада 2021 · 61
Створюємо власний блог з допомогою Parse.js, частина 6: Редагування
####Попередні уроки: Створюємо власний блог з допомогою Parse.js Створюємо власний блог з допомогою Parse.js: Працюємо з даними Створюємо власний блог з допомогою Parse.js: Авторизація користувачів Створюємо власний блог з допомогою Parse.js,...
Codeguida · 14 грудня 2021 · 5