frontend
(59)
CSS форми, кліпи і маски — як ними користуватися
Реліз Firefox 54 приніс з собою нові фічі в CSS властивість: clip-path. Ця властивість дозволяє робити кліпи (тобто вирізати частини елементу), що в Firefox, до недавніх пір, було можливим лише за допомогою SVG. Втім, відтепер для цього можна буде ви...
Codeguida · 24 липня 2017 · 16
Локальні CSS змінні: що, як і навіщо
Кастомні CSS властивості (також відомі як CSS змінні) вже тут. Нарешті маємо справжні змінні в CSS! Що я маю на увазі під справжніми змінними? Це змінні, що можуть бути перевизначені динамічно у файлі. Хоча ми вже мали «змінні», дякуючи пре/пост-проц...
Codeguida · 18 липня 2017 · 40
Що нового в npm 5
Впевнений, що ви вже чули про npm5: про те, що він швидше, стабільніше і безпечніше. Нещодавно команда npm в своєму блозі повідомила про випуск npm5 як результату місяців тяжкої роботи всієї команди. Так що ж нового? Наявна система кешування більше н...
Codeguida · 07 липня 2017 · 3
Особливості створення гібридних мобільних застосунків на Ionic
Вступ Мета даної статті – підготувати веб-розробника до роботи з мобільною розробкою, ознайомити з нюансами, показати різницю між мобільною і веб-розробкою. Я не планував написати посібник чи документацію про роботу з Ionic. Отже, поїхали… Працюєте в...
Codeguida · 21 червня 2017 · 9
Керівництво по CSS анімаціях
Ми, розробники і дизайнери, завжди хочемо привернути увагу користувача до свого продукту і залишити гарне враження. Для цього інтерфейс повинен бути простим і зрозумілим, завантажуватися швидко і працювати як швейцарський годинник. Але цього недостат...
Codeguida · 16 червня 2017 · 9
Що вам потрібно знати про числа в ES6
В порівнянні зі знайомим нам ES5, в стандарті ES6 було багато чого змінено. Ці зміни торкнулися і чисел (Number). Нові літерали Тепер ви відразу можете задавати числа в потрібній системі числення. Для цього використовуються префікси: 0b для чисел в д...
Codeguida · 07 червня 2017 · 4
Навіщо в ES6 const, якщо він не працює?
Якщо ви перейшли на JavaScript з якоїсь С-подібної мови, то вас, напевно, збентежить той факт, що перший js-код виконається без проблем, а другий код на С — ні. const numbers = [1, 2, 3, 4, 6] numbers[4] = 5 console.log(numbers[4]) // виведе 5 cons...
Codeguida · 06 червня 2017 · 7
6 причин, чому async/await краще за проміси
Node підтримує async/await починаючи з версії 7.6, а Babel вміє транспілювати його в ES5 (хоча й не дуже ефективно). Якщо ви ще не знаєте що це таке і далі плануєте користуватися промісами, то саме час це виправити! Довідка Невеличкий вступ, якщо ви...
Codeguida · 02 червня 2017 · 19
Як працює this в JavaScript
Новачкам (і не тільки ним) буває важко розібратися з ключовим словом this. Існує 5 правил, що допоможуть вам зрозуміти принцип роботи this та не плутатися в майбутньому. Звісно, ці правила не покривають всі випадки, але вони працюють в більшості ситу...
Codeguida · 01 червня 2017 · 136
Стрілочні функції в JS для початківців
Стрілочні функці — нова форма запису анонімних функцій, що з'явилася в ES6. В чому ж переваги такого запису? Їх декілька. 1. Коротший синтаксис Подивіться на цей приклад: function funcName(params) { return params + 2; } funcName(2); // 4 Цей код...
Codeguida · 27 травня 2017 · 247
Повне керівництво по CSS Grid
Знайомство CSS Grid Layout (або просто "сітка") — це двовимірна система компонування, що повинна перевернути ваші уявлення про створення макетів. CSS вже давно використовується для компонування елементів на сторінці, але він майже ніколи не виконував...
Codeguida · 27 травня 2017 · 56