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

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

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

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

    Анимация загрузки, выполненная с помощью CSS и SVG #codepen #css #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇
  • Frontend Головного Мозга

    Codelf — Инструмент поиска имен переменных Позволяет решить проблему именования. Выполняет поиск по проектам чтобы найти реальные примеры использования имен переменных. Особенности: 👉 Имеет расширения для VS Code, Atom, Sublime, WebStorm, Alfred 👉 Возможность отфильтровать поиск по языкам программирования 👉 Позволяет сразу перейти в репозиторий проекта 👉 Выполняет поиск по проектам из Github, Bitbucket, Google Code, GitLab и т.д Сайт: https://unbug.github.io/codelf/ Гит: https://github.com/unbug/codelf #полезно #инструменты 👉 @frontend_mind
  • Frontend Головного Мозга

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

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

    ✨Топ сервисов для создания временной почты, Часть 2: 👉 Temp-Mails — Предлагает 10 доменов на выбор. Кроме временных ящиков, выдает временные телефонные номера для получения SMS. Позволяет получать вложения до 30 МБ. 👉 Tempail — Каждый раз генерирует случайный адрес. Есть автообновление входящих каждые 10 секунд. Также предоставляет QR-код для доступа к ящику с любого устройства. 👉 MinuteInbox — Почта живёт от 10 минут до месяца на выбор. Срок можно продлить в любое время. Каждый раз генерирует случайный адрес, позволяет скачать полученные письма. 👉 FakeMailGenerator — Предлагает на выбор 10 доменов. Есть автообновление входящих. Почта удаляется, если никто не проверяет её в течение 24 часов. 👉 Spamgourmet — Позволяет создать зеркало к основной почте, на которое можно получить до 20 писем. Вы сами выбираете количество входящих, указав в логине нужное число. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind
  • Frontend Головного Мозга

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

    SimpleBar — Библиотека для замены полосы прокрутки Заменяет полосу прокрутки браузера по умолчанию на пользовательскую полосу прокрутки. Особенности / преимущества: ✔️Небольшой вес (6kB) ✔️Поддержка Chrome, Firefox, Safari, Edge, IE11 ✔️Использует CSS для стилизации полосы прокрутки ✔️Поддержка Vue, Angular и React Сайт: http://grsmto.github.io/simplebar/ Гит: https://github.com/Grsmto/simplebar #библиотеки #полезно #js 👉 @frontend_mind
  • Frontend Головного Мозга

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

    Релиз Firefox 98: Поддержка CSS-свойства hyphenate-character, HTML-элемент DIALOG и многое другое 8 марта 2022 г. была представлена новая версия — Firefox 98 👇Вот её особенности👇 ✔️PDF-файлы теперь скачиваются в папку с остальными скачиваемыми файлами. Диалоговое окно теперь не выводится. ✔️Поддержка CSS-свойства hyphenate-character, позволяющего при переносе текста с помощью мягких переносов исполь­зовать в конце разорванной строки не дефис, а произвольный символ. ✔️Доступен HTML-элемент DIALOG, который позволяет создавать семан­тически размеченные модальные диалоговые псевдо­окна. ✔️Программный интерфейс (API) WebVR, пред­наз­начав­шийся для работы с виртуальной реальностью через браузер, отключён по умолчанию. ✔️Поддержка регистрации обработчиков протоколов ftp, sftp, ftps с помощью метода navigator.registerProtocolHandler(). Оф.Сайт: www.mozilla.org/en-US/f…asenotes #инструменты 👉 @frontend_mind
  • Frontend Головного Мозга

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

    LGTM — Платформа для анализа кода Позволяет отслеживать проблемы и искать ошибки, возникающие в кодовой базе. Особенности: 👉 Интеграция с GitHub и Bitbucket 👉 Поддержка Java, Python, JavaScript, TypeScript, C#, Go, C, C++ 👉 Автоматическая проверка кода 👉 Персонализация проблем Сайт: https://lgtm.com/ #полезно #инструменты 👉 @frontend_mind
  • Frontend Головного Мозга

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

    Решение задачи "IP-адрес" #codewars #легко #js #ответы #35kata 👉 @frontend_mind
  • Frontend Головного Мозга

    IP-адрес Напишите функцию, которая будет определять действительные адреса IPv4 в десятичном формате с разделительными точками. IP-адреса следует считать действительными, если они состоят из четырех октетов со значениями от 0 до 255 включительно. Если адрес действительный, то функция должна вернуть true, если нет, то false. Пример:
    isValidIP("0.0.0.0") - вернёт true
    
    isValidIP("137.255.156.100") - вернёт true
    
    isValidIP('') - вернёт false
    
    isValidIP('abc.def.ghi.jkl') - вернёт false
    
    isValidIP('123.456.789.0') - вернёт false
    
    
    Адреса в которых октеты начинаются(например, 01.02.03.04) считаются недействительными. Входные данные гарантированно будут одной строкой. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #35kata 👉 @frontend_mind
  • Frontend Головного Мозга

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

    Keen-slider — Библиотека для создания слайдеров Позволяет создавать настраиваемые слайдеры и датапикеры. Особенности / преимущества: ✔️Небольшой вес (5kB) ✔️Удобный API ✔️Поддержка TypeScript, React, Vue, Angular, React Native ✔️Не имеет зависимостей ✔️Поддержка Safari, Chrome, Firefox, Opera, Edge Сайт: https://keen-slider.io/ Гит: https://github.com/rcbyr/keen-slider #библиотеки #полезно #js 👉 @frontend_mind
  • Реклама

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

    Анимированная 3D-капля, выполненная с помощью CSS и JavaScript #codepen #css #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇
  • Frontend Головного Мозга

    Lorem Ipsum Generator — Расширение для генерации текста Позволяет генерировать настраиваемый текст-рыбу. Особенности: 👉 Доступен для Chrome 👉 Позволяет настроить кол-во предложений и абзацев 👉 Возможность скопировать текст одним кликом 👉 Позволяет настроить вставку HTML-тегов Ссылка на скачивание: chrome.google.com/webstor…camnfkdb Гит: github.com/jardrak…enerator #полезно #инструменты 👉 @frontend_mind
  • Frontend Головного Мозга

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