​​⚡️Особенности интеграции метода CallPassword ID

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

Читать...

​​👍Разбираем TLS по байтам. Кто такой этот HTTPS?

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

Читать...

​​😎Как коридорное исследование помогло обновить каунтеры тредов в мессенджере

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

Читать...

​​🗣Как рассказать о сайте поисковой системе

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

Читать...

​​🎛Как грамотно оформленная структура макетов в Figma помогает экономить время и деньги

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

Читать...

​​👍Разбираем TLS по байтам. Где собаки зарыты?

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

Читать...

​​🚀CSS Flexbox: быстрый и гибкий способ создания макетов

В этой статье мы рассмотрим основные понятия и свойства CSS Flexbox, а также покажем несколько примеров его использования на практике.

Читать...

​​👌Сайт с поддержкой markdown на GitHub-Pages платформе

В этой статье мы рассмотрим основные понятия и свойства CSS Flexbox, а также покажем несколько примеров его использования на практике.

Читать...

​​🙈Подборка: 7 плагинов Figma для оптимизации дизайн-процессов

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

Читать...

​​🏰Как сделать редизайн сервиса: рассказываем на примере средневекового замка

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

Читать...

​​👍Разбираем HTTP/2 по байтам

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

Читать...

​​🎧Записываем экран и звук через расширение в браузере и сохраняем в NextCloud

В статье делюсь опытом создания расширения для Chromium и Google Chrome браузера.

Читать...

​​🦾Пишем 2D игру на JavaScript и Canvas. Часть 2. Графика

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

Читать...

​​👍Все про this в JavaScript

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

Читать...

​​🚀Создание плагина для Фигмы: дизайнеры захотели — разработчик подсуетился

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

Читать...

Свежая фича CSS - @scope

Всем привет! Относительно недавно в css появилась такая интересная штуковина как @scope. В целом штука в перспективе интересная и думаю вам полезно будет о ней знать, но на данный момент лучше ее не использовать по причине слабой поддержки в браузерах

И так о чем это:

Думаю все мы понимаем как работает синтаксис ниже

.element a {
width: 100px;
}

.element .big_block {
height: 200px;
}

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

@scope(.element) {
a {width: 200px;}
.big_block {height: 100px;}
}

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

​​🎃Скажи что-нибудь на разрабском, Figma

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

Читать...

​​🚀Оптимизируйте длинные задачи

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

Читать...

​​🫥Прокачиваем вёрстку ARIA-атрибутами. Атрибут aria-hidden

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

Читать...

​​👾Скрытые возможности элемента <input>

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

Читать...

​​😉Подбор цветов для палитры визуализации данных

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

Читать...