Веб-дизайн

Хабрахабр
Марк Левин06.04.2023
0 1

[recovery mode] Как мог бы выглядеть тёмный Хабр

Пользователи часто спрашивали тёмную тему на Хабре. Насколько мне известно, команда разработчиков в курсе этой потребности, но пока не готова представить реализацию. Тем не менее, она есть. Хотел было назвать "Тёмная сторона Хабра", но всё же передумал. Извините. Мы обсуждали этот момент с @Boomburum. Он буквально вытягивал меня на написание поста, на что я давал самый сильный отпор, на который…
Читать далее »
Хабрахабр
Григорий Воронцов21.03.2023
0 1

Бестолковый дизайн

Здравствуйте, меня зовут Дмитрий Карловский и я.. нет, я не дизайнер. Так что не стоит воспринимать мои слова всерьёз. Я просто пользователь. И у меня пригорает от популярных дизайнерских решений, бездумно копируемых из одного приложения в другое.. Переключатель панелей Дизайнер решил, что если все табы в экран не влезли, то тем хуже для этих табов, и им делается обрезание. Однако,…
Читать далее »
Хабрахабр
Марк Левин13.03.2023
0 1

Темные Паттерны — это сложно. Эффект «Большой колы»

Теперь, заходя в одну из сетей общественного питания, я беру два по 0,2. И каждый раз улыбаюсь себе с упреком, что «гуру» интерфейсных манипуляций понадобилось полгода, чтобы увидеть этот паттерн. Теперь этот пример украшает мои лекции, в основе которых два постулата: дизайн — это про деньги и хороший дизайн возможен только с фундаментальной научной базой. Для тех, кто проигнорировал стоимость…
Читать далее »
Хабрахабр
Марк Левин04.03.2023
0 0

Как рисовать красивые соединения с помощью SVG

Мы делаем систему симуляции различных процессов, в которой пользователь с помощью визуального программирования может описать и посмотреть, как работает тот или иной процесс. Иными словами, проверить, как на результат процесса влияют те или иные причинно-следственные связи. Вся система построена на нодах - наглядных представлениях функций, которые принимают, обрабатывают, показывают и в конце концов отправляют данные в следующие ноды. Мне в…
Читать далее »
Хабрахабр
Марк Левин03.03.2023
0 3

[Перевод] 12 важнейших сайтов для освоения CSS в 2023 году

Хотите войти в веб-разработку, но не знаете, с чего начать? Освоение CSS станет отличным стартом и, к счастью для вас, в сети существует огромное количество учебных ресурсов.Мы провели исследование и собрали 12 наиболее актуальных сайтов, которые помогут вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки. Будь вы начинающий программист или опытный, на этих сайтах есть информация…
Читать далее »
Хабрахабр
Andy24.02.2023
0 0

[Перевод] Руководство по реализации отзывчивого дизайна в 2023 году

Сегодня построение отзывчивых макетов уже не основывается на контрольных точках (breakpoints) с фиксированной шириной. Вместо этого современные макеты должны работать на устройствах практически любого размера. Однако, к своему удивлению, я всё ещё встречаю сайты, где используется паттерн отзывчивого дизайна – когда присутствует контейнер, получающий новое значение max-width в соответствии с шириной области просмотра. Термин «отзывчивый» сегодня отражает уже очень многое.…
Читать далее »
Хабрахабр
Лида Шиндлер24.02.2023
0 1

[Перевод] Градиентные тени на CSS

Мне часто задают вопрос: Возможно ли создать тени из градиентов, а не из сплошных цветов? В СSS не существует конкретного свойства для этого (поверьте мне, я проверял), а в любом посте по этой теме содержится только множество хитростей для того, чтобы получить что-то похожее на градиент. В этой статье я расскажу вам о некоторых из них. Но для начала… ещё…
Читать далее »
Хабрахабр
Лида Шиндлер08.02.2023
0 0

Приглашаем на Ozon Tech Community Design Meetup. Дизайн продукта: путь до прода

Привет, Хабр! Меня зовут Кирилл Семушин, в Ozon я руковожу направлением продуктового дизайна и исследований. В нашей компании более 150 дизайнеров (продуктовых, креативных, коммуникационных, бренда), десятки исследователей и не менее дюжины UX-редакторов. Все эти ребята работают над бесчисленным количеством продуктов, от больших до маленьких, чтобы наши пользователи становились чуточку счастливее. Представьте знакомую многим ситуацию, когда дизайнер днями и ночами собирает…
Читать далее »
Хабрахабр
Стас Молотов08.02.2023
0 0

[Перевод] CSS-селектор :has() и междустрочные интервалы в длинных текстах

Если вы работали с сайтами, содержащими много длинных текстов, особенно с сайтами на CMS, где пользователи работают в WYSIWYG-редакторе, то вы наверняка писали CSS для управления междустрочными интервалами между различными элементами типографики — заголовками, параграфами, списками и т. д. Писать такие стили удивительно непросто. Именно поэтому появились инструменты, подобные плагину Tailwind Typography и Prose от Stack Overflow, хотя они работают…
Читать далее »
Хабрахабр
Григорий Воронцов07.02.2023
0 1

Как стать веб-дизайнером

Говорят, что профессии веб-дизайнера уже не существует. Считается, что она эволюционировала и разделилась на специализации. Отдельным навыкам, которые могут пригодиться в веб-дизайне, учат в сотнях колледжей, вузов и рассказывают на тысячах онлайн-курсах в сети. При этом получить сразу весь комплекс знаний по теме практически невозможно. Но все-таки стать веб-дизайнером реально, ведь я им стала и работаю по этой профессии в…
Читать далее »