Наши работы: Сайт для клиники репродукции "Вита Эко" г. Вологда
⠀
Клиника "Вита Эко" оказывает помощь в наступлении беременности. "Мы сделаем все возможное для того, чтобы каждая пара почувствовала, какое это счастье – быть родителями!"
⠀
Клиника "Вита Эко" оказывает помощь в наступлении беременности. "Мы сделаем все возможное для того, чтобы каждая пара почувствовала, какое это счастье – быть родителями!"
Принципы анимации #2
Скрывайте контент на виду
⠀
Используйте «pointer-events» в CSS: значение «none» наряду с нулевой непрозрачностью для сокрытия элементов.
⠀
Данный метод плохо работает в старых браузерах, но если вы проектируете для webkit или других современных браузерных движков, то он сделает вашу жизнь намного проще.
⠀
В далёкие времена, когда анимации обрабатывались при помощи jQuery animate(), основная сложность при работе с эффектом fade заключалась в необходимости переключения значения свойства display: активировать none для прекращения эффекта в нужный момент. Слишком рано и анимация не будет завершена, слишком поздно и вы получаете невидимый элемент с нулевым значением opacity, перекрывающий страницу. Требовался обратный отклик для очистки экрана после завершения анимации.
⠀
Свойство CSS «pointer-events» (существует давно, но почему-то используют его нечасто) служит для того, чтобы сделать вещи нечувствительными к кликам мышью и другим взаимодействиям. Так, будто их вообще нет на странице. Это свойство может быть легко включено/выключено посредством CSS. При работе оно не прерывает анимацию и не влияет на рендеринг/видимость элементов.
⠀
Комбинируя эту вещь с нулевым значением opacity, мы получаем тот же эффект, что даёт «display: none», но без влияния на производительность при запуске новых циклов рендеринга анимации. Если необходимо скрыть элемент из поля зрения, я обычно выставляю нулевую непрозрачность и выключаю pointer-events. После этого могу забыть о нём, зная, что всё можно легко вернуть обратно и ничего не будет мешать производительности страницы.
⠀
Этот приём особенно хорошо работает с элементами, имеющими абсолютное позиционирование, поскольку в таком случае вы можете быть уверены в том, что они не оказывают никакого влияния на все остальные участки макета и элементы страницы.
⠀
Также это даёт вам намного большую свободу действий, поскольку выбор времени начала/прекращения анимации в таком случае может быть и не очень точным. Даже если вы немного ошибётесь с таймингами, ничего страшного не произойдёт. Пользователь просто не сможет ничего нажать до того, как анимация завершится.
Скрывайте контент на виду
⠀
Используйте «pointer-events» в CSS: значение «none» наряду с нулевой непрозрачностью для сокрытия элементов.
⠀
Данный метод плохо работает в старых браузерах, но если вы проектируете для webkit или других современных браузерных движков, то он сделает вашу жизнь намного проще.
⠀
В далёкие времена, когда анимации обрабатывались при помощи jQuery animate(), основная сложность при работе с эффектом fade заключалась в необходимости переключения значения свойства display: активировать none для прекращения эффекта в нужный момент. Слишком рано и анимация не будет завершена, слишком поздно и вы получаете невидимый элемент с нулевым значением opacity, перекрывающий страницу. Требовался обратный отклик для очистки экрана после завершения анимации.
⠀
Свойство CSS «pointer-events» (существует давно, но почему-то используют его нечасто) служит для того, чтобы сделать вещи нечувствительными к кликам мышью и другим взаимодействиям. Так, будто их вообще нет на странице. Это свойство может быть легко включено/выключено посредством CSS. При работе оно не прерывает анимацию и не влияет на рендеринг/видимость элементов.
⠀
Комбинируя эту вещь с нулевым значением opacity, мы получаем тот же эффект, что даёт «display: none», но без влияния на производительность при запуске новых циклов рендеринга анимации. Если необходимо скрыть элемент из поля зрения, я обычно выставляю нулевую непрозрачность и выключаю pointer-events. После этого могу забыть о нём, зная, что всё можно легко вернуть обратно и ничего не будет мешать производительности страницы.
⠀
Этот приём особенно хорошо работает с элементами, имеющими абсолютное позиционирование, поскольку в таком случае вы можете быть уверены в том, что они не оказывают никакого влияния на все остальные участки макета и элементы страницы.
⠀
Также это даёт вам намного большую свободу действий, поскольку выбор времени начала/прекращения анимации в таком случае может быть и не очень точным. Даже если вы немного ошибётесь с таймингами, ничего страшного не произойдёт. Пользователь просто не сможет ничего нажать до того, как анимация завершится.
Проекты нашей студии учавствуют в "Рейтинге рунета"
Понравились наши проекты, ставим "пятерки"
Интернет-магазин оптики "Крот.шоп"
Номинация: Интернет-магазины
http://awards.ratingruneta.ru/awards_vote/?site_id=476
Сайт волейбольного клуба "Северянка"
Номинация: Развлечения и спорт
http://awards.ratingruneta.ru/awards_vote/?site_id=477
Понравились наши проекты, ставим "пятерки"
Интернет-магазин оптики "Крот.шоп"
Номинация: Интернет-магазины
http://awards.ratingruneta.ru/awards_vote/?site_id=476
Сайт волейбольного клуба "Северянка"
Номинация: Развлечения и спорт
http://awards.ratingruneta.ru/awards_vote/?site_id=477
awards.ratingruneta.ru
Народное голосование на «Рейтинге Рунета» за сайт https:gkinko.ru
У нас появился аккаунт на Dribbble
Dribbble - это онлайн-сообщество для графического дизайна, веб-дизайна, иллюстрации, фотографии и других творческих областей.
Подписаться и оценить работы наших дизайнеров можно по ссылке 👇 https://dribbble.com/webest
Dribbble - это онлайн-сообщество для графического дизайна, веб-дизайна, иллюстрации, фотографии и других творческих областей.
Подписаться и оценить работы наших дизайнеров можно по ссылке 👇 https://dribbble.com/webest
Dribbble
Webest
Webest | Technological sites, thoughtful design and effective promotion in e-commerce | Connect with them on Dribbble; the global community for designers and creative professionals.
Ни для кого не секрет, что в последнее десятилетие интернет стал первой точкой касания клиента и компании. Это явление не обошло и рынок охранных услуг (как в B2B, так и в B2С сегменте). Рынок уплотняется, появляются новые игроки, конкуренция растет. Казалось бы в 2018 году новым игрокам в digital-среде на конкурентом рынке нет места, но так ли это? https://wbest.ru/blog/reshayuschie-aspekty-v-prodvizhenii-ohrannyh-uslug/
Вэбест - Webest Digital-агентство
ЧОП, кейс. Решающие аспекты в продвижении охранных услуг — Webest Digital-agency
Решающие аспекты в продвижении охранных услуг. Блог Webest Digital-agency.
Проголосуйте, пожалуйста, за нашу работу на Tagline Awards 2018 😊
1. Переходим по ссылке ниже 👇
2. Жмем "Да!" в окне справа от кейса
3. Входим на сайт через любую соц. сеть
4. Ваш голос засчитан! Мы очень рады, шлем вам лайки в карму)
"KROT. SHOP" - это функциональный и современный сервис, позволяющий быстро и легко приобрести товары медицинской оптики.
Наша цель сделать интернет-магазин наиболее удобным, а цены на товары в нём максимально доступными для каждого покупателя. https://tagline.ru/webest/cases/internet-magazin-krot--shop/
1. Переходим по ссылке ниже 👇
2. Жмем "Да!" в окне справа от кейса
3. Входим на сайт через любую соц. сеть
4. Ваш голос засчитан! Мы очень рады, шлем вам лайки в карму)
"KROT. SHOP" - это функциональный и современный сервис, позволяющий быстро и легко приобрести товары медицинской оптики.
Наша цель сделать интернет-магазин наиболее удобным, а цены на товары в нём максимально доступными для каждого покупателя. https://tagline.ru/webest/cases/internet-magazin-krot--shop/
tagline.ru
Digital-кейсы Tagline
Разработка и продвижение интернет-магазина контактных линз, солнцезащитных очков, медицинских оправ
Проголосуйте, пожалуйста, за нашу работу на Tagline Awards 2018 😊
1. Переходим по ссылке ниже 👇
2. Жмем "Да!" в окне справа от кейса
3. Входим на сайт через любую соц. сеть
4. Ваш голос засчитан! Мы очень рады, шлем вам лайки в карму)
"ЯиГрушка" - компания-производитель деревянного оружия для детей, настольных и активных игр с собственным производством в г. Подольске.
Цель проекта: увеличить количество заказов, повысить конверсию интернет-магазина и сформировать привлекательный образ бренда. https://tagline.ru/webest/cases/internet-magazin-yaigrushka/
1. Переходим по ссылке ниже 👇
2. Жмем "Да!" в окне справа от кейса
3. Входим на сайт через любую соц. сеть
4. Ваш голос засчитан! Мы очень рады, шлем вам лайки в карму)
"ЯиГрушка" - компания-производитель деревянного оружия для детей, настольных и активных игр с собственным производством в г. Подольске.
Цель проекта: увеличить количество заказов, повысить конверсию интернет-магазина и сформировать привлекательный образ бренда. https://tagline.ru/webest/cases/internet-magazin-yaigrushka/
tagline.ru
Digital-кейсы Tagline
Редизайн и комплексное продвижение интернет-магазина «Яигрушка»
This media is not supported in your browser
VIEW IN TELEGRAM
Разработка и комплексное продвижение интернет-магазина производителя брендовых детских игрушек Яигрушка. https://wbest.ru/portfolio/magazin-igrushek-proizvoditelya/
Наша новая работа: Forensic Token Lab
Разработка сервиса для анализа и отслеживания ICO-проектов.
Для инвестора: Построение рейтинга, отслеживание остаточных токенов.
Для проекта: Получение доверия инвестора, построение оценочной стоимости. https://forensictokenlab.com
Разработка сервиса для анализа и отслеживания ICO-проектов.
Для инвестора: Построение рейтинга, отслеживание остаточных токенов.
Для проекта: Получение доверия инвестора, построение оценочной стоимости. https://forensictokenlab.com
Компания «Webest» стала обладателем премии «Tagline Awards 2018» и получила серебро в номинации Perfomans Marketing за разработку и продвижение интернет-магазина контактных линз, солнцезащитных очков, медицинских оправ. Международная награда Tagline Awards вручается ежегодно за самые интересные проекты. Подробнее о проекте можно узнать по ссылке: https://tagline.ru/webest/cases/internet-magazin-krot--shop/
tagline.ru
Digital-кейсы Tagline
Разработка и продвижение интернет-магазина контактных линз, солнцезащитных очков, медицинских оправ
Компания «Webest» стала обладателем премии «Tagline Awards 2018» и получила бронзу в номинации Лучшая Perfomans-кампания за редизайн и комплексное продвижение интернет-магазина «Яигрушка». Международная награда Tagline Awards вручается ежегодно за самые интересные проекты.
Подробнее о проекте можно узнать по ссылке: https://tagline.ru/webest/cases/internet-magazin-yaigrushka/
Подробнее о проекте можно узнать по ссылке: https://tagline.ru/webest/cases/internet-magazin-yaigrushka/
tagline.ru
Digital-кейсы Tagline
Редизайн и комплексное продвижение интернет-магазина «Яигрушка»
Дорогие наши клиенты, партнеры и все, с кем мы работали в этом году!
Накануне Нового года традиционно полагается подводить итоги, оценивать результаты и строить планы на будущее. Для нашей компании важнейший показатель успеха – достижения целей и поставленных перед нами задач, нашими клиентами. Мы гордимся тем, что благодаря работе команды Вэбест, вы получаете возможность повышать продажи и улучшать сервис.
Нас многое объединяет: современный подход к продвижению бизнеса, любовь к инновациям, постоянное развитие. Мы благодарны партнерам, которые вместе с нами прошли непростой путь.
Мы поздравляем всех вас с наступающим Новым годом и Рождеством! :tada::santa: Желаем вашим компаниям стабильного роста и процветания. Пусть самые дерзкие замыслы воплотятся в жизнь, а результаты превзойдут самые смелые ожидания.
Мы готовы поддержать ваш бизнес в любом начинании и помочь в достижении целей, будь то привлечение клиентов, внедрение CRM или разработка новых digital-продуктов.
Накануне Нового года традиционно полагается подводить итоги, оценивать результаты и строить планы на будущее. Для нашей компании важнейший показатель успеха – достижения целей и поставленных перед нами задач, нашими клиентами. Мы гордимся тем, что благодаря работе команды Вэбест, вы получаете возможность повышать продажи и улучшать сервис.
Нас многое объединяет: современный подход к продвижению бизнеса, любовь к инновациям, постоянное развитие. Мы благодарны партнерам, которые вместе с нами прошли непростой путь.
Мы поздравляем всех вас с наступающим Новым годом и Рождеством! :tada::santa: Желаем вашим компаниям стабильного роста и процветания. Пусть самые дерзкие замыслы воплотятся в жизнь, а результаты превзойдут самые смелые ожидания.
Мы готовы поддержать ваш бизнес в любом начинании и помочь в достижении целей, будь то привлечение клиентов, внедрение CRM или разработка новых digital-продуктов.