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

2021-07-05 11:00:06 Кому нужны виртуальные помощники? Как их создавать и сколько можно заработать?

12 июля Антон Виноградов, руководитель управления разработки веб-интерфейсов в SberDevices, расскажет о том, что вас ждет в области разработки чат-ботов и голосовых ассистентов. Также Антон разберет, какие инструменты нужны для таких задач, и представит программу онлайн-курса, разработанного совместно с OTUS.

Регистрируйтесь на вебинар и готовьте свои вопросы эксперту: https://otus.pw/ni5x/ Открыть/Комментировать

2021-07-05 10:23:01 Горизонтальная прокрутка блоков, реализованная при помощи GSAP ScrollTrigger и Locomotive Scroll

#codepen #scss #js

@frontend_mind Открыть/Комментировать

2021-07-04 17:23:01 Cleave.js - JS библиотека позволяющая форматировать данные формы, тем самым повышая их читабельность.

Особенности / преимущества:
Вы можете использовать различные типы форматирования для номеров кредитных карт, номеров телефонов, даты, времени и чисел
Есть возможность самому настроить форматирование содержимого в форме
Поддерживает компоненты ReactJS

Оф. сайт: https://nosir.github.io/cleave.js/
Гит: https://github.com/nosir/cleave.js

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать

2021-07-04 10:23:00 Фотографии, которые можно порвать, сделанные с помощью JS библиотеки Babel

@frontend_mind Открыть/Комментировать

2021-07-03 17:23:01 PerfectPixel - инструмент для проверки вёрстки в соответствие с макетом.

Pixel Perfect - это способ вёрстки строго по макету, при котором размеры и интервалы из макета соблюдаются с точностью до нескольких пикселей.

PerfectPixel - дополнение к браузеру, которое позволяет придерживаться и проверять данную концепцию.

Особенности:
Макет накладывается сразу на окно браузера
Есть функция lock, которая гарантирует что макет никуда не сдвинется
Можно инспектировать элементы не отключая плагин

Сайт: https://www.welldonecode.com/perfectpixel/

#полезно #инструменты

@frontend_mind Открыть/Комментировать

2021-07-03 10:23:00 Интерактивная кнопка, реализованная с помощью SCSS и JS

#codepen #scss #js

@frontend_mind Открыть/Комментировать

2021-07-02 17:23:00 Animate On Scroll (AOS) - JS библиотека позволяющая создавать анимацию элементов при прокрутке страницы.

Особенности / преимущества:
Множество готовых эффектов
Работает без JQuery
Легко интегрировать в проект
Открытый исходный код
Без проблем работает на разных устройствах, будь то мобильный телефон, планшет или компьютер

Оф. сайт: https://michalsnik.github.io/aos/
Гит: https://github.com/michalsnik/aos

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать

2021-07-02 10:23:01 Прозрачная кредитная карточка, сделанная с помощью JS библиотеки GSAP

#codepen #css #js

@frontend_mind Открыть/Комментировать

2021-07-01 17:23:01 Дополнение для определения используемых шрифтов на любом сайте

Fonts Ninja - это расширение для браузеров Chrome, Safari и Firefox, которое позволяет легко находить, пробовать и скачивать различные шрифты. После установки этого расширения для вас навсегда перестанет быть загадкой, какие шрифты используются на том или ином сайте и где их скачать.

Главная фишка в том, что можно навестись указателем мыши на любую строку и у вас высветится подсказка с названием данного шрифта, и вы сможете тут же скачать его себе на компьютер, так же перед установкой можно будет попробовать шрифт: изменить размер, цвет, межбуквенное расстояние, сделать жирным или курсивным.

Также имеется десктоп приложение, в котором более 3000 шрифтов, которые также можно попробовать.

Сайт: https://www.fonts.ninja/
Ссылка на скачивание: https://www.fonts.ninja/products

#полезно #инструменты

@frontend_mind Открыть/Комментировать

2021-07-01 12:23:00 Кодер из Токио — блог парня, рассказывающего о работе в IT в Японии

Каждый день он пишет об особенностях, трудностях и радостях лучшей в мире работы

Самая важная информация для программиста: coder_tokyo Открыть/Комментировать