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

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

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

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

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

    ✨Топ расширений VS Code для рефакторинга и работы с техническим долгом 👉 JavaScript Assistant — Помогает писать чистый код, отвечающий современным стандартам. Предлагает 48 автоматизированных процессов, полезных при рефакторинге кода на JavaScript. 👉 Abracadabra — Запускает наиболее полезные инструменты редактора, дает возможность делать быстрые исправления, предоставляет параметры для настройки UX в соответствии с потребностями. 👉 Todo Tree — Собирает все задачи по всему коду, в одно дерево в левой части рабочего пространства редактора. 👉 New Relic CodeStream — Платформа для совместной разработки. Упрощает обсуждение и проверку кода, размещая инструменты совместной работы в своей среде. 👉 Comment Anchors — Позволяет размещать ссылки-якоря в комментариях. Якоря можно использовать для отслеживания TODO, написания заметок, сворачивания разделов кода или для создания навигации. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind
  • Frontend Головного Мозга

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

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

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

    Date-holidays — Библиотека для работы с датами праздников Предоставляет даты праздничных дней различных стран. Особенности / преимущества: ✔️Поддерживает все современные браузеры ✔️Возможность добавить пользовательские праздники ✔️Поддержка более 120 стран ✔️Многоязычная поддержка для всех названий праздников Сайт: https://commenthol.github.io/date-holidays/ Гит: https://github.com/commenthol/date-holidays #библиотеки #полезно #js 👉 @frontend_mind
  • Frontend Головного Мозга

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

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

    Релиз Firefox 101: Поддержка протокола WebDriver BiDi, метод showPicker() и многое другое 31 мая 2022 г. была представлена новая версия — Firefox 101 👇Вот её особенности👇 ✔️ Устранено 30 уязвимостей, из которых 25 помечены как опасные. 19 уязвимостей вызваны проблемами работы с памятью. ✔️Реализована возможность одновременного использования произвольного числа микрофонов в процессе видеоконференции. ✔️Включена поддержка протокола WebDriver BiDi, позволяющего использовать внешние инструменты для автоматизации работы и удалённого управления браузером. ✔️В класс HTMLInputElement добавлен метод showPicker(), позволяющий отобразить готовые диалоги для заполнения типовых значений в полях <input>. ✔️Добавлен программный интерфейс, дающий возможность из JavaScript-приложения динамически создавать таблицы стилей и манипулировать применением стилей. Оф.Сайт: www.mozilla.org/en-US/f…asenotes #инструменты 👉 @frontend_mind
  • Frontend Головного Мозга

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

    Splitbee - Инструмент аналитики для веб-сайтов Позволяет анализировать поведение пользователя и улучшить конверсию. Особенности: 👉 Позволяет автоматизировать множество действий 👉 Небольшой вес (менее 4kB) 👉 Аналитика в режиме реального времени 👉 Простая интеграция Сайт: https://splitbee.io/ GitHub: https://github.com/splitbee #полезно #инструменты 👉 @frontend_mind
  • Frontend Головного Мозга

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

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

    Уникальная строка Вам даётся массив строк. Все строки, кроме одной, содержат похожие буквы. Напишите функцию, которая будет возвращать отличающуюся строку. Строки могут содержать пробелы. Пробелы не имеют значения, важны только символы без пробелов. Например: строка, содержащая только пробелы, подобна пустой строке. Пример:
    findUniq([ 'abc', 'acb', 'bac', 'foo', 'bca', 'cab', 'cba' ]) - вернёт 'foo'
    
    findUniq([ 'silvia', 'vasili', 'victor' ]) - вернёт 'victor'
    
    findUniq([ 'Tom Marvolo Riddle', 'I am Lord Voldemort', 'Harry Potter' ]) - вернёт 'Harry Potter'
    
    findUniq([ '    ', 'a', ' ' ]) - вернёт 'a'
    
    
    Массив всегда содержит более 3 строк. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #47kata 👉 @frontend_mind
  • Frontend Головного Мозга

    Митап «Как устроен дизайн в IT» Бесплатное мероприятие Яндекс Практикума для всех, кто хочет начать карьеру в дизайне. 5 разных историй о дизайнерах, которые делают Яндекс Маркет. 6 июня (пн) в 17:00 по Москве. Регистрация
  • Frontend Головного Мозга

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

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

    Dinero.js — Библиотека для работы с денежными значениями Позволяет выполнять преобразования, сравнения, форматирование и другие манипуляции с денежными значениями. Особенности / преимущества: ✔️Поддержка Chrome, Edge, Firefox и Safari ✔️Небольшой вес (3kB) ✔️Возможность создать собственную валюту (объект) ✔️Работает с криптовалютами Сайт: https://v2.dinerojs.com/ Гит: https://github.com/dinerojs/dinero.js #библиотеки #полезно #js 👉 @frontend_mind
  • Frontend Головного Мозга

    Как фронтендеру устроиться на удалёнку в зарубежную компанию и где искать вакансии? Как выучиться на программиста с нуля и успешно пройти все собеседования? Какие книги читать, чтобы прокачать скиллы в разработке? Ответы на эти вопросы — в канале «Люди и код». Команда канала беседует с опытными и начинающими разработчиками и программистами, находит интересные и неожиданные темы и помогает влюбиться в IT. Про мемы тоже не забываем :) Наши любимые материалы: 1. 10 сервисов для поиска удалённой работы за доллары и евро. 2. Как стать фронтендером в 37 и найти работу после сотен отказов. 3. Как программисту пройти собеседование. 6 советов. 4. Как уехать за границу в 2022 году: подробный гайд по релокейту для айтишников. 5. Почему стоит прочесть книгу «Карьера программиста». Подписывайтесь на канал «Люди и код»: @skillbox_media_code
  • Frontend Головного Мозга

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