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

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

12111 @frontend_mind
Открыть

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

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

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

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

    Taskade — Инструмент для совместного управления задачами Позволяет удаленным командам работать вместе в едином рабочем пространстве в режиме реального времени. Особенности: 👉 Доступен для Android, IOS, Windows, Linux, Mac, Chrome, Firefox, Edge 👉 Позволяет автоматизировать рабочие процессы 👉 Возможность создавать списки задач, заметки и интеллект-карты 👉 Работа с несколькими командами одновременно Сайт: https://www.taskade.com/ GitHub: https://github.com/taskade #полезно #инструменты 👉 @frontend_mind

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

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

  • Реклама

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

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

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

    Ничего лишнего Необходимо написать функцию, которая принимает строку и удаляет из этой строки все неалфавитные символы. Функция должна вернуть перевёрнутую строку с удалёнными символами. Пример: 
    reverseLetter("krishan") - вернёт "nahsirk"

reverseLetter("ultr53o?n") - вернёт "nortlu"

reverseLetter("ab23c") - вернёт "cba"

reverseLetter("krish21an") - вернёт "nahsirk"
    Строка состоит из строчных латинских букв, цифр и символов. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #31kata 👉 @frontend_mind

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

    Анимированный QR-код, выполненный с помощью Pug, Stylus и библиотек React.js и GSAP.js Можно создать свой QR-код, использовав ссылку на веб-сайт. #codepen #scss #js #готовые_решения 👉 @frontend_mind 👇Код и демо доступны по кнопке👇

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

    Tabulator — Библиотека для создания таблиц Позволяет создавать интерактивные таблицы из различных данных, в формате HTML Table, Javascript Array или JSON. Особенности / преимущества: ✔️Поддержка Safari, Chrome, Firefox, Opera, IE ✔️Оснащена полезными функциями (фильтры, сортировка, редактирование, загрузка данных) ✔️Возможность работы с React, Angular и Vue ✔️Не имеет зависимостей ✔️Стилизация с помощью классов CSS Сайт: http://tabulator.info/ Гит: https://github.com/olifolkerd/tabulator #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Shortpixel — Инструмент для сжатия и оптимизации изображений Улучшает производительность веб-сайта за счёт оптимизации изображений без потери качества. Особенности: ✔️Поддержка JPG, PNG, GIF, PDF, WebP, Avif ✔️Возможность выбрать уровень сжатия ✔️Имеет плагин для WordPress ✔️Конфиденциальность для всех обработанных файлов Сайт: https://shortpixel.com/ GitHub: https://github.com/short-pixel-optimizer/ #полезно #инструменты 👉 @frontend_mind

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

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

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

    🚀 Канал CodeReview - это комьюнити разработчиков, которые помогают друг другу получать ревью на свой код. ⚡️ Недавно ребята запустили новый формат на своем канале - «подготовка к собеседованиям», где они помогают подготовиться на Junior, Middle и Senior позиции по направлениям Java, Python, PHP, а также JavaScript. 📤 Если ты хочешь пройти собеседование 1 на 1 с Senior разработчиком, узнать свои слабые места и лучше подготовиться к предстоящему собеседованию, то оставляй заявку через эту форму, и стань гуру в собеседованиях. 👉 Оставить заявку

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

    ✨Топ программного обеспечения для отслеживания времени, Часть 1: 👉 Time Doctor — Предоставляет всплывающие оповещения, которые напоминают записывать время, пока вы работаете. Позволяет увидеть время проведённое в чате с людьми, время отдыха. Доступен для Windows, Linux, Mac, Android и т.д. Также поддерживает интеграцию с Google Apps, Slack, GitHub и т.д. 👉 Toggl — Обнаруживает время простоя и позволяет выбрать, что делать с задачей позже. Поддерживает интеграцию с более чем 100 приложениями. Позволяет экспортировать отчет в различных форматах ( Excel, PDF или CSV). 👉 HubStaff — Доступен как веб-приложение, приложение для ПК или мобильное приложение. Предоставляет автоматизированные средства слежения за работой. Также позволяет экспортировать подробный график времени. 👉 TSheets — Имеет приложения для Android и iOS. Позволяет интегрироваться с другими приложениями учета и начисления заработной платы. Автоматически устанавливаются сверхурочные правила. 👉 VeriClock — Предоставляет простой интерфейс и позволяет отслеживать данные в режиме реального времени. Также Обеспечивает GPS-отслеживание. 👉 TimeSolv — Позволяет запускать несколько таймеров одновременно, также добавлять ограничение по времени для задач. Поможет организовать работу по дням, неделям и месяцам. Поддерживает различные форматы отчетов. Продолжение следует... А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

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

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

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

    Letmescroll.js — библиотека для кастомизации скроллбара Позволяет добавлять настраиваемый скроллбар в ваш проект. Особенности / преимущества: ✔️Нативное поведение прокрутки ✔️Не имеет зависимостей ✔️Поддерживает современные браузеры (Safari, Chrome, Firefox, Opera ) ✔️Простая кастомизация Demo: bmsvieira.github.io/letmesc…dex.html Гит: https://github.com/BMSVieira/letmescroll.js #библиотеки #полезно #js 👉 @frontend_mind

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

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

  • Реклама

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

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

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

    ​📆 Frontend дайджест за прошедшую неделю 👉 Релиз Chrome 98. Появилась поддержка нового формата шрифтов с поддержкой цветов, градиентов и смешивания COLRv1. В инструментах разработчика теперь используется редактор на базе Codemirror 6, что позволяет обрабатывать большие файлы и исправить проблему со смещением скролла во время отладки. 👉 Обновления 14 и 12 LTS-версий Node.js. В версии 14.19.0 была добавлена поддержка Corepack. Технология позволяет работать с разными пакетными менеджерами без их установки. В обновлении 12.22.10 версию npm обновили до 6.14.16. 👉 Вышел TypeScript 4.6 Beta. Добавлено разрешение кода в конструкторах перед super(), улучшены проверки глубины рекурсии, улучшен вывод индексированного доступа. Также добавлен анализ потока управления зависимыми параметрами. 👉 С 7 февраля Vue 3 станет новой версией фреймворка по умолчанию. 👉 GitHub выделил 100 пакетов, которые наиболее часто встречаются в зависимостях других пакетов и проектов. Для мейнтейнеров этих пакетов была введена обязательная двухфакторная аутентификация. Это необходимо, чтобы злоумышленники не могли получать доступ к важным пакетам и компрометировать их. #frontend_дайджест 👉 @frontend_mind

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

    Couleur — Сервис для подбора гармоничных цветовых палитр Использует цветовые значения HSL в CSS для создания палитры на основе выбранного начального оттенка. Особенности: 👉 Примеры использования цветовых палитр 👉 Возможность скопировать HEX и HSL код 👉 Настройка насыщенности цвета 👉 Возможность скопировать набор переменных CSS Сайт: https://couleur.io/ #полезно #инструменты 👉 @frontend_mind