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

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

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
​​⌨️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-свойств для упрощения поддержки кода.

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

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

Читать...
​​🕴Наш путь в создании информационной системы проверок контрагентов

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

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

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

Читать...
​​🥳Психология в UX/UI дизайне: 10 принципов, повышающих вовлеченность и удержание

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

Читать...