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

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

12111 @frontend_mind
Открыть

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

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

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

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

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

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

    Числа и слова В этом задании необходимо написать функцию, которая преобразует любое положительное число в строку, представляющую число словами. Функция должна работать для всех чисел от 0 до 999999. Пример: 
    number2words(0) - вернёт "zero"

number2words(9)  - вернёт  "nine"

number2words(17) - вернёт "seventeen"

number2words(99) - вернёт  "ninety-nine"

number2words(799) - вернёт "seven hundred ninety-nine"
    ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #52kata 👉 @frontend_mind

  • Реклама

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

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

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

    Tui.calendar — Библиотека для добавления календаря Позволяет добавлять календарь в проект с возможностью редактирования событий. Особенности / преимущества: ✔️Поддержка Drag-and-drop ✔️Настройка пользовательского интерфейса ✔️Поддержка различных типов просмотров (ежедневно, еженедельно, ежемесячно) ✔️Создание всплывающих окон Сайт: https://ui.toast.com/tui-calendar Гит: https://github.com/nhn/tui.calendar #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Small Dev tools — Набор инструментов для рутинных задач Помогает с часто выполняемыми задачами, такими как кодирование/декодирование, создание изображений-заполнителей, тестирование фиктивных наборов данных и многое другое. Особенности: 👉 Предоставляет более 30 инструментов 👉 Простой UI 👉 Конфиденциальность 👉 Экспорт в один клик Сайт: https://smalldev.tools/ #полезно #инструменты 👉 @frontend_mind

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

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

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

    ✨Топ расширений Google Chrome для веб-разработчика, Часть 1: 👉 OctoTree — Облегчает изучение и модификацию кода на Github. Доступны следующие функции: темный режим, настройка шрифтов, исходный код в виде дерева, боковая панель, как в IDE и т.д. 👉 Wappalyzer — Показывает сходные с обследуемым сайты и составляет список используемых технологий, фреймворков и библиотек JavaScript. Также умеет отслеживать изменения в программном стеке сайта-конкурента. 👉 Fonts Ninja — Расширение для идентификации семейства, размера, веса и цвета шрифтов, используемых на сайте. 👉 Amino Live CSS Editor — Позволяет отслеживать внешний вид разрабатываемого сайта в реальном времени при написании новых или изменении существующих CSS-свойств. 👉 ColorPick Eyedropper — Помогает определить цвет любого участка веб-страницы. 👉 Clear Cache — Позволяет очищать кэш браузера Chrome в один клик. Продолжение следует... А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

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

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

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

    Imask.js — Библиотека масок для полей ввода Позволяет создавать множество масок для полей ввода input. Особенности / преимущества: ✔️Доступны плагины для Vue, Angular, React, Svelte ✔️Отсутствие внешних зависимостей ✔️Поддерживает все основные браузеры и IE11+ ✔️Легко получить необработанные значения Сайт: https://imask.js.org/ Гит: https://github.com/uNmAnNeR/imaskjs #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Релиз Firefox 102: Защита от отслеживания перехода на другие страницы, поддержка фильтрации таблиц стилей по имени и многое другое 28 июня 2022 г. была представлена новая версия — Firefox 102 👇Вот её особенности👇 ✔️Добавлена защита от отслеживания перехода на другие страницы через выставление параметров в URL. ✔️В интерфейсе для web-разработчиков во вкладке Style Editor появилась поддержка фильтрации таблиц стилей по имени. ✔️В CSS в медиа-запросах реализовано свойство update, позволяющее привязаться к частоте обновления информации, поддерживаемой устройством вывода ✔️Улучшен просмотр PDF-документов в режиме высокого контраста. Оф.Сайт: www.mozilla.org/en-US/f…asenotes #инструменты 👉 @frontend_mind

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

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

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

    FAST — Набор инструментов для создания современных веб-интерфейсов Позволяет создавать интерфейсы на основе компонентов, которые можно использовать в разных проектах. Особенности: 👉 Работает с Angular, React, Vue и т.д 👉 Возможность создавать новые компоненты 👉 Легко расширяется 👉 Возможность создания анимации Сайт: https://www.fast.design/ Гит: https://github.com/microsoft/fast/ #полезно #инструменты 👉 @frontend_mind

  • Реклама

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

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

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

    Решение задачи "Генератор хэштегов" #codewars #легко #js #ответы #51kata 👉 @frontend_mind

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

    Генератор хэштегов Маркетинговая команда тратит слишком много времени на создание хэштегов. Давайте поможем им и напишем свой генератор хэштегов! Вот условия: — Выходная строка должна начинаться с хэштега ( # ) — Во всех словах первая буква должна быть заглавной — Если окончательный результат длиннее 140 символов, функция должна вернуть false — Если ввод или результат представляет собой пустую строку, то функция должна вернуть false Пример: 
    generateHashtag (" Hello there thanks for trying my Kata") - вернёт "#HelloThereThanksForTryingMyKata"

generateHashtag ("    Hello     World   ") - вернёт "#HelloWorld"

generateHashtag ("") - вернёт false
    ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #51kata 👉 @frontend_mind