Неожиданные моменты JavaScript: разбираем по шагам
Шесть групп классических странностей JavaScript: ==, typeof, унарный +, сравнение объектов, Math.max() и var в замыкании. Что делает движок на каждом шаге.
#js
Читать дальше →
Шесть групп классических странностей JavaScript: ==, typeof, унарный +, сравнение объектов, Math.max() и var в замыкании. Что делает движок на каждом шаге.
#js
Читать дальше →
Советы по верстке под клавиатурную навигацию на чистом HTML и CSS
Практический гайд по клавиатурной доступности на чистом HTML и CSS: tabindex, focus-visible, outline, skip-link, details/summary и подводные камни flex/grid.
#css #html #www
Читать дальше →
Практический гайд по клавиатурной доступности на чистом HTML и CSS: tabindex, focus-visible, outline, skip-link, details/summary и подводные камни flex/grid.
#css #html #www
Читать дальше →
REST API с нуля — курс для новичка
Курс по REST API для джуниор-фронтендера: что это, как устроены HTTP-запросы, fetch на практике, авторизация, CORS и мини-проект на JSONPlaceholder.
#js #www #html
Читать дальше →
Курс по REST API для джуниор-фронтендера: что это, как устроены HTTP-запросы, fetch на практике, авторизация, CORS и мини-проект на JSONPlaceholder.
#js #www #html
Читать дальше →
Как приручить сторонние скрипты: загрузка, безопасность, приватность
Стратегии для async/defer, ленивой загрузки iframe, CSP, SRI и sandbox — чтобы аналитики, чаты и виджеты не топили сайт, не подсаживали XSS и не штрафовали по GDPR.
#js #html #www
Читать дальше →
Стратегии для async/defer, ленивой загрузки iframe, CSP, SRI и sandbox — чтобы аналитики, чаты и виджеты не топили сайт, не подсаживали XSS и не штрафовали по GDPR.
#js #html #www
Читать дальше →
📡 Чтобы не пропустить ничего из мира фронтенда
Этот канал — наши собственные публикации. Дополнительно у нас есть:
🌐 @fruntend_news — туда курируем лучшие внешние статьи о фронтенде
🔖 RSS-фид (fruntend.com/rss.xml) — для тех, кто читает через ридеры типа Feedly, Inoreader
💻 fruntend.com — главный дом FRUNTEND: посты, мануалы, дайджесты, обзоры и готовые решения
Спасибо что читаешь нас 🙌
Этот канал — наши собственные публикации. Дополнительно у нас есть:
🌐 @fruntend_news — туда курируем лучшие внешние статьи о фронтенде
🔖 RSS-фид (fruntend.com/rss.xml) — для тех, кто читает через ридеры типа Feedly, Inoreader
💻 fruntend.com — главный дом FRUNTEND: посты, мануалы, дайджесты, обзоры и готовые решения
Спасибо что читаешь нас 🙌
FRUNTEND Articles pinned «📡 Чтобы не пропустить ничего из мира фронтенда Этот канал — наши собственные публикации. Дополнительно у нас есть: 🌐 @fruntend_news — туда курируем лучшие внешние статьи о фронтенде 🔖 RSS-фид (fruntend.com/rss.xml) — для тех, кто читает через ридеры типа…»
Тёмная сторона вайбкодинга: пять паттернов AI-долга
Как нейросеть копит технический долг в вашем репозитории: пять паттернов с разбором, почему джун страдает первым, и что делать на code review.
#js #www
Читать дальше →
Как нейросеть копит технический долг в вашем репозитории: пять паттернов с разбором, почему джун страдает первым, и что делать на code review.
#js #www
Читать дальше →
Как повесить тултип на нативный <progress> без скриптов
Как читать значение прямо в CSS-переменную через scroll-driven animation и привязывать тултип к концу заливки через anchor positioning.
#css #html
Читать дальше →
Как читать значение прямо в CSS-переменную через scroll-driven animation и привязывать тултип к концу заливки через anchor positioning.
#css #html
Читать дальше →
aspect-ratio: всё, что нужно знать о CSS-пропорциях
Что такое CSS-свойство aspect-ratio, как его правильно писать, где оно реально экономит код и на какие подводные камни наступают чаще всего.
#css
Читать дальше →
Что такое CSS-свойство aspect-ratio, как его правильно писать, где оно реально экономит код и на какие подводные камни наступают чаще всего.
#css
Читать дальше →
Сертификаты для фронтендера: бесплатные курсы, skills-тесты и официальные экзамены
Разбор курсов и сертификатов для фронтендера: бесплатные completion-сертификаты, skills-тесты, платные курсы и официальные экзамены — что реально смотрит наниматель.
#www #css #js
Читать дальше →
Разбор курсов и сертификатов для фронтендера: бесплатные completion-сертификаты, skills-тесты, платные курсы и официальные экзамены — что реально смотрит наниматель.
#www #css #js
Читать дальше →
Почему sticky не работает и как починить
Полный гайд по position: sticky — что это, чем отличается от fixed, почему не работает и 7 живых примеров для практики.
#css
Читать дальше →
Полный гайд по position: sticky — что это, чем отличается от fixed, почему не работает и 7 живых примеров для практики.
#css
Читать дальше →
overflow: clip в CSS: обрезка без контейнера прокрутки
Разбираем CSS-значение overflow: clip: чем оно отличается от hidden, что такое overflow-clip-margin и почему именно clip спасает залипающие элементы.
#css
Читать дальше →
Разбираем CSS-значение overflow: clip: чем оно отличается от hidden, что такое overflow-clip-margin и почему именно clip спасает залипающие элементы.
#css
Читать дальше →
Арсенал фронтендера: сайты и сервисы, которые экономят часы работы
Подборка сайтов и сервисов для веб-разработки: документация, песочницы, тестирование адаптива, конвертеры, заглушки картинок, деплой и автоматизация.
#www
Читать дальше →
Подборка сайтов и сервисов для веб-разработки: документация, песочницы, тестирование адаптива, конвертеры, заглушки картинок, деплой и автоматизация.
#www
Читать дальше →
Из чего состоит движок JavaScript и как он работает
Понятное объяснение, как работает JS-движок: от текста программы до машинного кода. Зачем нужны AST, байткод, JIT-компилятор и сборщик мусора.
#js
Читать дальше →
Понятное объяснение, как работает JS-движок: от текста программы до машинного кода. Зачем нужны AST, байткод, JIT-компилятор и сборщик мусора.
#js
Читать дальше →
Tree shaking: как сборщик выбрасывает мёртвый код из бандла
Почему tree shaking работает только с ES-модулями, чем мешают побочные эффекты и поле sideEffects, как чинить импорты CommonJS-библиотек и проверять размер бандла.
#js #www
Читать дальше →
Почему tree shaking работает только с ES-модулями, чем мешают побочные эффекты и поле sideEffects, как чинить импорты CommonJS-библиотек и проверять размер бандла.
#js #www
Читать дальше →
Топ-5 языков программирования в 2026: что осталось после AI-агентов и Vision Pro 2
Пять языков в 2026: где мы после трёх лет AI-агентов, war JS-рантаймов и первого года Vision Pro 2. TypeScript, Python, Rust, Go, Swift — куда двигается каждый.
#www
Читать дальше →
Пять языков в 2026: где мы после трёх лет AI-агентов, war JS-рантаймов и первого года Vision Pro 2. TypeScript, Python, Rust, Go, Swift — куда двигается каждый.
#www
Читать дальше →
Как передавать данные между окнами и вкладками браузера
Четыре штатных способа передать данные между окнами и вкладками браузера: postMessage, opener, BroadcastChannel и событие storage
#js
Читать дальше →
Четыре штатных способа передать данные между окнами и вкладками браузера: postMessage, opener, BroadcastChannel и событие storage
#js
Читать дальше →