В 14:18 ET сегодня миллионы людей в Америке получат текстовое сообщение, которое читает , «Президентский сигнал». Текст является тестом системы беспроводной аварийной сигнализации FEMA. Если вы нажмете на текст, вы увидите слова: «ЭТО ИСПЫТАНИЕ Национальной беспроводной системы оповещения о чрезвычайных ситуациях. «Как мы сообщали, этот тест — это эволюция давних национальных усилий по созданию идеальной…
Архитекторы De Matos Ryan проведут проект стоимостью 13,5 миллионов фунтов стерлингов, в который войдут новые галереи, новый вход и новая установка в главном зале, соединяющем этажи музея. Новые планы были представлены для крупной трансформации V & A Museum of Childhood (MOC). Практика архитекторов Де Матоса Райана, которая была назначена, чтобы возглавить перепланировку в 13,5 млн.…
Шведский графический дизайнер по созданию ультра-изобретательного фестивального плаката в гараже своего отца. Шведский графический дизайнер Виктор Герц, пожалуй, наиболее известен своими сатирическими «честными» логотипами, которые веселятся в таких крупных брендах, как McDonald's (aka «McDiabetes»), но за последнее десятилетие он был за лидирующим брендом в Международном фестивале короткометражных фильмов в Уппсале — и для фестиваля в…
Это не больше, чем зеркальная фотокамера, но Blackmagic Pocket Cinema Camera 4K способна захватывать чрезвычайно качественное видео 4K. У нас было обширное практическое время на недавнем мероприятии Blackmagic — так вот что мы думали. Несколько лет назад, Blackmagic Designs выпустили очень маленькую кинокамеру, которую они назвали Blackmagic Pocket Cinema Camera, или BMPCC для краткости. Не…
Microsoft продемонстрировала новый наддувом Surface Pro 6 и Surface Laptop 2, поскольку битва за создание лучших устройств продолжается. Компания также представила столь необходимое обновление для своего рабочего стола Surface Studio 2 и новых наушников Surface на своем недавнем крупном выпуске продукта в Нью-Йорке. News of the Surface Book Pro 6, особенно, будет приветствоваться креативами на…
Design Line Intensive — это неделя прокачки твоих дизайн-навыков. Тебя ждут лекции, мастер-классы, разбор твоей работы и ответы на волнующие вопросы от ведущих специалистов. Свежие идеи, заряд вдохновения и поддержка единомышленников — это лишь малая часть того, что с тобой может произойти после интенсива. Спикеры и расписание интенсива 14 ведущих дизайнеров и арт-директоров из Студии Лебедева, Высшей Школы Брендинга,…
Образовательный проект Москомархитектуры «Открытый город»-2018 длился целый месяц – в сентябре в профильных вузах Москвы – РАНХиГС, МАРХИ, ГУЗ, МИИГАиК, МИТУ-МАСИ, НИУ МГСУ – состоялась серия дискуссий, круглых столов и лекций, посвященных вопросам архитектурного образования и карьеры, а также прошел ряд экскурсий на площадки строящихся и реализованных проектов. Кульминацией проекта стала конференция «Открытый город», собравшая…
В 2019 году исполнится 450 лет со дня смерти Питера Брейгеля Старшего, создателя «коллективного образа» жителя Фландрии и главного рассказчика о ее традициях, критика социальных норм, по сей день не утратившего актуальности. В честь этой даты венский Музей истории искусств совершил практически невозможное — собрал ретроспективу художника из редких полотен со всего света. Парадокс: имя…
Дизайнер говорит, что он был «благословлен с самого начала с хорошим именем», поэтому выбрал «простой» и «честный» дизайн. Pentagram создала новый брендинг для онлайн-продавцов подержанных автомобилей Vroom, целью которого является подчеркнуть «удобство» и «простоту использования» платформы, а также уклониться от концепции старой школы автомобиля высокого давления продажи. Vroom позволяет покупателям приобретать качественный подержанный автомобиль онлайн…
Коллекция собранных вручную бесплатных примеров кода HTML и CSS .
Форма поиска с анимированной кнопкой поиска, которая превращается в стрелку вправо при наведении указателя мыши.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Эффект Hover для строки поиска в HTML и CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: font-awesome.css
Чистый расширенный поиск CSS с пользовательскими свойствами.
Совместимые браузеры: Chrome, Firefox, Opera, Safari
Зависимости: —
Анимированная панель поиска.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Nice окно поиска . Нажмите на значок поиска, затем введите ключевое слово.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Анимированный (только фокус / переход) поиск вход который выглядит как значок.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Небольшая разная реализация версии Keyframers.
Совместимые браузеры: Chrome, Firefox, Opera, Safari
Зависимости: —
Расширение поля поиска с CSS.
Совместимые браузеры: Chrome, Firefox, Opera, Safari
Зависимости: —
Все значки / изображения сделаны с помощью CSS — взаимодействие onlick выполняется с помощью селектора sibling ~ .
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Просто простой и немного причудливый эффект CSS для поля ввода.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Анимация окно поиска сделано с HTML и CSS
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Pretty окно поиска в HTML и CSS.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: ionicons.css
Поиск входной анимации (чистый css, без svg). Добавлены переменные для ширины border-width поэтому теперь вы можете легко изменить габаритные размеры этого входа . У этой демонстрации есть только одна проблема — без ввода автофокуса после открытия щелчка.
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: —
Очень интересное решение для поисковой формы .
Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari
Зависимости: font-awesome.css