Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Рубрика «animations» - 2
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)
2013-08-31 в 19:08, admin, рубрики: animations, css, css3, html, html5, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: animations, css, css3, html, html5, jquery, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми.jpg "Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №72 (24 — 31 августа 2013)")
Custom layout. Выплывающая панель + параллаксный скроллинг
2013-08-27 в 13:12, admin, рубрики: android, animations, Разработка под android, метки: android, animationsПривет, коллеги.
Сегодня я хотел рассказать, как можно создать нестандартный менеджер разметки (layout manager) и вдохнуть в него жизнь при помощи анимаций.
В качестве примера решил реализовать аналог часто встречающейся в социальных сетях выплывающей снизу панели. Обычно этот прием используется при необходимости показать контент, например, фото, и добавить возможность комментировать на дополнительной панельке, которую пользователь может вытянуть снизу. При этом основной контент обычно тоже уплывает наверх, но немного медленнее, чем основная панель. Это называется «параллаксный скроллинг».
Специально для этой статьи я решил с нуля реализовать подобный компонент. Сразу хочу заметить, что это не полноценный, стабильный и готовый для продакшен код, а всего лишь демонстрация, написанная за пару часов, чтобы показать основные приемы.
«Continuous page repainting и отладка перерисовки страницы» в Chrome Dev Tools
2013-06-10 в 14:05, admin, рубрики: animations, chrome, css, DevTools, Google Chrome, Веб-разработка, метки: animations, chrome, css, DevTools 
Сегодня мы поговорим о том, как Chrome Dev Tools помогают нам бороться с лишней перерисовкой страницы.
Прошлые части:
«Workspace» и «Сниппеты»
«Поддержка Sass»
Всем, всем, всем: время обновлять свой CSS3
2012-12-20 в 23:14, admin, рубрики: animations, css, css3, flexbox, html, transitions Если Вы используете экспериментальный CSS на своих сайтах, в демках, статьях или инструментах, то это требует определенного рода поддержки. В связи с некоторыми недавними изменениями в мире браузеров, настало время пересмотреть и обновить Ваш код. Эта статья поможет Вам понять, что же начать обновлять уже сейчас.
Читать полностью »
Кроссбраузерная реверсивная анимация фона на CSS3
2012-11-27 в 17:22, admin, рубрики: animations, css, css3, html5, JS, веб-дизайн, Веб-разработка, метки: animations, css3, html5Доброго времени суток уважаемые читатели Хабра. Существуют замечательные CSS свойства с помощью которых можно задать реверсивное движение анимации — animation-direction: alternate и animation-direction: alternate-reverse (не путать со свойством animation-direction: reverse, которое задает реверсивное направление), но на сегодняшний день их не поддерживает большинство современных браузеров. Я хочу рассказать о том как сделать кроссбраузерную реверсивную анимацию фона.
Пример на Jsfiddle
CSS анимации на реальном проекте
2012-11-16 в 10:18, admin, рубрики: animations, css, css 3, css animation, css3, CSS3 animation, css3 transition, html, transitions, Блог компании Одноклассники, одноклассники, реальный мир, метки: animations, css, css 3, css animation, css3, CSS3 animation, css3 transition, transitions, одноклассники, реальный мир 
Всё чаще среди веб-разработчиков поднимается тема возможностей CSS анимаций (transition/animation), практически на каждой конференции по клиентской разработке можно услышать о потрясающих преимуществах новой технологии.
Производительность и гибкость CSS анимаций позволяет творить удивительные вещи, но можно ли уже использовать эти новые возможности в силу их нестабильности и незрелости на реальных больших проектах?
В этом посте мы расскажем, почему так важно начинать использовать новые технологии клиентской разработки уже сегодня и о трудностях, которые могут ждать вас на пути.
Читать полностью »
Горячая летняя сборка Opera 12.50
2012-08-03 в 15:26, admin, рубрики: animations, opera, opera 12.50, presto, transitions, websockets, Блог компании Opera Software, метки: animations, opera, opera 12.50, presto, transitions, websockets 
Лето обычно довольно тихое время в офисах Opera Software, но глядя на последнюю сборку Opera 12.50 и не скажешь, что наши разработчики бывают в отпуске.
Некоторые фичи из огромного списка изменений заслуживают отдельного внимания:
Стабильные CSS-свойства без префиксов
Мудрый человек (наш уважаемый Брюс Лоусон) как-то сказал: «Самый простой способ не иметь проблем с префиксами — не использовать их». В этой сборке мы впервые удаляем префиксы для свойств: Transition, Animation и Transform.
Читать полностью »