Проблемы с графическим интерфейсом
Не существует единого способа решения проблем с интерфейсами. В этой серии мы бросим вызов себе и друг другу, чтобы найти множество способов решения проблем интерфейса и расширить разнообразие наших навыков.
Думаем о способах решения цветовых палитр
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk создает широкую цветовую палитру с помощью okLCH, попутно проверяя доступные цветовые пары, в...
Думаем о том, как решить научно-фантастический 3D-текст
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk придаёт #CSS эффект 3D-текста из классического научно-фантастического фильма, делая его интерактивным для прокрутки. По...
Думаем о способах решения ГРУПП ПЕРЕКЛЮЧАТЕЛЕЙ
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk превращает группу переключателей в группу переключателей изменения выравнивания текста. Узнайте, как протестировать доступ...
Думаем о том, как решить проблему с эффектом ГЛИЧА
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk создает эффект кибер-глюка с помощью CSS-путей и преобразований.
Думаем о способах решения ФАЗОВОЙ ФИЗИКИ
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk развлекается, создавая физические эффекты пользовательского интерфейса с помощью пользовательских свойств CSS, запроса кадра анимации и...
Думаем о том, как решить СТОК КАРТ
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk создает анимированную стопку карточек, используя источник преобразования, сетку и :has().
Думаем о способах решения ПЕРЕХОДОВ
В сегодняшнем нашумевшем конкурсе GUI Challenge @AdamArgyleInk в реальном времени кодирует CSS-переходы клип-путей, демонстрирует несколько крутых эффектов и раскрывает ошибки. Я...
Думаем о способах решения
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk создает всплывающую подсказку с пользовательским элементом (без веб-компонента!), :has(), преобразованиями и логическими реквизитами...
Думаем о том, как решить проблему «ИЛЛЮЗИЯ СТЕНЫ КАФЕ»
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk воссоздает классическую иллюзию с помощью CSS.
Думаем о способах решения КАРУСЕЛЕЙ
В сегодняшнем выпуске GUI Challenge @AdamArgyleInk рассказывает о функциях и аспектах компонента карусели: адаптивное оформление тем, адаптация к различным пользователям...
Думаем о способах решения FAB
В сегодняшнем выпуске GUI Challenge @AdamArgyleInk создает пару плавающих кнопок действий (FAB) и рассказывает о вопросах UX и CSS...
Думаем над решением КНОПКИ
В сегодняшнем конкурсе GUI Challenge @AdamArgyleInk стилизует все различные типы веб-кнопок с помощью пользовательских свойств и :where() для светлого/темного...
Думаем о способах решения ДИАЛОГ
В сегодняшнем выпуске GUI Challenge @AdamArgyleInk показывает, как визуально улучшить элемент диалога, сохраняя при этом доступность и интернациональность...
Думаем о том, как решить проблему ЗАГРУЗКИ.
В сегодняшнем выпуске GUI Challenge @AdamArgyleInk показывает, как стилизовать встроенный элемент прогресса и как реализовать отличный UX-интерфейс чтения с экрана, ли...
Думаем о способах решения SVG FAVICON
В сегодняшнем выпуске GUI Challenge @AdamArgyleInk делится мыслями о том, как создать адаптивный значок с помощью SVG. SVG не только предоставляет бесконечные...
Думаем о том, как решить проблему ПЕРЕКЛЮЧЕНИЯ ТЕМНОЙ/СВЕТЛОЙ ТЕМЫ
В сегодняшнем выпуске GUI Challenge @AdamArgyleInk делится мыслями о том, как создать компонент переключения тем. Часто веб-сайт позволяет переключаться...
Думаем о способах решения ТОСТОВ
В сегодняшнем выпуске GUI Challenge @AdamArgyleInk делится мыслями о том, как создавать всплывающие уведомления, неинтерактивный и пассивный компонент пользовательского интерфейса, который можно доказать...
Думаем о способах решения 3D МЕНЮ
В сегодняшнем выпуске GUI @AdamArgyleInk делится своими мыслями о том, как создать 3D-меню видеоигры, которое адаптируется к цветовым предпочтениям ОС,...
Думаем о путях решения MULTI-SELECT
В сегодняшней задаче по графическому интерфейсу я поделюсь своими мыслями о том, как предоставить пользователям возможность множественного выбора. Чтобы продемонстрировать множественный выбор, я подготовил фильтр...
Думаем о способах решения РАЗДЕЛЕННЫХ КНОПОК
В сегодняшней задаче по графическому интерфейсу я поделюсь своими мыслями о том, как решить проблему с разделенными кнопками. Основной компонент для конденсированных интерфейсов, он позволяет легко...
Думаем о способах решения SWITCHES
В сегодняшней задаче по графическому интерфейсу я делюсь своими мыслями о том, как решить проблему переключения. Крошечный, насыщенный UX компонент, который в конечном итоге стал одним из самых ...
Думаем о способах решения ХЛЕБНЫХ КРОШЕК
В сегодняшнем задании по графическому пользовательскому интерфейсу мы создаем компонент хлебных крошек… с изюминкой! Вместо линейного списка ссылок эта хлебная крошка составляет...
Думаем о способах решения ЦВЕТОВЫХ СХЕМ
В сегодняшнем задании по графическому интерфейсу мы создаем темные, светлые и тусклые цветовые схемы с помощью HSL. CSS работает во всех современных браузерах, устанавливает...
Думаем о том, как решить проблему с МЕДИАСКРОЛЕРОМ
В сегодняшнем выпуске GUI @Adam Argyle делится мыслями о том, как создать в Интернете возможности встроенной прокрутки, которые будут минимальными и отзывчивыми...
Думаем о способах решения РАЗДЕЛЕННОГО ТЕКСТА
В сегодняшнем соревновании по графическому интерфейсу @AdamArgyleInk будет отвечать на ваши комментарии в течение первых 30 минут после выхода эпизода. Соединять...
Думаем о способах решения НАСТРОЙКИ
В сегодняшнем задании по графическому интерфейсу мы создадим и продемонстрируем страницу динамических настроек с ползунками и флажками. Наша страница настроек отзывчива, поддержка...
Думаем о способах решения TABS
В сегодняшнем задании по графическому интерфейсу мы создаем компонент вкладок с некоторыми действительно интересными функциями, о которых вы, возможно, даже не задумывались. Наши вкладки со...
Приглашения к участию в SIDENAV
Мы попросили сообщество создать компонент боковой навигации по-вашему, и вы все справились! Посмотрите материалы:
Думаем о способах решения SIDENAV
В сегодняшней задаче по графическому пользовательскому интерфейсу мы создаем адаптивный и доступный пользовательский интерфейс с выдвижной боковой навигацией, используя CSS и JS. Сиденав работает...
Приглашение к отправке по ЦЕНТРИРОВАНИЮ
Мы провели стресс-тестирование 5 различных методов центрирования CSS, и я предложил вам предложить свои собственные. Привет Крису Койеру из CSS-Tricks...
Приглашение к участию в STORIES | Проблемы с графическим интерфейсом
Вы видели, как я строю истории по-своему, и я призвал вас всех строить их по-своему. Благодарим @Geoffrich_ за его публикацию в Твиттере! Делать...
Думаем о способах решения ЦЕНТРИРОВАНИЯ
В сегодняшнем задании мы проводим стресс-тестирование 5 различных методов центрирования CSS. Посмотрите, какие методы должны занять место в вашем поясе для инструментов...
Думаем о способах решения ИСТОРИИ | Проблемы с графическим интерфейсом
Добро пожаловать на GUI Challenges, где я создаю интерфейсы по-своему и призываю вас делать это по-своему. Объединив наши творческие умы, мы...