Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.

«Импорт локальных изображений vs использование изображений из папки / public в Next.js 👉 @frontend_1»

«Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙 .pop { view-timeline-name: --pop; } img { animation: slide both; animation-timeline: --pop; animation-range: entry 100% cover 50%; } .skateboarder { --x: 0; --y: -45%; } @ keyframes slide { to { translate: var(--x) var(--y);…»

«Совет по JavaScript💡 Легко и правильно отображайте цены. 👉 @frontend_1»

«Совет по веб-доступности 💡 Лучший способ сделать ваши ссылки, состоящие только из иконок, удобными для экранных читалок. 👉 @frontend_1»

«👉 @frontend_1»

«🤖 Чем больше этапов в разработке решений машинного обучения (ML), тем выше риск запутаться в коде, версиях данных и экспериментах. Но есть подход, который превращает хаос в стройную систему — конвейер машинного обучения (ML‑pipeline). 🦾 На открытом уроке вы узнаете, как строить цепочки обработки дан…»

«CSS совет 💡 Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете. 👉 @frontend_1»

«🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https://max.ru/bash_srv Bash Советы https://max.ru/sysadminof Книги для админов, полезные материалы https://max.ru/i_odmin_book Библиотека Системного Администратора htt…»

«⚛️ Реактивность - это просто (и всего 35 строк кода) Мы часто воспринимаем реактивность в современных фреймворках (Vue, Solid, MobX или Preact Signals) как некую "магию". Кажется, что под капотом там сложные механизмы, доступные только избранным архитекторам. Автор блога romgrk решил развеять этот м…»

«💡 Знаете ли вы, что к числам в упорядоченном списке можно добавить 0️⃣ ? 👉 @frontend_1»

«Используйте свойство columns, чтобы разделить статью на отзывчивые колонки 🚀. 👉 @frontend_1»

«Идеальные заголовки без JS: text-wrap: balance Дизайнеры ненавидят «висячие» слова. Когда длинный заголовок переносится так, что на второй строке остается одно короткое слово - это боль. Раньше мы решали это костылями: 1. Вставляли неразрывные пробелы &nbsp;. 2. Ставили <br> (ломая адаптив). 3. Тяну…»

«🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https://max.ru/bash_srv Bash Советы https://max.ru/sysadminof Книги для админов, полезные материалы https://max.ru/i_odmin_book Библиотека Системного Администратора htt…»

«any - это ложь, которую вы говорите сами себе Давайте честно: когда у вас горят дедлайны, а TypeScript ругается на несовпадение типов, рука сама тянется написать : any. «Я потом поправлю», - говорите вы. Спойлер: не поправите. Использование any превращает ваш строгий TypeScript проект обратно в анар…»

«Почему z-index: 9999 не работает (и как перестать страдать) Знакомая ситуация? У вас есть модалка, которая почему-то перекрывается хедером. Вы ставите ей z-index: 100. Не помогает. Ставите 1000. Тишина. В ярости пишете 999999... и всё равно хедер сверху. Добро пожаловать в ад Контекстов наложения (S…»