Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
Рубрика «анимация» - 10
Дайджест свежих материалов из мира фронтенда за последнюю неделю №216 (13 — 19 июня 2016)
2016-06-19 в 18:46, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд
OFFF 2016
2016-06-15 в 9:14, admin, рубрики: анимация, Блог компании Acronis, Inc, генеративное искусство, дизайн, фестивальOFFF — своеобразный фестиваль барселонских творцов — появился аж целых 16 лет назад, в 2000 году, а название расшифровывается как Online Flash Film Festival. Зачинщиком тусовки был испанский дизайнер и художник Héctor Ayuso. Сам Гектор называет OFFF не просто фестивалем, а своеобразным жизненным путём, который постоянно меняется и эволюционирует.
Фестиваль не о том, как работать и решать проблемы в процессах по инструкции. Он совершенно о противоположном — о том, как всегда любить, что ты делаешь, не стесняться быть открытым и не бояться ошибаться, пробуя новое.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №215 (6 — 12 июня 2016)
2016-06-12 в 19:57, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
Дайджест свежих материалов из мира фронтенда за последнюю неделю №214 (30 мая — 5 июня 2016)
2016-06-05 в 19:49, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
Стабильная версия редактора Krita 3.0 с поддержкой анимации
2016-05-31 в 18:25, admin, рубрики: 3d графика, krita, linux, open source, анимация, Дизайн в IT, краудфандинг, релиз, рисование, СофтСегодня наконец-то состоялся очередной релиз редактора для художников Krita 3.0. На разработку новой версии ушел почти год. За этот год в Крите были реализованы анимация, режим мгновенного предпросмотра и множество мелких улучшений, за которые проголосовали спонсоры Кикстартера 2015. Кроме того, в проекте произошло много организационных изменений: отделение от Calligra, порт на Qt5 + KDE Frameworks 5 и старт выпуска стабильных версий для OSX.
Обо всем этом я постараюсь рассказать в данной статье!
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №213 (23 — 29 мая 2016)
2016-05-29 в 19:39, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
5 ошибок, которых следует избегать при создании микровзаимодействий
2016-05-25 в 9:26, admin, рубрики: UI, UX, web, анимация, Блог компании ua-hosting.company, веб-дизайн, дизайн, микровзаимодействия, разработка, метки: микровзаимодействияМикровзаимодействия — один из ключевых моментов UI/UX-дизайна. Они содержат детали, части продукта, которые выполняют одну конкретную задачу. Каждый раз когда мы меняем настройки, синхронизируем данные и устройства, устанавливаем будильник, вводим логин и пароль или выбираем определенную функцию — мы сталкиваемся с микровзаимодействиями. Они сопровождают нас повсюду: в различных устройствах и приложениях наших телефонов, компьютеров, в офисной и бытовой технике, в транспорте и дома. И если микровзаимодействия сделаны правильно, они делают нашу жизнь комфортнее, интереснее и проще.
В этом посте мы рассмотрим 5 ошибок, которые следует избегать при создании микровзаимодействий.
Естественная анимация в интерфейсах
2016-05-25 в 7:50, admin, рубрики: анимация, движение, математика, Разработка веб-сайтов, физические законы![begin{tikzpicture}deft{0}defr{3.1415}begin{axis}[width=12cm,height=7cm, ticks=none, xmin=-0.5, xmax=3.8, axis y line=left,axis x line=bottom, xlabel=$t$,ylabel=$x$, every axis x label/.style={at={(current axis.south east)},anchor=south},every axis y label/.style={at={(current axis.north west)},anchor=west},enlargelimits=true,mark size=1 ]addplot[smooth,blue,domain=t:r,samples=80] {1-cos(deg(x*3))};addplot[mark=*] coordinates {(t,0)};addplot[mark=*] coordinates {(r,2)};end{axis}end{tikzpicture}](https://www.pvsm.ru/images/2016/05/25/estestvennaya-animaciya-v-interfeisah. "Естественная анимация в интерфейсах - 1")
Рис. 0. КДПВ
Анимация в интерфейсе делает наглядным изменение его состояния. Например, при неудачной отправке длинная форма прокручивается к неправильно заполненному полю. Или увеличивающаяся по нажатию фотография раздвигает окружающие элементы.
Без анимации сложнее воспринимать резкие и внезапные изменения. Вместе с тем анимация должна быть короткой и ненавязчивой, чтобы не мешать пользователю.
Анимация кажется естественной, когда повторяет привычное движение предметов окружающего мира. Под катом я расскажу, как делал анимацию на основе физических законов. Смотрите готовый результат на демо-странице (там один блок следует за другим при движении мыши).
Читать полностью »
Анимация Floating Action Button в Android
2016-05-24 в 6:46, admin, рубрики: android, floating action button, анимация, Блог компании NIX Solutions, Программирование 
С момента возникновения концепции Material design одним из самых простых в реализации элементов стала плавающая кнопка действия — FAB, Floating Action Button. Этот элемент быстро обрёл широчайшую популярность среди разработчиков и дизайнеров. В этой публикации мы рассмотрим, как можно анимировать FAB и сделать её интерактивной. Но сначала разберём, как вообще добавить этот элемент в ваш проект.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №212 (16 — 22 мая 2016)
2016-05-22 в 19:58, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
