Логово верстальщика

​​😶‍🌫Что такое Style Queries? В этой статье мы рассмотрим, как использовать style queries с CSS custom properties, и почему вам не нужно использовать контейнеры через свойства container-type. Читать...

​​🚀Как достичь производительного рендеринга в браузере В этой статье автор расскажет, как устроен браузерный конвейер поставки кадров на экран и что нужно знать каждому разработчику, чтобы его интерфейсы были отзывчивыми, не лагали, а анимации были плавными и выдавали 60fps даже при высокой вычислительной нагрузке на main thread. Читать...

​​😵Шейдеры, голограммы и утечка света на чистом CSS В этой статье автор расскажет, как на чистом современном CSS имитировать шейдеры аккуратным наложением слоёв и эффектов. Читать...

​​🚀CSR, SSG, SSR — про рендеринг приложений на примерах В этой статье автор расскажет три способа рендеринга приложений, раскроет их плюсы и минусы, и на практических примерах проведёт сравнение производительности и размеров приложения. Читать...

​​😍Руководство по цветовым функциям CSS В этой статье автор расскажет, как можно при помощи цветовых функций можно настраивать тон, насыщенность, светлоту и непрозрачность цвета и даже смешивать вместе несколько цветов, и почему функция RGB — одна из самых часто используемых цветовых функций в CSS, а также вы узнаете почему одним из первых действий при работе с цветами CSS должно стать создание цветовой палитры веб-сайта. Читать...

​​🫠Как работать из PyCharm community c CSS В этой статье автор расскажет, как создать небольшой генератор html, обернуть ее в функцию в файле .py, закинуть туда css, и записать все это в html, а также вы узнаете как аргумент file принимает в себя файл для записи. Читать...

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

​​😎CSS запросы к контейнерам наконец с нами В данной статье я объясню, как работают контейнерные запросы, как мы можем их использовать и как выглядит синтаксис, а также поделюсь несколькими реальными примерами использования. Читать...

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

​​🚀HTML & CSS Features, Tips For a 10x Faster Page Loading Speed — DEV Community В этой статье мы будем рассматривать ускорение работы страницы только с помощью файлов HTML и CSS. Читать...

​​😈XSS с мутациями: как безопасный код становится зловредным и при чем здесь innerHTML В этой статье автор расскажет, как браузер выполняет оптимизацию и синтаксический анализ узлов DOM-дерева, и почему новые варианты mXSS атак появляются каждый год, а также вы узнаете почему универсального средства для защиты от такого типа уязвимости просто нет. Читать...

​​🧑🏼‍💻JavaScript. Работа с буфером, Ctrl+C Ctrl+V В этой статье вы узнаете, как копировать в буфер картинки, какие типы данных можно класть в буфер, и как можнр сделать свои кнопки копировать/вставить. Читать...

​​👤Module Federation — что скрывается под кажущейся простотой В этой статье будет рассказано, что такое module federation, в каких ситуациях его стоит использовать, как настроить продакшен сборку, а не только локальную, ну и какие проблемы вас могут ждать. Читать...

​​😎Шаблоны селекторов в автотестах Cypress: две полезные шпаргалки В этой статье автор поделиться двумя полезными шпаргалками для выбора элементов в автотестах Cypress. Читать...

​​😎Треугольник Серпинского — Canvas, JS В этом статье мы напишем рекурсивный алгоритм отрисовки данного известного фрактала в canvas с помощью JS. Читать...

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

​​⚠️ Как перейти из ручного тестирования в автоматизацию на JavaScript?  🦾 Конечно прокачивать свои скилы! Пройди хардкорный тест по автотестированию на JS и проверь свой уровень.  Ответишь — пройдешь на продвинутый курс «JavaScript QA Engineer» от OTUS по специальной цене + получишь видео-курс по Git в подарок 🔥 ПРОЙТИ ТЕСТ   https://otus.pw/mGf3/ Нативная интеграция. Информация о продукте www.otus.ru

​​🗓JavaScript и HTML: делаем простой календарь за 5 минут В этом материале мы создадим виджет с помощью HTML, CSS и JavaScript. Читать...

​​Хотите бесплатно выучиться на React-разработчика? Ниже информация для вас 👇🏻 IT Mentor - проект, где вы можете научиться React разработке бесплатно. Оплата обучения происходит только после того, как начнете работать. Первая зарплата - от 120 000 рублей. Кратко о крутых плюшках: 👉 Гарантия трудоустройства, если не найдешь работу - ничего не должен. 👉 Изучение крутого стека: основы HTML, CSS, JavaScript, TypeScript, React, Redux, GIT, Scrum, Jira 👉 Карьерная поддержка от экспертов бессрочно: мастер-классы, митапы, консультации и тренинги. Кому подойдет: Курс подойдет как тем кто только начинает вариться в IT, так и тем, кто уже имеет опыт junior-midde и хочет прокачать свои навыки. Если вы хотите получить оффер от топовой IT-компании уже в 23м году, welcome на обучение к ребятам! Вот ссылка на регистрацию!

​​🕸Будущее интернета: как работают протоколы HTTP/3, QUIC и зачем они нужны? В этой статье автор расскажет об эволюции протокола HTTP, транспортном протоколе QUIC, преимуществах и недостатках HTTP/3, и поделиться мнением о будущем интернета благодаря HTTP/3. Читать...