js
(80)
Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback
Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого часового розриву між правильним та неправильним в...
Codeguida · 25 квітня 2020 · 57
Простий спосіб додавання CSS анімації до переходів між сторінками
Радий з вами поділитися цікавим та дуже простим jQuery плагіном Аnimsition. Animsition дає можливість додавати до посилань CSS анімацію при переході. Animsition має 18 різних анімацій: Зникнення `fade-in, fade-out, fade-in-up, fade-out-up, fade-in-do...
Codeguida · 03 червня 2020 · 52
Яку проблему вирішують async & await в JS?
Асинхронне виконання коду - одна з найпотужніших фіч JavaScript, і в той же час воно приносить багато головного болю. Ми пройшли довгий шлях від функцій-колбеків, через нескінченні хащі сторонніх бібліотек для реалізації промісів, до дійсно нативних...
Codeguida · 05 грудня 2020 · 51
Основи ReactJS
React - бібліотека (не фреймворк) для UI. Різні способи створення та керування компонентами в React, поява купи інструментів для управління станом та багато іншого часто заплутують новачків і викликають проблеми. Тут ми розкажемо детально про деякі к...
Codeguida · 2 роки тому · 44
Зміна SVG іконок
Метод №1: сховати/показати SVG елемент Включаємо обидві іконки: <a class="expand-link" href="#0"> <svg class="icon icon-expand" viewBox="0 0 32 32"><use xlink:href="#icon-expand"></use></svg> <svg class="icon icon-contract" viewBox="0...
Codeguida · 15 липня 2020 · 44
Як використовувати jQuery функцію $.ajax()
Іноді, нам потрібно більше контролю над Ajax-запитами, які ми виконуємо. Наприклад, ми хочемо вказати, що має відбуватися у випадку, коли Ajax-виклик не вдався, або нам потрібно виконати Ajax-запит, але результат потрібен тільки тоді, коли він отрима...
Codeguida · 12 жовтня 2020 · 40
Чому літерали об'єкта в JavaScript - це круто?
До ECMAScript 2015 об'єктні літерали (або об'єктні ініціалізатори) в JavaScript були доволі елементарними. Можна було визначити 2 типи властивостей: Пари назв властивостей і пов'язані з ними значення { name1: value1 } Геттери { get name(){..} } і...
Codeguida · 23 липня 2020 · 39
Як я повернувся і відразу пішов від JavaScript
{full-post-img} Перш за все слід сказати, що ця стаття лише ІМХО, не слід сприймати її надто серйозно. Тут я описав перше враження про сучасний веб, котре склалося в мене після декількох років роботи на бекенді. Під час написання (і перекладу) не бу...
Codeguida · 2 роки тому · 38
Гід по оптимізації веб-сторінок та додатків
Коли справа доходить до продуктивності, ми не маємо права примушувати користувачів чекати і залишити веб-сторінку з негативними враженнями. Оптимізація є основою професійного створення сайту. Що визначає швидкість сторінки? Можна виділити наступні пу...
Codeguida · 27 червня 2021 · 38
jQuery для чайників ч.1 - типи даних та селектори
Вирішили спробувати себе у front-end розробці? Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа для кожного фронтендера. Настав час дізнатися, як це працює і почати створювати інтерактивні веб-сайти. Цей пост розповість Вам про вс...
Codeguida · 06 жовтня 2020 · 35
Динамічні SVG з React.js
Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма сучасними браузерами. XML лежить в основі SVG, тож вона не містить нічого крім розмітки, і м...
Codeguida · 14 червня 2020 · 30
Підбірка CSS і Javascript бібліотек для створення анімаційних ефектів
CSS бібліотеки Досвідчені розробники і веб-дизайнери витратили велику кількість часу, щоб створити ці CSS бібліотеки для анімації. Тож ви можете просто скористатися їх напрацюваннями, додати елемент до таблиці стилів і використати потрібні вам анімац...
Codeguida · 24 червня 2020 · 28