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

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

12111 @frontend_mind
Открыть

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

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

    Zdog — Псевдо 3D-движок для canvas и SVG Позволяет создавать и визуализировать простые 3D-модели. Особенности / преимущества: ✔️Не имеет зависимостей ✔️Удобный API ✔️Поддерживает множество фигур ✔️Небольшой вес (26kB) Сайт: https://zzz.dog/ Гит: https://github.com/metafizzy/zdog #библиотеки #полезно #js 👉 @frontend_mind

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

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

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

    Трёхслойная архитектура Трёхслойная архитектура (она же чистая) предполагает разделение кода приложения на «слои» с чётко разграниченными обязанностями. Слои приложения: ✔️Домен ✔️Прикладной слой ✔️Слой адаптеров и портов Рассмотрим каждый слой в отдельности и определим, по каким признакам код относят к одному из слоёв. Доменный слой В доменном слое находятся код и данные из предметной области приложения. Код доменного слоя — самое важное, что отличает одно приложение от другого. Прикладной слой Содержит код сценариев и юзкейсов приложения. Обычно это обработчики команд, которые выполняют пользовательский сценарий. Также содержит интерфейсы портов и адаптеров. Слой портов и адаптеров Cодержит код для связи приложения с внешним миром. В этой статье мы рассмотрим следующее: 👉 Инфраструктура и Shared Kernel 👉 Плюсы разделения на слои 👉 Взаимодействие слоёв 👉 Управляемые и управляющие адаптеры 👉 Уменьшаем издержки 👉 Читать статью полностью #статья #js 👉 @frontend_mind

  • Реклама

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

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

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

    Creative Tim — Сервис для подбора компонентов Предоставляет компоненты пользовательского интерфейса, созданные на основе Bootstrap, Vue.js, React, Angular, Node.js и Laravel. Особенности: 👉 Готовые наборы UI 👉 Компоненты разделены по категориям 👉 Полностью настроенные панели мониторинга Сайт: https://www.creative-tim.com/ GitHub: https://github.com/creativetimofficial #полезно #инструменты 👉 @frontend_mind

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

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

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

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

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

    Подсчет битов Напишите функцию, которая принимает целое число в качестве входных данных и возвращает количество битов, равных единице в двоичном представлении этого числа. Пример: 
    Двоичное представление числа 1234 равно 10011010010, поэтому в этом случае функция должна вернуть 5.

countBits(0) - вернёт 0

countBits(7) - вернёт 3

countBits(9) - вернёт 2
    Ввод всегда будет положительным числом. ===Решать задачу на Codewars=== 📌 Пишите ваше решение в комментариях. Решение будет через несколько часов на этом канале. 👇 #codewars #легко #js #44kata 👉 @frontend_mind

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

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

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

    Jarallax — Библиотека для настройки параллакс эффекта Добавляет эффект параллакса для изображений с помощью преобразований CSS. Особенности / преимущества: ✔️Не имеет зависимостей ✔️Возможность добавить видео с Youtube или Vimeo ✔️Имеет плагин для WordPress и поддерживает jQuery ✔️Возможность отключить эффект на мобильных устройствах Сайт: https://jarallax.nkdev.info/ Гит: https://github.com/nk-o/jarallax #библиотеки #полезно #js 👉 @frontend_mind

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

    Всем привет! Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям. 🎁Запусти бота сегодня и получи подарок от нашего партнёра Madrobots.ru — магазина экспериментальных гаджетов. @MasterHuBot

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

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

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

    Filestack — Сервис для загрузки файлов Предоставляет мощный API для отправки, преобразования и доставки любого файла в ваше приложение. Особенности: 👉 Более 20- интеграций 👉 SDK для Javascript, Ruby, PHP, Python, Swift 👉 Распознавание объектов 👉 Обнаружение авторских прав Сайт: https://www.filestack.com/ GitHub: https://github.com/filestack #полезно #инструменты 👉 @frontend_mind

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

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

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

    ✨Топ сервисов для подбора компонентов Tailwind CSS 👉 GustUI — Предоставляет адаптивные компоненты, элементы и примеры страниц. Позволяет применить готовые стили к своему приложению, не перегружая его огромным количеством несвязанных стилей. 👉 FloatUI — Предоставляет элементы созданные с использованием React и чистого CSS. Каждый компонент полностью адаптивен, а также легко настраивается. 👉 HyperUI — Все компоненты настраиваются и сразу готовы к использованию. Позволяет скопировать исходный код или загрузить компоненты для простой интеграции в проекте. 👉 Tailwind Toolbox — Набор компонентов и шаблонов с открытым исходным кодом. Предоставляет поиск по компонентам, все шаблоны разделены по категориям. 👉 Tailwind Components — Представляет собой библиотеки UI-компонентов с открытым исходным кодом. Включает в себя демо и документацию. Компоненты можно добавить в "понравившееся". А какими сервисами пользуетесь вы? Напишите в комментариях👇 #полезно #подборки_инструментов 👉 @frontend_mind

  • Реклама

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

    ​​Три закрытых канала для фронтендера + бонус. @build_html — сотни бесплатных макетов для верстки на русском языке. @frontend_tests — сборник задач (с их разбором) для прокачки теоретических знаний и подготовки к собеседованиям. @on_the_frontend — дайджест самых актуальных статей по фронтенду. @mobileux — уникальная подборка интерфейсов для мобильных приложений ⚠️ Доступ открыт на 3 дня, кто успеет подписаться, останется навсегда.

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

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

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

    Overlay Scrollbars — Плагин для замены полосы прокрутки Предоставляет настраиваемые полосы прокрутки с сохранением функциональности. Особенности / преимущества: ✔️Поддержка всех свойств CSS, влияющих на размер ✔️Работает с React, Vue и Angular ✔️Поддержка Chrome, Firefox, Edge, Opera, Safari, IE8+ ✔️Возможность добавлять расширения Сайт: https://kingsora.github.io/OverlayScrollbars/ Гит: https://github.com/KingSora/OverlayScrollbars #библиотеки #полезно #js 👉 @frontend_mind