Категорії «JS»

Як виглядає сучасний web без JavaScript?

Берлінська розробниця вирішила провести цікавий експеримент: цілий день сьорфила web без JavaScript. Тож давайте поглянемо як виглядють деякі Web-сторінки без JavaScript. Загальні спостереження Веб дійсно швидко працює без JavaScript. Немає ніякої реклами. Ні автовідтворюючихся відео, ні “вспливашок”, на якій запитують ваш e-mail. Але … безліч сайтів не працюють. Зовсім… Як виглядають популярні сайти без JavaScript Кілька …

Створення анімації на базі JavaScript за допомогою бібліотеки Anime.js. Частина 4

У фінальній частині будуть описані різні зворотні виклики (callback-функції), використовувані для виконання функцій залежно від прогресу анімації. Майже в кожному прикладі в попередніх статтях використовувалися властивості CSS, щоб показати, як працюють різні методи і параметри. Можливо, у вас могло створитися враження, що бібліотека Anime.js більше підходить для анімації CSS-властивостей. У цьому уроці ви дізнаєтеся, що …

Створення анімації на базі JavaScript за допомогою бібліотеки Anime.js. Частина 3

У цій статті мова піде про те, як навчитися встановлювати значення властивостей, використовуючи звичайні числа, значення на основі функцій і ключові кадри. Також ви навчитеся регулювати відтворення і послідовність анімацій. У попередній статті можна було ознайомитися з різними видами параметрів, які служать для управління цільовими елементами. Також в ній пояснюється, як правильно використати такі параметри, …

Створення анімації на базі JavaScript за допомогою бібліотеки Anime.js. Частина 2

У першій частині серії повчальних статей по роботі з Anime.js ви дізналися про різні методи визначення цільових елементів, а також про типи CSS-властивостей і DOM- атрибутах, які можуть бути анімовані. Самі анімації в попередній статті були дуже примітивними – цільові елементи рухалися на певну відстань або змінювали свою міру округлення на фіксованій швидкості. У цій …

Створення анімації на базі JavaScript за допомогою бібліотеки Anime.js. Частина 1

Anime.js – невелика бібліотека для створення анімації на основі JavaScript. З її допомогою можна анімувати властивості CSS, SVG- зображення або атрибути DOM-дерева на веб-сторінці. Бібліотека дозволяє контролювати усі аспекти анімації і надає багато способів для позначення елементів, які треба привести в рух. Ви повністю контролюєте послідовність відтворення анімації і управляєте синхронізацією анімації різних елементів один …