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

😈 Разработчики dzen.ru, что с вами не так? Статья о сайте дзен, точнее об отсутсвии простого и известного фунционала на нём, который есть почти на каждом форуме. В статье много боли и вопросов, почему так могло произойти. Подключайтесь, будем выяснять вместе. Читать...

👩‍💻 Collapsible Timeline Таймлайн с возможностью раскрывать пункты. Сделан на SVG, CSS и JavaScript. Открыть код

👩‍💻 Предоставление определения типа для CSS с @property Пишите более безопасный CSS, используя @property, позволяющий определять типы для пользовательских свойств. Узнайте, почему традиционные запасные значения могут не сработать и как функции @property повышают устойчивость определений пользовательских свойств. Читать...

🕶 Оптимизируй не код, а точки фрустрации Часто мы тратим часы на «ускорение» функции, которую никто не замечает. А вот неудобный скрипт билда бесит всю команду каждый день. 👉 Совет: ищи, где чаще всего замирает поток работы — неудобный лог, лишний клик, нестабильная сборка. Оптимизируя эти точки, ты повышаешь продуктивность не на проценты, а в разы.

🔝 Эффективные способы реализации паттерна Singleton в JavaScript и TypeScript Рассказываем о лучших подходах к созданию паттерна Singleton в JavaScript и TypeScript. Также обсудим его плюсы и возможные недостатки при использовании в проектах. Читать...

👩‍💻 Наследование в CSS Наследование в CSS — это действительно суперспособность, и именно оно превращает разработку в Интернете в удовольствие, если вы принимаете его. В этой небольшой статье я собираюсь обратить вас в супер фанатов. Читать...

Не пропустите! 23 июля в 20:00 пройдет бесплатный урок по теме "Зачем JavaScript-разработчику понимать бэкенд? От fetch до Node.js". Запись: https://vk.cc/cNNyau Что будет на вебинаре? - Как устроено взаимодействие фронтенда с сервером: API, запросы, заголовки, ответы. - Почему поверхностные знания API тормозят рост и усложняют задачи. - Что нужно знать о Node.js и серверной части, даже если вы не fullstack. - Как уверенное понимание архитектуры влияет на производительность и автономность. - Почему знание бэкенда усиливает вашу позицию на проекте и на рынке. Что узнают участники? - Как работает связка клиент–сервер: от запроса до ответа. - Какие ошибки делают фронтендеры при работе с API — и как их избегать. - Как знание Node.js помогает даже тем, кто пишет только клиентскую часть. - Почему современный разработчик не может быть “только фронтом”. - Как это знание влияет на скорость разработки. Не забудьте записаться на урок и получить запись пред. вебинара: https://vk.cc/cNNyau Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

👩‍💻 Удаление дубликатов из массивов и строк в JavaScript Удаление дубликатов — распространённая проблема в программировании, возникающая в различных контекстах, например, при очистке данных или обеспечении уникальности записей. Этот вопрос могут задать на собеседовании, поскольку он довольно прост и может подготовить собеседника к более сложным вопросам. Читать...

👩‍💻 Cube & Dots Loader Анимированная загрузка в виде точек и куба. Сделана на чистом CSS. Открыть код...

⛏ 11 инструментов для ускорения создания пользовательского интерфейса Предлагаем подборку бесплатных инструментов для стилистического оформления пользовательских интерфейсов. Они помогут фронтенд-разработчикам и дизайнерам существенно сэкономить время и повысить производительность. Читать...

🔝 Самые интересные статьи за последние дни: • DRY-фреймворк: продолжение • Как нарисовать квадрат 3 × 3 см на веб-странице* • Скучный Интернет и как «бесполезные сайты» могут спасти от этого • Простой мини-чат на FastApi: Современный интерфейс, вебсокеты и SQLAlchemy с деплоем • Как мотивировать себя на правильные вещи

👩‍💻 5 непростых вопросов по JavaScript Разберем пять непростых вопросов: о сравнениях, пустых массивах, странном try catch, стрелочной функции и коварном JSON.stringify. Сможете ответить на них правильно? Читать...

👩‍💻 Как сделать таймер на CSS Давайте рассмотрим использование CSS в качестве альтернативы JavaScript для создания простых таймеров. Используем современные свойства CSS, такие, как @property, @keyframes, и псевдоэлементы со значениями counter(). Читать...

👩‍💻 Полное руководство по “this” в JavaScript Благодаря поддержке Unicode 16 расширение MBString может работать со всеми новейшими символами Emoji, а также имеет самую актуальную информацию о смене регистра и ширине символов. Читать...

👩‍💻 ISBN-10 Идентификаторы ISBN-10 состоят из десяти цифр. Первые девять символов - это цифры 0-9. Последняя цифра может быть от 0 до 9 или X, чтобы указать значение 10. Номер ISBN-10 действителен, если остаток при делении суммы произведений цифр и их позиций на 11 равен 0. Алгоритм: ISBN: 1 1 1 2 2 2 3 3 3 9 Позиция: 1 2 3 4 5 6 7 8 9 10 Это действительный ISBN, потому что: (1*1 + 1*2 + 1*3 + 2*4 + 2*5 + 2*6 + 3*7 + 3*8 + 3*9 + 9*10) % 11 = 0 Пример кода:

validISBN10("1112223339") => true
validISBN10("048665088X") => true
validISBN10("1234512345") => false
validISBN10("XXXXXXXXXX") => false
validISBN10("048665088XZ") => false

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

function validISBN10(isbn) { if (isbn.length !== 10) { return false; } let sum = 0; for (let i = 0; i < 10; i++) { let char = isbn[i]; let value; if (i === 9 && char === 'X') { value = 10; } else if (char >= '0' && char <= '9') { value = parseInt(char, 10); } else { return false; } sum += value * (i + 1); } return sum % 11 === 0; }

Хотите в IT, но код видели только в «Матрице»? В июле школа программирования «Хекслет» дарит комфортные условия на старт обучения в IT для новичков. Python, Java, Frontend, PHP, Data Analytics со скидкой 15% от цены— выбирайте направление, а мы поддержим ваш первый шаг. Учим с нуля, доводим до работы. Более 4500 наших выпускников уже в профессии. Вас ждет: ✅ есть бесплатные курсы по основам ✅ помощь наставников — практикующих разработчиков; ✅ участие в коммерческих проектах; ✅ гарантированная стажировка; ✅ беспроцентная рассрочка. Все это по специальным ценам, чтобы «не ждать понедельника». Перейти на сайт #реклама 16+ ru.hexlet.io О рекламодателе

➡️ Главные ошибки новичков-фронтендеров в HTML Рассказываем про частые ошибки в HTML и о том, как их избежать. Добавляйте в закладки! Читать...

🦕 7 HTML-привычек, которые выдают в тебе динозавра Пора устроить генеральную уборку в твоем HTML. Мы нашли 7 устаревших приемов, которые кричат: «Я застрял в прошлом!» Разберем каждый и найдем современную замену. Готов к обновлению? Читать...

👩‍💻 BCMath: Новая функция bcdivmod bcdivmod может быть использован в случаях, когда необходимо получить частное и остаток от деления, и избавляет от необходимости вызывать функции bcdiv и bcmod по отдельности. Читать...

📐 Стандарты — это не бюрократия, а освобождение Кажется, что code style, правила коммитов и шаблоны PR — скучная формальность? На деле это способ сэкономить мозг. 👉 Совет: стандартизируй мелочи: от названий веток до структуры директорий. Это избавляет от принятия сотен ненужных решений и оставляет ресурсы на то, что важно — на саму логику и архитектуру.