Можно смотреть стили любого элемента, сразу видеть всю цветовую палитру сайта, в одном месте собраны все картинки. Очень удобно, отличная замена стандартному инспектору. Работает в браузерах, поддерживающих расширения для Хрома. https://csspeeper.com
1. APPAREIL architecture — appareilarchitecture.com 2. Studiomama — studiomama.com 3. Cobe Architecture — cobe.dk 4. X ARCHITEKTEN — xarchitekten.at 5. Stinessen Arkitektur — snorrestinessen.com 6. Héloïse Thibodeau Architecte — htarchitecte.com 7. Ghafari Associates — ghafari.com 8. Dallas–Pierce–Quintero — d-p-q.uk 9. KIRKOR — kirkorarchitects.com
Знак и стиль разработали в агентстве ONY. Вот, что пишет команда о своей работе: «Третьяковская галерея — самая известная и любимая коллекция в России, наследие за тысячу лет. Сегодня галерея развивается, становится ближе к людям, из формата классического музея преобразуется в современное, актуальное пространство, наполненное множеством разнообразных активностей. Для разработки образа, который объединит весь музейный […]
Команда издания запустила «в бой» полностью обновленный сайт, над которым они работали последние 18 месяцев. Изменился не только внешний вид, но и программная часть. Теперь у сайта, по сути, нет бэкенда и он работает как progressive web app. Вордпресса внутри больше нет, а весь контент хранится в виде Маркдаун-файлов, которые специальные скрипты преобразуют в статичный […]
1. Talkjs — talkjs.com 2. Nuageapp — nuageapp.com 3. Lingoapp — lingoapp.com 4. Coach — withcoach.com 5. Slack Enterprise — slack.com/enterprise 6. Newton by Cloudmagic — cloudmagic.com 7. Stripe Radar — stripe.com/radar Скачать: talkjs.jpg Скачать: nuage.jpg Скачать: lingoapp.jpg Скачать: coach.jpg Скачать: Slack-Enterprise.jpeg Скачать: Newton.jpg Скачать: Stripe-Radar.jpg
1. web.nike.com/xp/sbdunk/index.html — сайт про скейтерскую серию кроссовок Найки делает «Олли» при скролле; 2. simonsweeney.me — круговой скролл на сайте ирландского дизайнера и разработчика Саймона Суини; 3. http://bong.international — хватайте и тащите; 4. yokoland.com — на сайте норвежской дизайн-студии мжно рисовать неожиданными кистями; 5. topotopo.io — трехмерная модель любого места в мире.
Я вчера включил этот кейс в дайджест, но он настолько классный, что я не удержусь продублировать его здесь. В канадском отделении Leo Burnett разработали стиль и сайт большой типографии, известной широким спектром технологий печати и постпечатной обработки. Чтобы это показать, в агентстве сделали много версий логотипа, «напечатанных» разными способами на разных материалах. Но самая крутота […]
Это перевод двух частей статьи Джереми Франка (Jeremy Frank) Responsive Logos. Часть 1, Часть 2.
Я заметил, что когда дело доходит до адаптивного дизайна, логотипы зачастую используются не лучшим образом. В большинстве случаев логотип просто сжимается настолько, насколько это необходимо, чтобы заполнить отведенное ему пространство на странице. Продолжить чтение
Адоби внедряет формат Оупентайп-СВГ (OpenType-SVG). Это обычный Оупентайп, в котором глифы могут заменяются на СВГ-варианты самих себя. Таким образом можно каждый знак красить в несколько цветов, делать градиенты. Пока что это работает в только в Фаерфоксе версий 26+ и Эдже версий 38+, но ожидается, что остальные тоже подтянутся. Формат обратно-совместим с Оупентайпом, поэтому в браузерах […]
material.io/resizer
Можно задать несколько цветов, настроить угол градиента, угол и скорость анимации. Код совместим со всеми основными браузерными движками. gradient-animator.com
Небольшая библиотека для анимации текста (css и java script). Можно использовать, например, для обозначения обратной связи на сайте. Ну или просто для забавных эффектов. Демонстрация: www.stilllife.studio/txtwav Исходники: github.com/still-life-studios/
Элегантное обозначение обратной связи без лишних модальных окон и оверлеев. По ссылке это решение представлено в 18 разных стилях. Интерактивная демонстрация: tympanus.net/Development/ProgressButtonStyles Статья и исходники: tympanus.net/codrops/2013/12/12/progress-button-styles Скачать: ProgressButtonStyles.zip
1. https://plumewifi.com 2. http://www.beoplay.com/products/beoplayh5 3. https://sonikpass.com 4. http://locolo.me 5. http://tedxwestvancouvered.com
Команда из трех римских дизайнеров по заказу Совета Министров Италии разработала фирменный стиль, сайт и приложение программы «18 is You». Программа направлена на продвижение культуры среди молодежи. С 2016 года каждый итальянец, которому исполняется 18, получает специальную карту на 500 евро. Деньги можно потратить на книги, кино, концерты, выставки и другие культурные услуги. Молодые люди […]
1. Ableton Loop — loop.ableton.com/2016 2. Fake Music — fakemusic.fr 3. Monday Music — poigneedemainvirile.com 4. Revelator — revelator.com 5. Sound of Change — sound-of-change.com 6. Spotify Year in Music — yearinmusic.spotify.com 7. Apple Music — apple.com/ru/music 8. Music Bed — musicbed.com 9. Glaubber Music — glaubbermusic.com журнал Losko Magazine специально для Awdee
Это часть курса ребят из Тильды «Дизайн в цифровой среде». В статье рассматриваются физиологические аспекты взаимодействия человека с графическим интерфейсом. Правило 7±2, геометрическая память, группировка объектов, контрасты формы, цвета, размера и движения, особенности процесса чтения. Очень наглядно и полезно. http://tilda.education/courses/web-design/psychophysiology/
1. The Rivalry — therivalry.co 2. Finesse Design Atelier —finesseatelier.com 3. Poignée de main virile — poigneedemainvirile.com 4. Redoctober Industrie — redoctober.com 5. OVER TIJD — overtijd.be/nl 6. M&C Saatchi Worldwide — mcsaatchi.com 7. Advanced Urban Design — advancedurbandesign.com 8. Curaterz — curaterz.fr 9. One Hundred East Fifty Third Street — 100e53.com журнал Losko Magazine […]
1. Maria/Maleta — mariamaleta.com 2. ALLT — allt.sk 3. Triner. Type&Face — triner.de/type-face 4. 1961 — 1961.today 5. Benvigut Bisgràfic Barcelona — bbb.cat 6. OUUR — ouurmedia.com 7. Pitchfork — pitchfork.com 8. Andrea Brugi — andreabrugi.com 9. Romlaboratoriet AS — romlab.no