Логово верстальщика – 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
​​👺Неизвестно полезный 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.

Читать...
​​😵Анимация в веб-интерфейсе

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

Читать...
​​🌚Изменить цвета и кнопки сервиса — и не сломать дизайн-систему

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

Читать...
​​🎩Сложнейшая проблема компьютерных наук: центрирование

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

Читать...
​​🧐Как мы применяем гибкую вёрстку для адаптива страниц под большие экраны

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

Читать...
​​😎Путь к потрясающему CSS Easing с помощью новой функции linear()

В этой статье автор рассматривает текущее состояние CSS easing и демонстрирует, чего можно ожидать от linear(), включая удобные инструменты для работы с ней уже сегодня.

Читать...
​​😎Применение ключевого слова revert-layer в CSS

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

Читать...
​​🙃Доводы против самозакрывающихся тегов в HTML

В этой статье автор расскажет о истории самозакрывающихся тегов в HTML, начиная с периода XHTML и XML, и заканчивая современным HTML5.

Читать...
​​🎃Рендерим таблицы с помощью Symbiote.js

В этой статье, я хочу показать базовые приемы работы с HTML-таблицами при использовании библиотеки Symbiote.js.

Читать...