Mo.js - Пълна графична библиотека за уеб

Анимацията в интернет е тук, за да остане JavaScript става все по-мощен и поддръжката на браузъра нараства с всяка изминала година.

Повечето от анимациите, които сме запознати с фокуса върху интерфейса: падащи менюта, бутони с табулатори и слайдшоута са често срещани примери..

Но Mo.js е различен. Това е Библиотеката на JavaScript е създадена за персонализирани графики за движение да помогнем на дизайнерите да създават невероятни анимирани функции, които надхвърлят обикновените UI / UX трикове.

Ако посетите началната страница на Mo.js, ще намерите пълна документация заедно с голям урок за начинаещи.

Обърнете внимание на това библиотеката е доста трудна за работа. Трябва да сте запознати с основното кодиране на интерфейса, преди да започнете самостоятелно да работите с Mo.js. Въпреки това, има много неща, които можете да вземете само чрез изучаване на демонстрациите на живо и извличане на някои от изходния код.

Погледнете главния репо GitHub, ако искате да видите някои демонстрации в действие.

Има цял списък от връзки от CodePen всички с участието на живо Mo.js демонстрации. Те включват натоварвания за пълно екранни анимации на страници, микро-взаимодействия от тип "кликване", и тонове манипулации с форма.

Например тази писалка създава доста луд микро взаимодействие от потребителския вход (просто кликнете някъде вътре в писалката, за да я видите).

Някои от тези писалки могат да се чувстват в горната част, но това не са само JS анимации. Те наистина са като произведения на изкуството.

Тези демонстрации доказват колко далеч сме стигнали с анимация в интернет. Фактът, че всеки може да създава тези ефекти, използвайки само код от frontend, е просто невероятен.

Ако искате да видите повече от Mo.js, погледнете демото на GitHub. Може би ще ви хареса и този урок за преподаване как да работите с библиотеката Mo.js стъпка по стъпка.

Така или иначе, това е една от любимите ми библиотеки за анимация към днешна дата. Той предлага толкова много контрол, който просто не можете да намерите никъде другаде. И това помага да се внедрят микроинтерфейси от мобилни приложения в уеб дизайн.