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

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

12111 @frontend_mind
Открыть

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

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

    TinyBase — библиотека для управления данными Позволяет эффективнее управлять данными и отслеживать изменения. Особенности / преимущества: ✔️Небольшой вес (2,6 kB - 5,7 kB) ✔️Синхронизация данных с локальным или удаленным хранилищем ✔️Использование компонентов для создания приложений ✔️Открытый исходный код ✔️Создание индексов для быстрого поиска Сайт: https://tinybase.org/ Гит: https://github.com/tinyplex/tinybase #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Codeanywhere — облачная среда разработки Позволяет работать в браузере и писать код совместно с другими разработчиками в режиме реального времени. Особенности: 👉 Поддерживает все основные языки программирования (JavaScript, TypeScript, PHP, Python, Java, C/C++, C# и т.д) 👉 Возможность расширения с помощью множества плагинов 👉 Встроенный терминал 👉 Полнофункциональный клиент Git 👉 Отладка кода с точками останова Сайт: https://codeanywhere.com/ #полезно #инструменты 👉 @frontend_mind

  • Реклама

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

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

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

    ✨Топ инструментов для тестирования скорости сайта, Часть 2: 👉 Giftofspeed — Сервис для тестирования скорости загрузки веб-сайта. Проверяет включено ли сжатие Gzip на веб-страницах. Также позволяет минимизировать CSS-скрипты и проверить количество HTTP-запросов, создаваемых веб-страницами. 👉 SpeedCurve — Онлайн-инструмент, который измеряет производительность веб-сайта. Позволяет отлаживать проблемы производительности сайта, предоставляет графики с данными тестирования. Поддерживает интеграцию с Jenkins, Github или CircleCI. 👉 Dotcom — Инструмент мониторинга производительности веб-сайтов. Предоставляет подробные диаграммы и графики, а также видео после тестирования. Проверяет скорость загрузки страницы в различных браузерах со всего мира. Позволяет отправлять отчёты на почту. 👉 Darboost — Инструмент, который анализирует и предлагает множество советов по оптимизации. Позволяет сравнить скорость вашего сайта со скоростью других сайтов, также позволяет проверить поведение пользователя на сайте. 👉 Yellow Lab Tools — Инструмент для тестирования скорости загрузки. Предоставляет много полезной информации и содержит уникальные функции. Отслеживает, как взаимодействует JavaScript с DOM во время загрузки страницы. Также позволяет выбрать тип устройства для тестирования. А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

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

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

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

    PDFKit — библиотека для генерации PDF-документов Упрощает создание сложных многостраничных документов для печати. Особенности / преимущества: ✔️Поддержка файлов JPEG и PNG ✔️Поддержка шрифтов TrueType (.ttf), OpenType (.otf), WOFF, WOFF2, коллекций TrueType (.ttc) и Datafork TrueType (.dfont) ✔️Линейные и радиальные градиенты ✔️Шифрование Сайт: http://pdfkit.org/ Гит: https://github.com/foliojs/pdfkit #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Обновление Firefox 96.0.1 и включение режима изоляции Cookie в Firefox Focus 14 января 2022 г. была представлена новая версия — Firefox 96.0.1 👇Вот её особенности👇 ✔️Исправлена специфичная для Windows проблема, приводящая к нарушению работы правил работы в обход настроек прокси. ✔️Устранена появившаяся в Firefox 96 ошибка в коде для разбора заголовка "Content-Length", проявляющаяся при использовании HTTP/3. Также 11 января были внесены изменения в мобильный браузер Firefox Focus 👇Основные изменения👇 ✔️Включение режима полной защиты Cookie (Total Cookie Protection) для Android. ✔️Добавлена поддержка механизма SmartBlock, который автоматически заменяет применяемые для отслеживания скрипты заглушками. Оф.Сайт: www.mozilla.org/en-US/f…asenotes #инструменты 👉 @frontend_mind

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

    Каналы от Senior разработчиков Хотите быстро выучить JavaScript, Python или другой язык программирования? Подписывайтесь на каналы от опытных разработчиков, где они объясняют код и учат программировать. 💻 Канал Senior JavaScript разработчика: @senior_front 🐍 Канал Python разработчика: @seniorpythonist ☕️ Канал Senior Java разработчика: @seniorjavist 🤖 Канал C++ разработчика: @seniorcpp 📚 Книги от программиста: @progersbooks

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

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

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

    Gitignore .io — Инструмент для легкой настройки файлов “.gitignore” Позволяет сгенерировать .gitignore файл практически под любой проект. Особенности: 👉 Открытый исходный код 👉 Использует LESS в качестве препроцессора CSS 👉 Автоматически генерирует .gitignore файлы 👉 Возможность работать из командной строки Сайт: https://www.toptal.com/developers/gitignore Гит: https://github.com/toptal/gitignore.io #полезно #инструменты 👉 @frontend_mind

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

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

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

    Решение задачи "Ошибки принтера" #codewars #легко #js #ответы #27kata 👉 @frontend_mind

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

    Ошибки принтера Принтер использует цвета, которые обозначаются буквами от a до m (английский алфавит). Цвета, используемые принтером, записываются в строку. "Хорошей" строкой будет aaabbbbhaijjjm здесь используются только буквы от a до m. Иногда возникают проблемы и создается "Плохая" строка - aaaxbbbbyyhwawiwjjjwwm с буквами, которые не входят в промежуток от a до m. Нужно написать функцию, которая примет строку и вернёт частоту ошибок принтера в виде строки, представляющей дробь, где числитель - количество ошибок, а знаменатель - длина строки. Не сокращайте дробь. Пример: 
    s="aaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbmmmmmmmmmmmmmmmmmmmxyz
printerError(s) - вернёт "3/56"

s="aaabbbbhaijjjm"
printer_error(s) - вернёт "0/14"

s="aaaxbbbbyyhwawiwjjjwwm"
printer_error(s) - вернёт "8/22"
    Строка имеет длину >=1 и содержит буквы от a до z. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #27kata 👉 @frontend_mind

  • Реклама

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

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

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

    Blaver — Библиотека для создания фейковых данных Построена на основе библиотеки Facker.js и позволяет генерировать множество поддельных данных. Особенности / преимущества: ✔️Позволяет генерировать адрес, дату, финансы, изображения, имя и т.д ✔️Не имеет зависимостей ✔️Полностью написана на JavaScript ✔️Обширный API Сайт: https://blaver.dev/ Гит: https://github.com/luciferreeves/blaver #библиотеки #полезно #js 👉 @frontend_mind

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

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