frontend
(59)
Stylus за 20 хвилин
Нещодавно на Codeguida вийшов переклад статті про SASS, і я вирішив написати про свій улюблений препроцесор, адже він такий зручний і чомусь такий непопулярний. CSS потрібен герой Перш за все з'ясуємо, що таке Stylus. Stylus це один з трійки найвідом...
Codeguida · 22 січня 2020 · 4
Наука про SVG анімації
Плоский дизайн все більше стає трендом 2016 року, відповідно SVG тепер використовується достатньо часто. Переваг багато: незалежність від роздільної здатності, крос-браузерність і доступні DOM ноди. У цій статті ми розглянемо, як ми можемо використов...
Codeguida · 15 січня 2020 · 5
Властивості Background
Кожен елемент в дереві документа - просто прямокутна коробка. Кожна з цих коробок має фон, який може бути повністю прозорим, кольоровим або зображенням. І цей бекграунд контролюється 8 властивостями CSS (плюс 1 коротка властивість). background-color...
Codeguida · 03 січня 2020 · 29
React: створюємо хук для прогресивного завантаження зображень
Ми регулюємо кожен кілобайт наших JavaScript-пакетів, водночас забуваючи про оптимізацію завантаження зображень. Усе закінчується тим, що користувач сидить декілька секунд і спостерігає білий фон, перш ніж завантажиться фонове зображення. У статті ро...
Codeguida · 30 травня 2019 · 10
Інтро до Веб-компонентів
Фронтенд-розробка розвивається з шаленою швидкістю. Варто лише поглянути на численні статті, туторіали та треди у Twitter зі скаргами на технології, колись такі прості та зрозумілі. У цій статті ми з'ясуємо, чому для якісного користувацького досвіду...
Codeguida · 5 років тому · 25
Нові функції ES2018, про які ви повинні знати
В липні 2018 світ побачила дев'ята редакція стандарту ECMAScript, що має назву ECMAScript 2018, або просто ES2018. Починаючи з ES2016, специфікації випускають щороку, на відміну від попередніх стандартів, що виходили раз на декілька років (проте й мі...
Codeguida · 28 січня 2019 · 2
Аутентифікація в односторінкових застосунках. Частина 2.
В першій частині ми розглядали заголовок Authorization як один з популярних способів аутентифікації в односторінкових застосунках. Він має свої переваги та недоліки. Використовуючи заголовок Authorization, доведеться також користуватися веб сховищем...
Codeguida · 24 вересня 2018 · 18
Аутентифікація в односторінкових застосунках. Частина 1.
Популярність односторінкових застосунків зростає щороку. Навіть якщо застосунок і не на 100% односторінковий, кількість функцій, що базуються на JavaScript, невпинно росте. Під аутентифікацією ми маємо на увазі підтвердження особи користувача чи дост...
Codeguida · 03 липня 2018 · 21
VueJS як фронтенд для Rails
VueJS — одна з зірок фронтенд екосистеми JavaScript, що найшвидше зростає. Vue втілює просте й зручне рішення для проектування фронтенду без зайвих складнощів, а також надає більш елегантний спосіб спрощення створення скриптів та стилів, об'єднуючи ї...
Codeguida · 6 років тому · 4
9 багатообіцяльних порад щодо промісів
1. Ви можете повернути проміс всередині .then Дозвольте мені виділити найважливішу пораду: Так! Ви можете повернути проміс всередині .then Також, проміс, що повертається, автоматично розпаковується в наступному .then .then(r => { return serverSta...
Codeguida · 15 березня 2018 · 9
Короткий огляд фронтенду в 2017 році
Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій. React 16 та ліцензія MIT React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з найочікуваніших релізів цієї бібліотеки – версію 1...
Codeguida · 18 грудня 2017 · 5
Як перетворити ваш сайт в мобільний застосунок: знайомство з PWA
Ви, напевно, чули про Progressive Web Apps (PWA). Але в цій статті я не буду описувати тонкощі роботи та зазирати під капот. Лише нагадаю, що PWA — це сайти, що можна додати на домашній екран смартфона і вони будуть працювати без інтернету. Натомість...
Codeguida · 03 серпня 2017 · 20