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

👩‍💻 VS Code на максималках: 15 крутых расширений для фронтендера Собрали для вас 15 плагинов, которые облегчат жизнь веб-разработчику. Тут всё: от работы с HTML до интеграции с Figma и Docker. Читать...

Срочно требуются Веб-Дизайнеры в Figma. Обучим с нуля. Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

👩‍💻 CSS-only Custom range slider Интересный слайдер с динамичным отображением. Сделан на чистом CSS. Открыть код...

👩‍💻 Что такое замыкания в JavaScript? В этой статье мы рассмотрим замыкания в JavaScript. Вы познакомитесь с определением замыкания и разберетесь в его работе на примере. Читать...

🖥 Генераторы CSS-кода: самая полная коллекция Коллекция генераторов CSS-кода для разнообразных элементов дизайна UI (фоны, градиенты, кнопки, разделители, тени, фильтры изображений). Читать...

👩‍💻 Exes and Ohs Проверьте, содержит ли строка одинаковое количество "x" и "o". Метод должен возвращать логическое значение и быть нечувствительным к регистру. Строка может содержать любой символ. Пример кода:

XO("ooxx") => true
XO("xooxx") => false
XO("ooxXm") => true
XO("zpzpzpp") => true // when no 'x' and 'o' is present should return true
XO("zzoo") => false

Решение задачи🔽

function XO(str) { // Преобразуем строку в нижний регистр str = str.toLowerCase(); // Подсчитываем количество 'x' и 'o' let xCount = 0; let oCount = 0; for (let char of str) { if (char === 'x') xCount++; if (char === 'o') oCount++; } // Сравниваем количество 'x' и 'o' return xCount === oCount; } // Примеры использования console.log(XO("ooxx")); // true console.log(XO("xooxx")); // false console.log(XO("ooxXm")); // true console.log(XO("zpzpzpp")); // true console.log(XO("zzoo")); // false

✨ Tailwind CSS: Как Добавить Эффектные Анимации Анимации с Tailwind CSS оживят ваш интерфейс и сделают его более динамичным. Взгляните на примеры, где показано, как настроить такие эффекты, как вращение, подпрыгивание, пульсация, переворачивание и покачивание. Читать...

⚙️ 7 HTML-трюков, которые вам нужно знать Семь HTML-трюков, которые должны быть в арсенале каждого веб-разработчика. Эти приемы помогут вам создавать более удобные и визуально привлекательные сайты, улучшая взаимодействие с пользователями. Читать...

🔝 Самые интересные статьи за последние дни: • DRY-фреймворк: как сократить HTML-код и писать только на CSS • Ультимативный ресурс по программированию: сборник бесплатных чит-листов по программированию • Atomic CSS Deep Dive • Создание кастомного интерактивного одностраничного минисайта с ИИ без платных сервисов • Polling vs Websockets (с примерами на React хуках)

👩‍💻 Refs в React: от доступа к DOM до императивного API React достаточно удобный инструмент для создания веб-приложений. Еще больше его возможности расширяют рефы (Ref или Reference), действующие как ссылки на элементы кода React и упрощающие решение нестандартных задач. Читать...

👩‍💻 5 маленьких, но полезных библиотек React Несколько библиотек React, которые мы рассмотрели в этой статье, довольно полезные и при том маленькие и простые в использовании. Читать...

👾 10 игр для изучения JavaScript В этой статье вы найдете десятку интересных игр для изучения JavaScript. Попробуйте их, ведь учиться, играя, куда легче! Читать...

🖥 В чем разница между UI и UX. Детальное сравнение Один из самых обсуждаемых вопросов в дизайнерской среде, как понять разницу между дизайном пользовательского интерфейса и дизайном взаимодействия с пользователем. Попробуем на него ответить, сравнив эти два вида дизайна более детально. Читать...

👩‍💻 Fancy wipe Стильный текст с анимированным появлением. Сделан на чистом CSS. Открыть код...

📈 Подборка статей для вашей карьеры • В какой момент профессия программиста свернула не туда? • Офис Intel в Израиле отменил бесплатный кофе • Войти в IT – в 37 и с дипломом филфака • Путь к мастерству: Как стать успешным разработчиком • Галера от HH или джуны по-дешевке

👩‍💻 Обзор 10 приемов JavaScript для эффективного программирования Пополни знания JavaScript 10 эффективными приемами и начни использовать его возможности по максимуму. Читать...

❓ Почему стоит задуматься о разработке статических сайтов Каждый создатель сайта стремится сократить время загрузки веб-страниц, повысить показатель конверсии, вовремя отловить ошибки рендеринга, избежать проблем, связанных с обслуживанием сайтов. Если все перечисленное - ваша головная боль, стоит задуматься о разработке статических сайтов. Читать...

🖥 Как эффективно оптимизировать большой объем данных во фронтенде Оптимизация производительности является ключевым аспектом разработки веб-приложений, особенно когда речь идет о работе с большими объемами данных. Именно такая задача была поставлена перед фронтенд-разработчиками IT Test. Рассказываем, как оптимизировать код и найти баланс между производительностью и читаемостью. Читать...

Кейсы, статьи, митапы Как работать с данными в реальном времени? Чем заменить Redis и Oracle? Как ПО Tarantool применяется в сложной архитектуре? Читайте в канале Tarantool News. Подписаться #реклама О рекламодателе

💡 SEO для разработчиков: что нужно знать программистам в 2024 году Технические основы СЕО для программистов: что нужно знать о мета-тегах, микроразметке, UX/UI, карте сайта, коде 404, подзаголовках. Читать...