Логово верстальщика – Telegram
Логово верстальщика
8.02K subscribers
996 photos
48 videos
4 files
1.72K links
Канал для верстальщиков с инфой о HTML и CSS, а так же JavaScript на уровне верстальщиков.

Канал на бирже - https://telega.in/c/webdevlair

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
​​😶🌫Что ученые знают про темные паттерны в дизайне: как повышают конверсию и насколько роняют доверие?

В этой статье вы узнаете, как темные паттерны в дизайне приложений могут повлиять на поведение пользователей, конверсию и доверие к бренду.

Читать...
​​👩‍💻Вырезаем кусочек из объема, не залезая в объем

В этой статье расскажу о том, как мы придумывали интерфейс для новой фичи в нашем реконструкторе SmartTomoEngine для данных компьютерной томографии (КТ) и что из этого получилось.

Читать...
​​👩‍💻Как работать с текстом при дизайне игровых интерфейсов

В этой статье мы рассмотрим приёмы, упрощающее восприятие текста игроками и про особенности работы с текстом на игровых проектах.

Читать...
​​👤Как я проектирую формы

В этой статье автор рассмотрит проектирования форм на сайте, включая сбор данных, обработку, обязательные поля, обработку ошибок, сообщения об успешной отправке, общие принципы работы форм.

Читать...
​​⌨️Web3: Фантастические SDAPPS и где они обитают

В этой статье вы узнаете развитии Web3 проектов, проблемах с централизованными серверами, предложении использовать SDAPPS для устранения этих проблем, а также о браузере QmlBrowser, который поддерживает работу без централизованных серверов для более децентрализованного подхода к Web3 проектам.

Читать...
​​🕶Тёмные паттерны UX себя не оправдывают

В этой статье автор расскажет о негативных последствиях использования темных паттернов UX, таких как обман пользователя, и получите рекомендации о том, как избежать такого поведения в дизайне интерфейсов.

Читать...
​​😍Подробный гайд как сделать темную тему с помощью variables фигмы

В этом руководстве я поделюсь, как это сделать просто и эффективно.

Читать...
​​🏄‍♂️Как исследовать текст в интерфейсе

В этой статье вы узнаете о важности текста в интерфейсе, методах исследования текста, и оценке его понимания, когнитивной нагрузки, запоминаемости и качества.

Читать...
​​👥Как сделать макеты удобнее для команды

В этой статье хочу поделиться тем, как контекст, сценарии, записки и прототипы помогают сделать макет в Figma понятными и удобным для команды.

Читать...
​​😱Полосы прокрутки становятся проблемой

В этой статье автор расскажет о проблеме уменьшения полос прокрутки в интерфейсах приложений, которая затрудняет использование для людей с ограничениями моторики или зрения.

Читать...
​​🎃Что такое Bento UI и при чем тут японские ланч-боксы?

В этой статье автор расскажет о том, откуда взялся дизайн-тренд Bento UI, что сделало его популярным, как делать интерфейсы в таком стиле и почему он так полюбился дизам Apple.

Читать...
​​💬Как писать UX-тексты: изучаем интерфейсы мессенджеров

В этой статье рассматриваются полезные практики подготовки текстов, приводятся примеры как правильных, так и неправильных подходов к написанию текстовых элементов интерфейсов.

Читать...
​​❤️Как разгрузить информационно-насыщенный дизайн

В этой статье вы узнаете, как правильно расставить акценты в информационно-насыщенном дизайне, чтобы управлять вниманием пользователя, выделять важные элементы и делать менее приоритетные менее заметными.

Читать...
​​👀HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 7

В этой статье мы рассмотрим к чему приводят распространённые ошибки с элементом <label>, а также лучший лайфхак с inputmode="numeric" улучшающий мою жизнь.

Читать...
​​🖼Форматы изображений в вебе (2024)

В этой статье проводится сравнение различных форматов изображений после конвертации и оптимизации, что позволяет увидеть изменения в качестве и размере файлов.

Читать...
​​🖥Эволюция главного экрана: хаос, исследования и редизайн

В этой статье я расскажу, как мы решились полностью переделать главный экран, какие исследования для этого потребовались и как мы проходили этот сложный путь.

Читать...
​​👩‍💻Разработка сайта на Тильде на примере реального проекта — подход и разбор решений по UX и UI

В этой статье хочу поделиться опытом разработки многостраничного сайта и на конкретном примере рассказать, как действую, чем руководствуюсь и на что обращаю внимание с самого начала.

Читать...
​​👍Красавица и HTML Injection. Почему HTMLi не только про дефейс

В этой статье я попробую рассказать про большую часть интересных векторов, которые мы можем использовать при ограничении в применении JS.

Читать...
​​😍Скрытые сокровища интерфейсного дизайна: 10 не популяризованных UI элементов, способных улучшить взаимодействие

В этой статье вы узнаете о 10 не популяризованных элементах интерфейсного дизайна, которые могут значительно улучшить взаимодействие пользователя с продуктом.

Читать...
​​📲Мобильный UX/UI дизайн: 10 лайфхаков для создания безупречных мобильных приложений

В этой статье мы рассмотрим 10 лайфхаков мобильного UX/UI дизайна, которые помогут создать действительно эффективные и приятные для пользователя мобильные приложения.

Читать...
​​👺Неизвестно полезный CSS

В этой статье вы узнаете о нескольких полезных CSS-фишках, таких как использование функции image-set() для загрузки фоновых изображений с разной плотностью пикселей, функции local() для оптимизации загрузки шрифтов, псевдо-класса :focus-within для более надёжной стилизации кастомных чекбоксов и использование пользовательских CSS-свойств для упрощения поддержки кода.

Читать...