Логово верстальщика – 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
​​👋Реализуем touch жесты на vanilla js. Часть 2 (drag, resize)

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

Читать...
​​👥Как я делал шрифтовые иконки. Совмещаем желание UX-дизайнеров и возможности фронтендеров

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

Читать...
​​👨‍💻37 Советов от Senior Frontend Разработчика. Для начинающих

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

Читать...
​​😎Ловкость рук, четкость алгоритма и никакого мошенничества: чек-лист для дизайнеров интерфейсов и фронтенд-разработчиков

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

Читать...
​​🎛 Bricks: новый подход к управлению интерфейсами

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

Читать...
​​👍Законы UX-дизайна: что делает пользователей счастливее, а продукт лучше

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

Читать...
​​👌Что нужно знать о современном CSS

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

Читать...
​​🎃Непроизвольная тирания пользовательских интерфейсов

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

Читать...
​​🚀Автостопом по дизайн-системе. Путеводитель с оглавлением

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

Читать...
​​👩‍💻Доступность, она же accessibility: делимся нашим опытом разработки

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

Читать...
​​⚡️Адаптив без боли: как сделать резиновую вёрстку с заботой обо всех разрешениях

В этой статье автор расскажет о преимуществах и недостатках использования rem для адаптивной вёрстки в интернете.

Читать...
​​🔥Пишем веб-компонент для noscript иконок

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

Читать...
​​🎅Летающий Санта и танцующие снегири: опыт реализации и оптимизации CSS-анимации

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

Читать...
​​🤨Как помочь дизайнеру не обмануть ожидания пользователей

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

Читать...
​​👤Дитер Рамс: дизайнер, определивший современность

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

Читать...
​​🧐Зачем и как проектировать пользовательский опыт в B2B BI-проектах

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

Читать...
​​😎Полный гайд по CSS Flexbox с примерами из практики

В этой статье мы поговорим про flexbox в css.

Читать...
​​💬 Тосты – всплывающие уведомления. Как создать идеальный тост

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

Читать...
​​🚀Как в МТС запускали уникальный b2b-сервис и почему нельзя сразу построить ракету

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

Читать...
​​😶‍🌫️Factor and Block CSS — методология CSS

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

Читать...
​​🤠Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon

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

Читать...