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

👩‍💻 Практические советы по доступности, которые можно применить сегодня Иногда, спеша уложиться в сроки, мы не задумываемся о доступности. Но пара небольших изменений может значительно улучшить сайт для всех пользователей, независимо от их возможностей и устройств. Читать...

Создай сайт в Telegram за пару минут! Готовый сайт за 1 минуту в телеграм-боте. Больше не надо думать, как выйти в онлайн. Просто открой Telegram. ✅ Ответь на 5 вопросов и сайт готов ✅ Уже готовая интеграция с inSales : сайт создаётся на платформе inSales, что позволяет при необходимости перейти на более продвинутые тарифы и функционал. ✅ Доставка и оплата подключена ✅ Не нужно технических навыков для создания своего сайта И да, дизайн под вашу тематику автоматически. Мобильная версия тоже готова. 💰 Бесплатные 7 дней + бонусы на рекламу: — 6 000 ₽ от Яндекс.Директ — 5 000 ₽ от eLama Теперь клиенты найдут вас сами. Узнать больше #реклама 16+ О рекламодателе

👩‍💻 String ends with? Завершите решение так, чтобы оно возвращало значение true, если переданный первый аргумент (строка) заканчивается 2-м аргументом (также строкой). Пример кода:

solution('abc', 'bc') // returns true
solution('abc', 'd') // returns false

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

function solution(str, ending) { return ending === '' || str.slice(-ending.length) === ending; } // Примеры использования console.log(solution('abc', 'bc')); // возвращает true console.log(solution('abc', 'd')); // возвращает false console.log(solution('abc', '')); // возвращает true

👩‍💻 Создание анимации орбиты с помощью CSS переменных Давайте анимируем CSS переменные! Это мощный способ применения CSS анимации, которая в противном случае была бы утомительной или непрактичной. Читать...

🎛 Разделяй зоны ответственности в голове, не только в коде Ты отвечаешь за архитектуру, а ещё за баги, а ещё за багфиксы, а ещё за багфиксы багфиксов? Психическая нагрузка растёт, даже если задач немного. 👉 Совет: распределяй мышление по режимам: отдельно — для глубокой разработки, отдельно — для поддержки, отдельно — для хаоса и фаерфайтинга. Сознательное переключение режимов помогает держать контроль и меньше уставать.

👩‍💻 Новый оператор безопасного присваивания в JavaScript: ?= В современной разработке на JavaScript для асинхронной работы и обработки ошибок часто применяются try-catch и async-await, что утяжеляет код. Новый оператор ?= упрощает обработку ошибок и улучшает читаемость. В статье рассматриваются его работа, особенности и преимущества. Читать...

👩‍💻 Использование CSS анимации, основанной на прокрутке, для индикации прогресса прокрутки на основе секций Индикатор прогресса прокрутки — довольно простая вещь, которую можно создать с помощью анимации, основанной на прокрутке в scroll()-стиле. Но мы создадим индикаторы для каждого раздела страницы, используя view()-стиль. Читать...

👩‍💻 Две мощные техники: CSS Reset и normalize.css В современной веб-разработке CSS сброс и нормализация — две важные техники, позволяющие добиться согласованности стилей в разных браузерах. Читать...

👩‍💻 Тонкая настройка текстовых полей Веб формы и поля ввода поддерживают множество дополнительных атрибутов, способных дать подсказку браузеру и улучшить пользовательский опыт заполнения форм в Интернете. Приложив совсем немного дополнительных усилий, можно сделать так, чтобы формы помогали, а не мешали. Читать...

👩‍💻 Hover Glyph Button Кнопка с анимированным эффектом при наведении. Сделана на CSS, SVG и JavaScript. Открыть код...

👩‍💻 Откройте для себя весь потенциал AbortController В этой статье я расскажу об одном из стандартных API JavaScript, о котором, вы, возможно не слышали. Это AbortController. Читать...

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

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

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

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

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

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

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

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

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