Сайт digital-агентства Red Collar под названием Save Whales получил интернет-Оскар Webby в категории Green. О том, как пришла идея создать сайт на эту тему, как строили процесс работы в создать сайт на эту тему, как строили процесс работы в жёстко ограниченных временных рамках, и какие технологии использовали в разработке — читайте ниже. save-whales.com Бэкграунд Save Whales — некоммерческий проект, созданный по инициативе нашей команды. Мы стараемся заботиться…
Дизайн публичных пространств становится более раскованным, осмысленным и интересным — новая галерея во Владивостоке Gallery Gif взяла лучшее от ритейла и экспозиционных площадок. Архитекторы бюро Miyao постарались создать пространство, которое бы способствовало рождению новых проектов. Локация: Владивосток Площадь: 89 м2 Авторы проекта: бюро Miyao Фото: Александр Хом От предыдущего заведения в помещении ничего не осталось…
Скейоморфные кнопки с реалистичным трехмерным эффектом
Skeuomorphism использовался на более ранних iPhone и был сделан популярным им также для дизайна пользовательского интерфейса. Это в основном осуждается из-за плоского дизайна, так как скейоморфные элементы сложнее создавать, поддерживать и масштабировать на разных платформах. Вы заметите, что стиль не работает хорошо, когда вы меняете один цвет, например, фон. Поиграйте с ним, узнайте, что происходит и как это делается, но я бы не рекомендовал использовать его на своем веб-сайте / в приложении. Во всяком случае, сейчас 2020 год, а скейоморфизм еще не наступил, в противном случае вам следует хотя бы подождать пару лет, пока он снова не станет винтажным, ретро и модным.
Футуристические и органические стили кнопок с эффектом наведения. Использует эффект фонового фильтра для легкого эффекта морозного стекла. CSS через Sass в качестве препроцессора, HTML через Pug. Javascript не используется.
Simple but cool transition — animation effect occurs on HTML button when mouse cursor comes over the button. All the transitions takes place based on CSS only.
Download button micro interaction with SVG and little jQuery.
Author
Collin Smith
About the code
Outrageously Useless Buttons, Maybe?
Button animations you probably shouldn't use.
About the code
Pure CSS Flipping Button
This is a flatt buttonwhich has a 3-dimensional flipping effect on hover.
Author
Nour Soud
About the code
Bubbly Button
Made the bubbles using radial-gradient for background-image. I believe this property is so cool that you can draw many things without adding extra div's or pseudo elements (::before and ::after).
Simple button hover effect by replacing the text in a button with an svg element which mimics the button in order to create an effect which can not (easily?) be done with CSS.
Только недавно Дж.К. Роулинг выпустила «Икабог», новую сказку от автора Гарри Поттера которая пришла с сопутствующим конкурсом иллюстраций для детей. Роулинг поделилась некоторыми из этих работ в своем Твиттере, в ленте, которая увидела, что она попала в заголовки новостей на прошлых выходных за комментарии относительно транс-идентичности. То, что автор помещает детское творчество бок о бок…
По мере того, как в США продолжаются протесты против жестокого убийства Джорджа Флойда сотрудниками полиции Миннеаполиса, Креативщики по всему миру демонстрируют солидарность с движением Black Lives Matter. В то время как некоторые подчеркивают причину, передавая дань уважения Флойду, другие используют свои позиции, чтобы сделать положительные шаги, чтобы усилить чернокожих людей в творческих отраслях. В этой…
Учитывая, насколько важен веб-дизайн для бизнеса — без присутствия в Интернете мало что можно сделать — можно с уверенностью предположить, что процесс создания веб-сайта будет менее сложным, а не более. К сожалению, между цифровой стратегией, UX и дизайном продукта, дизайном и разработкой интерфейса и версиями для мобильных устройств и планшетов список сайтов и услуг веб-дизайна,…
За последний год или два появился определенный стиль в дизайне брендов и продуктов. Мягкие и приглушенные цвета, округлые формы и ненавязчивая типография. Это то, что можно назвать чистым, доступным, безобидным, милым. Уменьшите масштаб, и вы заметите, что эта особенная эстетика повсюду. Каваизация Слово «каваий» является важной частью японской культуры. В английском языке оно наиболее близко…
Привет, друзья! Если вы ищете реально крутые стоковые фотографии, тогда вы попали по адресу. Тут собраны бесплатные фотографии с тёмным фоном, то есть в данных фотографиях преобладают чёрные цвета. В общем не буду я сильно тянуть! Скачивайте! Рекомендую: Новейшие и бесподобные стоковые фотографии на сайт (Часть 44) Бесплатные и качественные стоковые фотографии для сайта (Часть…
Мечты создать универсальный инструмент дизайнера, который бы позволял за пару кликов и строк кода собирать готовые решения оказались недостижимы. Как когда-то идеи архитекторов-модернистов расселить людей по жилым ячейкам и рационализировать их быт. Людям оказался нужен хаос, а дизайну — пространство для экспрессии, драматизма и продуктового роста. История отечественных дизай-систем Рост интереса к дизайн-системам на нашем…
Кнопка «Вверх к началу» — это то, что многие из вас, вероятно, видели на многих веб-сайтах. Это стрелка, которая появляется в правом нижнем углу веб-страницы при ее прокрутке. Когда вы нажимаете, она возвращает вас к началу страницы. Если вы хотите добавить кнопку «Наверх» в процессе разработки сайта, или просто интересуетесь, как вы можете создать её…
О коде
About the code
