Обложка канала

Frontend Головного Мозга. Страница 38

12111 @frontend_mind
Открыть

Настоящий клондайк для frontend-разработчиков.

  • Frontend Головного Мозга

    Анимированный tabbar, выполненный с помощью SVG, CSS и JavaScript #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Решение задачи "Бормотание" #codewars #легко #js #ответы #30kata 👉 @frontend_mind

  • Frontend Головного Мозга

    Бормотание В этом задании вам необходимо реализовать функцию, которая получает строку и повторяет каждый символ согласно его порядковому номеру. Обратите внимание на то что каждая группа символов начинается с заглавной буквы и записывается через "-". Пример: 
    accum("abcd") - вернёт "A-Bb-Ccc-Dddd"

accum("RqaEzty") - вернёт "R-Qq-Aaa-Eeee-Zzzzz-Tttttt-Yyyyyyy"

accum("cwAt") - вернёт "C-Ww-Aaa-Tttt"
    Строка содержит только символы от "a" до "z" и от "A" до "Z" ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #30kata 👉 @frontend_mind

  • Реклама

  • Frontend Головного Мозга

    Эффект при наведении на текст, выполненный на чистом CSS, без использования JavaScript #codepen #css #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Final Form — Библиотека для создания форм Позволяет контролировать элементы формы, которые получают уведомления об изменениях формы. Особенности / преимущества: ✔️Небольшой вес (5kB) ✔️Не имеет зависимостей ✔️Возможность использовать вместе с React, Vue и многими другими фреймворками ✔️Высокая производительность Сайт: https://final-form.org/ Гит: https://github.com/final-form/final-form #библиотеки #полезно #js 👉 @frontend_mind

  • Frontend Головного Мозга

    Анимированный ввод чисел, выполненный с помощью CSS и JavaScript #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    InTab — Расширение для визуального стилизирования веб-сайтов Включает в себя визуальный инспектор и редактор для изменения вёрстки. Особенности: 👉 Доступно для Chrome, Opera, Firefox, Edge 👉 Экспорт CSS щелчком мыши 👉 Предоставляет более 20 виртуальных устройств 👉 Возможность сделать скриншот всего сайта 👉 Предоставляет HTML-дерево для просмотра структуры веб-сайта Сайт: https://intab.io/ #полезно #инструменты 👉 @frontend_mind

  • Frontend Головного Мозга

    Анимированная сцена выполненная с помощью SCSS и Pug, без использования JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    ✨Топ инструментов мониторинга работоспособности сайта, Часть 2: 👉 Freshworks — Поддерживает интеграцию с различными инструментами, такими как Slack и Twilio. Проводит 50 проверок в минуту и позволяет добавлять инструкции по устранению неполадок для каждой проверки. 👉 AppBeat — Проводит веб-мониторинг в режиме реального времени. Уведомляет вас если ваши сервисы не отвечают или имеют какие-либо сбои. Также инструмент обеспечивает мониторинг TLS или SSL. 👉 New Relic — Позволяет проверить производительность приложения и предоставить данные в режиме реального времени. Панель инструментов предлагает графики с временем отклика, инструмент также оповещает о сбоях. 👉 Uptime Robot — Отслеживает веб-сайты каждые 5 минут и предупреждает вас, если сайты не работают. Позволяет просмотреть время безотказной работы, время простоя, а также время отклика. Также позволяет делиться статистикой с товарищами по команде. 👉 Siteuptime — Инструмент поддерживает мониторинг нескольких сайтов. Предоставляет ежемесячный отчет, который можно просмотреть онлайн. Приложение отправляет оповещения по электронной почте. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

  • Frontend Головного Мозга

    Эффект при наведении, выполненный с помощью SVG, SCSS и библиотеки GSAP.js #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Typed.js — Библиотека для анимации текста Позволяет создавать настраиваемую анимацию печатающегося текста. Особенности / преимущества: ✔️Не имеет зависимостей ✔️Возможность использовать вместе с React и Vue ✔️Небольшой вес (3kB) ✔️Настройка анимации и внешнего вида с помощью CSS Сайт: https://mattboldt.com/demos/typed-js/ Гит: https://github.com/mattboldt/typed.js #библиотеки #полезно #js 👉 @frontend_mind

  • Frontend Головного Мозга

    Интерактивный Stickman, выполненный с помощью SCSS, без использования JavaScript #codepen #scss #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Pikaday — библиотека для выбора даты и времени Позволяет добавлять в свой проект datepicker'ы. Особенности / преимущества: ✔️Небольшой вес (5kB) ✔️Не имеет зависимостей ✔️Стилизация с помощью CSS ✔️Имеет плагин jQuery ✔️Поддержка модулей CommonJS Гит: https://github.com/Pikaday/Pikaday #библиотеки #полезно #js 👉 @frontend_mind

  • Frontend Головного Мозга

    Codecademy сделали канал в телеграм! Codecademy — это крупнейшая в мире платформа для изучения программирования. Теперь у них есть русскоязычный канал. Там постят перевод на русский такой инфы, которую не найти ни на одном форуме! Подписывайтесь и прокачивайте свои скиллы: @ccademy

  • Frontend Головного Мозга

    Анимированная плата Arduino, выполненная с помощью CSS, без использования Div и JavaScript #codepen #css #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Реклама

  • Frontend Головного Мозга

    Boxicons — Набор векторных иконок Предоставляет более 1500 иконок для использования в проекте. Особенности: 👉 Возможность скопировать SVG/HTML код или скачать PNG 👉 Кастомизация иконок 👉 Анимация иконок 👉 Иконки разделены по категориям Сайт: https://boxicons.com/ Гит: https://github.com/atisawd/boxicons #полезно #инструменты 👉 @frontend_mind

  • Frontend Головного Мозга

    Вертикальная прокрутка, выполненная с помощью SCSS и библиотеки GSAP.js #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

  • Frontend Головного Мозга

    Решение задачи "Комплементарная ДНК" #codewars #легко #js #ответы #29kata 👉 @frontend_mind