Рубрика «animation» - 7

Добрый день. Наверняка многие видели приложение для iOS под названием Flipboard. При всех его достоинствах, лично меня оно в первую очередь порадовало своими забавными анимациями перелистывания. Родилась идея реализовать нечто подобное для своего сайта исключительно на Javascript и CSS3.

В данном случае я использовал CSS3 свойство transform: rotate3d(...), которое требует поддержки аппаратного ускорения графики и адекватно работает только в Chrome 16+, поэтому все нужyые свойства я ограничил префиксами -webkit-. В продакшене для пользователей с неподходящим параметрами я заменял анимацию на более простую.

Вот так выглядит готовый результат:

Живое демо

Читать полностью »

Сегодня просматривая разные видео на просторах Интернета наткнулся вот на эту вещь: Он спроектировал умный инструмент для разработки видео игр: Брет Виктор
Видео было очень интересным, я подумал что он демонстрирует уже реально существующее приложение. Начал гуглить и пропал часа на 3… Оказалось, что Bret Victor — классный дизайнер и вобще «изобретает инструменты в помощь людям понимать и создавать. Он проектировал экспериментальные UI концепции в Apple, интерактивные графические данные для AI Gore и музыкальные инструменты в Alesis».

Видео с первой ссылки является частью целой конференции:

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js