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

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

12111 @frontend_mind
Открыть

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

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

    ✨Топ сервисов для создания временной почты, Часть 1: 👉 Clipmails — Даёт возможность создать несколько временных адресов. Позволяет автоматически сгенерировать логин. Также позволяет выбрать домен, сохранять письма. Есть автообновление входящих. 👉 TempMail — Генерирует QR-код для доступа к почте. Позволяет сохранять письма и автоматически сгенерировать логин. Есть расширения для Chrome и Opera, а также мобильные приложения. 👉 Nada — Предоставляет на выбор 12 доменов. Даёт возможность создать несколько временных адресов. Также есть автообновление входящих. Сообщения удаляются через 7 дней. 👉 iTemp — Предоставляет встроенный поиск по письмам. Позволяет сохранять письма. Также даёт возможность создать несколько временных адресов. 👉 Mohmal — Почта живёт 45 минут. Предоставляет на выбор 9 доменов. Позволяет продлить срок жизни ящика, а также выбрать логин или сгенерировать его автоматически. 👉 10minutemail — Позволяет создать одну почту, почта живёт 10 минут. Позволяет ответить на письмо, переслать сообщение на постоянную почту. Каждый раз генерирует случайный адрес. Продолжение следует... А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

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

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

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

    Bounty — Библиотека для создания анимации прокрутки чисел Позволяет создавать плавную анимацию прокрутки чисел с эффектом размытия. Особенности / преимущества: ✔️Не имеет зависимостей ✔️Анимация на основе SVG ✔️Небольшой вес (2kB) ✔️Возможность настроить анимацию Гит: https://github.com/coderitual/bounty Demo: https://coderitual.github.io/bounty/examples/ #библиотеки #полезно #js 👉 @frontend_mind

  • Реклама

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

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

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

    Fast Average Color — Библиотека для определения цвета Вычисляет доминирующий цвет на любых изображениях или видео. Особенности / преимущества: ✔️Небольшой вес (2kB) ✔️Определяет цвет с изображений, видео, массивов, Canvas, Url ✔️Поддержка прозрачности (PNG, SVG и другие форматы) ✔️Позволяет определить цвет на определённом фрагменте Гит: github.com/fast-av…ge-color Demo: fast-average-color.github.io/example…und.html #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Monday. com — Платформа для управления рабочими процессами Позволяет повысить эффективность работы за счет отслеживания проектов и рабочих процессов. Особенности: 👉 Поддержка совместной работы 👉 Доступен для мобильных устройств 👉 Интеграция с Slack, Dropbox, Adobe Creative Cloud и др. 👉 Автоматизация некоторых процессов 👉 Возможность работы в реальном времени Сайт: https://monday.com/ #полезно #инструменты 👉 @frontend_mind

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

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

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

    Решение задачи "Контроль количества" #codewars #легко #js #ответы #34kata 👉 @frontend_mind

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

    Контроль количества Вам необходимо написать функцию, которая принимает строку состоящую из одного или нескольких слов и возвращает эту же строку, но с перевернутыми словами состоящими из пяти или более букв. Обратите внимание на регистр букв. Пример: 
    spinWords("Welcome") - вернёт "emocleW"

spinWords("Hey fellow warriors") - вернёт "Hey wollef sroirraw"

spinWords("This is a test") - вернёт "This is a test"
    Передаваемые строки будут состоять только из букв и пробелов. Пробелы будут добавлены только в том случае, если в строке присутствует более одного слова. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #34kata 👉 @frontend_mind

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

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

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

    Locomotive scroll — Библиотека для создания анимации при прокрутке Обеспечивает плавную прокрутку с поддержкой эффекта параллакса и переключения классов. Особенности / преимущества: ✔️Небольшой вес (12kB) ✔️Возможность настроить скорость анимации каждому элементу ✔️Поддержка фиксированных элементов ✔️Изменение направления прокрутки Сайт: locomotivemtl.github.io/locomot…e-scroll Гит: github.com/locomot…e-scroll #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Cssreference — Визуальное руководство по CSS Предоставляет популярные свойства и функции CSS, которые объясняются иллюстрированными и анимированными примерами. Особенности: 👉 Свойства разделены по категориям 👉 Позволяет скопировать CSS-код примеров 👉 Возможность поиска по CSS-свойствам 👉 Предоставляет более 120 CSS-свойств Сайт: https://cssreference.io/ #полезно #инструменты 👉 @frontend_mind

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

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

  • Реклама

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

    ✨Топ стоковых фоторесурсов, Часть 2: 👉 StockVault — Предлагает стоковые фото в высоком разрешении, разделённые по категориям. Сервис предоставляет счетчик просмотров и загрузок на фото. 👉 Moose Stock Photos — Предоставляет высококачественные снимки на разную тематику. Сервис предложит похожие изображения при выборе. Также есть возможность заменить фон на некоторых фотографиях. 👉 FreeImages — Предоставляет более 300 000 фотографий. Также предоставляет широкий выбор тематик и позволяет просмотривать профили фотографов. 👉 Depositphotos — Предлагает около 65 000 изображений хорошего качества. Позволяет выбрать размер изображения, предложит похожие. Позволяет отфильтровать фото по множеству параметров (Дата, ракурс, ориентация и т.д). 👉 Morguefile — Предоставляет библиотеку фотографий, которая регулярно обновляется. Также предоставляет счетчик просмотров, загрузок и отметок "нравится" на фото. 👉 Pexels — Предоставляет высококачественные фотографии, среди которых просто искать нужные с помощью строки поиска и тегов. Также позволяет скачать изображения разных размеров. Кроме фото, сервис предлагает стоковые видео. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

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

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

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

    Notiflix — Библиотека для добавления элементов Позволяет добавлять уведомления, всплывающие окна, индикаторы загрузки и многое другое в проект. Особенности / преимущества: ✔️Поддержка Safari, Chrome, Firefox, Opera, Edge ✔️Не имеет зависимостей ✔️Подробная документация ✔️Небольшой вес (15kB) ✔️Предоставляет множество вариантов уведомлений, всплывающих окон и индикаторов загрузки Сайт: https://notiflix.github.io/ Гит: https://github.com/notiflix/Notiflix #библиотеки #полезно #js 👉 @frontend_mind