Webchic - frontend, backend, ci/cd
996 subscribers
273 photos
22 videos
1.11K links
Канал о Web разработке, для фронтов и full stack.

По рекламе @adtgassetsbot
Admin: @Aleksei

🐍Python - @python_lounge
👨‍💻Другие языки - @cccoding
🥷Хакер/ИТ безопасность - @it_ha
Download Telegram
​​Тег <canvas>

Описание
Создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры и др.
Синтаксис:
<canvas id="идентификатор">
</canvas>

Атрибуты:
height
"Задает высоту холста. По умолчанию 300 пикселов."
width
"Задает ширину холста. По умолчанию 150 пикселов."
​Clickhouse & Grafana: история успеха одних алертов

Я хочу рассказать, как мы танцевали с бубном при настройке алертов на клиентские метрики. Как, зачем и с чем мы столкнулись в этой задаче — читайте дальше 🙂

Статья
​​Анимированные конфети для бэкграунда с исходным кодом.

Ссылка на codepen
​​DOM, который построил Chrome. Или не построил? Или не Chrome? Или не DOM?

Обычный, теневой, виртуальный, инкрементальный… Как получилось, что простой программный интерфейс доступа к элементам веб-страниц обзавелся таким количеством «родственников»? Чем современные фреймворки не устраивает стандартная объектная модель документа или просто DOM? Что и как на самом деле отрисовывает браузер в процессе рендера веб-страницы?

Статья
Как работает dns

Веселое и красочное объяснение того, как работает DNS.

“Привет всем! Мы сделали этот комикс, чтобы объяснить, что происходит, когда вы вводите адрес веб-сайта в своем браузере.”

#dns

К комиксу(eng)
Nodejs - лучшие практики

В репозитории собраны рекомендации в разных категориях:
— Практики структуры проекта
— Практики обработки ошибок
— Практики стиля кода
— Тестирование и общие методы контроля качества
— Переход к производственным практикам
— Практики безопасности
— Практики эффективности

#nodejs

Github(eng)

Github(rus)
​9 фишек инструментов разработчика Chrome

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

Статья
​​Изометрическая анимация на чистом css
Мои лучшие советы по css, опубликованные в Twitter

#css

К статье(eng)
​Fast Reverse Proxy как альтернатива Ngrok

Создание общедоступного URL в сети интернет к вашему локальному проекту

Что такое Ngrok, наверное знает каждый разработчик web приложений, и многие им пользуются.
Статья
Переводы всех статей Пола Грэма на всех языках (210+)

Статья