Логово верстальщика – 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
​​❤️Как разгрузить информационно-насыщенный дизайн

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

Читать...
​​👀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 дизайне для улучшения пользовательского опыта.

Читать...
​​👨‍💻Связь системных ограничений и UX-дизайна: как устроено взаимодействие в системном подходе

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

Читать...
​​🎃5 полезных JS-библиотек для анимации, которые могут пригодиться в работе

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

Читать...
​​🤔UI. Нюансы реализации маркера в редакторе блок-схем DGRM.net

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

Читать...
​​👤Testplane в опенсорсе: автоматизируем пользовательские сценарии в веб-интерфейсах

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

Читать...
​​🕹Desert Racer: Первая игра, разработанная исключительно на CSS с возможностью управления свайпом

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

Читать...
​​🤔Немного о Skin интерфейсе

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

Читать...
​​📚Веб-разработка: 15 материалов для самостоятельного изучения

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

Читать...
​​🔒CSS и безопасность данных

В этой статье я предлагаю поговорить о безопасности CSS.

Читать...