js
(80)
Підбірка CSS і Javascript бібліотек для створення анімаційних ефектів
CSS бібліотеки Досвідчені розробники і веб-дизайнери витратили велику кількість часу, щоб створити ці CSS бібліотеки для анімації. Тож ви можете просто скористатися їх напрацюваннями, додати елемент до таблиці стилів і використати потрібні вам анімац...
Codeguida · 24 червня 2020 · 28
Phaser-сумісна гра з використанням MightyEditor
У цій статті я постараюся дати вам загальне уявлення про MightyEditor і про сам процес розробки. Туторіал покаже, як створити прототип міні-гри протягом години. Вимоги Нова версія браузера Google Chrome. Ви можете спробувати інші браузери, але на них...
Codeguida · 24 червня 2020 · 5
Динамічні SVG з React.js
Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма сучасними браузерами. XML лежить в основі SVG, тож вона не містить нічого крім розмітки, і м...
Codeguida · 14 червня 2020 · 30
Простий спосіб додавання CSS анімації до переходів між сторінками
Радий з вами поділитися цікавим та дуже простим jQuery плагіном Аnimsition. Animsition дає можливість додавати до посилань CSS анімацію при переході. Animsition має 18 різних анімацій: Зникнення `fade-in, fade-out, fade-in-up, fade-out-up, fade-in-do...
Codeguida · 03 червня 2020 · 52
Гід по AngularJS ч.2 - $scope
Однією з найбільш поширених концепцій в будь-якій мові програмування є область видимості. Наприклад, область видимості блоку або функції. В Angular, область видимості \- це об'єкт, який належить до моделі додатку і який живить два способи прив'язки д...
Codeguida · 3 роки тому · 1
Анімація без jQuery ч.2
В минулій статті ми почали розмову про анімування без використання jQuery - розглянули інструменти та основи їх використання. Сьогодні наша розмова піде про приклади використання даного типу анімацій. Робочий процес Анімація, по суті, експериментальн...
Codeguida · 3 роки тому · 3
Javascript Promises: як і чому
Проміси (promises, обіцянки) це саме та маленька магічна штука, що дуже корисна при розробці, якщо ви вмієте їх готувати, звісно. Відразу після знайомства з ними я не розумів що тут і до чого, але тепер, коли я усвідомив наскільки це корисний інструм...
Codeguida · 3 роки тому · 196
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator Створимо мапу Італії в Illustrator: Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовуваному в базі даних, щоб ідентифікувати відповідні...
Codeguida · 4 роки тому · 14
Реагуючі блоки однакової висоти на основі Flexbox з JavaScript Fallback
Чому саме Flexbox? Тому що цей модуль був розроблений для того, щоб вирішити проблеми даного типу. Це гнучкий і ефективний спосіб управління для всіх видів макетів. Цей спосіб не створює майже ніякого часового розриву між правильним та неправильним в...
Codeguida · 25 квітня 2020 · 57
19 уроків, які я отримав читаючи документацію NodeJS
Я думав, що знаю Node.js досить добре. Всі мої сайти, що я писав за останні три роки, використовують його. Але я ніколи серйозно не читав документацію. Але я все ж вирішив зробити це, і був здивований. В цій статті я покажу що саме так мене здивувало...
Codeguida · 19 квітня 2020 · 17
Що нового в Node.js 6.0
Чекайте, що? Але ж нещодавно Node Foundation анонсувало пяту версію і вже час знов оновлюватися? Так, цей реліз Node покращує потужність, надійність, зручність користування та безпеку. Кому потрібно оновлюватися? Користувачам версій 0.12, 0.14, 5.*....
Codeguida · 08 квітня 2020 · 1
Шапка, яка прилипає і автоматично приховується
Шапка, яка приєднується і автоматично приховується, - постріл, який вбиває відразу двох зайців: робить навігацію по сайту більш простою і доступною в будь-якому місці сторінки та зберігає робочий простір. Прилипання <header class="header" role="b...
Codeguida · 06 квітня 2020 · 17