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

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

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
​​😎Как приготовить хорошие cookies: 57 гайдлайнов

В этой статье автор расскажет как спроектировать сообщение о согласии с cookies.

Читать...
​​🧑‍💻Как в крупных компаниях ведут версионирование сценариев в Figma

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

Читать...
​​🤔Как HTML и CSS влияют на доступность

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

Читать...
​​😉Feature-Sliced Design – альтернативный подход к организации кода приложений

В этой статье автор расскажет о том, как устроена Feature-sliced Design, чем она отличается от «классической» организации кода, плюсах и минусах от её внедрения

Читать...
​​🔥Как атомарный дизайн облегчает жизнь дизайнерам и делает счастливее заказчика?

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

Читать...
​​🧱Как мы сломали стену между разработкой и дизайном

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

Читать...
​​👩Как разработать персональный план развития для UX-дизайнера: примеры PDP и шаблон для самостоятельной работы

В этой статье я расскажу о PDP и его внедрении в трек развития UX-дизайнеров в Selectel.

Читать...
​​⚡️Способы позиционирования макетов в Figma, их преимущества и недостатки

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

Читать...
​​🖼Простые правила при работе с растровыми изображениями на каждый день

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

Читать...
​​🖥Experience — не просто опыт. Interface — не просто экран

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

Читать...
​​Видеоредактор, работа с видео и зачем там Canvas

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

Читать...
​​🚀Atomic Design в веб-дизайне

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

Читать...
​​🧐Как создать дизайн-систему, в которой комфортно всем

Сегодня я расскажу про ключевые этапы эволюции нашей дизайн-системы.

Читать...
​​🤔Интерфейс доступный каждому: практические рекомендации

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

Читать...
​​⚽️Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 1

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

Читать...
​​👤Архитектура дизайн-системы. Критикуем и предлагаем

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

Читать...
​​🥎Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал

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

Читать...
​​😍Как сделать эффект Parallax с помощью CSS

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

Читать...
​​😉Advanced Custom Fields: Полное руководство

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

Читать...
​​😼API для создания рандомных аватаров пользователей

В статье рассмотрим простые и доступные API для генерации аватарок на свой сайт.

Читать...
​​🔍Добавление масштабирования страницы при ширине экрана меньше чем body min-width в браузерах Firefox и Safari

В этом туториале я расскажу вам о том, как решить проблему отсутствия масштабирование страницы при ширине экрана меньше чем значение body min-width, в браузерах Firefox и Safari.

Читать...