🤓Сегодня сложно представить себе интерфейсы без анимации. Поэтому были разработаны специальные библиотеки, которые упрощают жизнь разработчикам, при добавлении различных анимаций в проекты.
Например, такие 👇
Framer Motion
Готовые анимации с декларативным синтаксисом кода. У библиотеки хорошая документация, 19 000 звёзд на GitHub и 2,2 млн загрузок NPM еженедельно.
tsParticles
Поможет легко создавать анимированные фоны. Конфетти, фейерверки, летающие частицы и другие настраиваемые анимации. 5 500 звёзд на GitHub и 49 600 загрузок NPM еженедельно.
Green Sock
Детальный контроль над параметрами анимации и высокая производительность. На GitHub 16 500 звёзд, NPM загрузок 400 000 еженедельно.
Remotion
Позволяет создавать видео и анимацию с помощью HTML, CSS, JavaScript и TypeScript. 16 100 звёзд на GitHub и 14 400 загрузок NPM еженедельно.
React Move
Весит всего 3,5 КБ (в сжатом виде) и помогает добавлять анимацию для отображения и вывода данных. 6 500 звёзд на GitHub и 83 000 загрузок NPM еженедельно.
React Awesome Reveal
Добавляет анимацию при прокрутке. Использует API Intersection Observer для определения появления элементов в области просмотра. 888 звёзд на GitHub и 17 900 загрузок NPM еженедельно.
⏺Забирайте эту подборку себе, чтобы не потерять. Пишите, какие библиотеки используете чаще всего на своих проектах.
#ресурсы#react
Как проверять коллокации?
Сегодня поделюсь с вами сайтами, которые помогают мне проверять сочетаемость слов, частотность коллокаций и находить контексты, помимо словарей и гугла.
1. Netspeak.
Бесплатный инструмент для поиска слов и словосочетаний по корпусу, составленному на основе текстов из интернета (как правило, Google books). Показывает кол-во вхождений и позволяет сделать сравнительный анализ частотности коллокаций. Например, как понять, с каким наречием больше сочетается слово enormous - completely, totally или absolutely? Нужно лишь ввести в строку [completely totally absolutely] enormous и проанализировать статистику.
2. Ozdic.
Словарь коллокаций с очень подробными статьями. Нужно ввести одно слово, и он выдаст все возможные сочетания с примерами. Минус: не на все слова можно найти такие статьи. Например, на enormous ничего пока нет.
3. Ludwig guru.
Сайт со встроенным ИИ, который может корректировать тексты. Корпус состоит из таких источников как The New York Times, The Guardian, The Economist. Мне нравится брать оттуда контексты. Минус: позволяет делать только 5 бесплатных запросов в день.
4. SKELL.
Тоже бесплатный поисковый инструмент. Корпус текстов основан на статьях из Википедии, интернет-ресурсов за 2013 год и Британского Национального Корпуса. Предоставляет контексты и подсчитывает количество вхождений слова или словосочетания на миллион контекстов.
А какие ресурсы используете вы? Какие из вышеперечисленных возьмете на заметку?
#ресурсы
Как быстро убрать фон у картинки
Платформа Miro ввела ограничения на использование ИИ для удаления фона у картинок. Приходится пользоваться дополнительными ресурсами, чтобы продолжать красиво оформлять элементы на доске.
Мне понравился сайт removal.ai. На нем можно не только открывать файлы с компьютера, но и перетаскивать картинки мышкой с соседней вкладки, что значительно ускоряет процесс. Регистрация не нужна, при этом скорость и качество обработки картинки весьма хорошие. Рекомендую.
А вы какими ресурсами пользуетесь, чтобы убирать фон у картинок? Поделитесь в комментариях.
#ресурсы
Ресурс для окрашивания ч/б картинок
Сегодня при подготовке к занятию мне понадобилось взять картинку из Workbook. Проблема была в том, что она чёрно-белая, а мне хотелось такую же, но цветную.
Что я обычно делаю в таких случаях?
1) Ищу в интернете максимально похожие картинки, но цветные. Тем не менее, поиск отнимает время, а точно такие же картинки найти либо невозможно, либо крайне трудно.
2) Пытаюсь сгенерировать картинку при помощи искусственного интеллекта в Leonardo. Однако результат далеко не всегда совпадает с ожиданиями, и ИИ не всегда следует заданной инструкции.
Но сегодня я решила опробовать третий вариант - найти ресурс по окрашиванию картинок онлайн и бесплатно. Готова поделиться находкой. Возможно, вам тоже в какой-то момент это пригодится.
Это сайт img2go.com. Там есть немало функций по редактированию изображений. Одна из них называется AI Colorize. Заходим туда. Незарегистрированным пользователям предоставляется 10 бесплатных попыток. Если зарегистрироваться, то в рамках бесплатного тарифа каждый месяц ваш баланс будет пополняться на 10 попыток.
Итак, выбираем файл с компьютера или по ссылке. Выбираем модель AI и ставим render factor на максимум. Нажимаем на start и ждем. Через какое-то время итоговое изображение можно конвертировать в удобный вам формат и скачать.
На картинках к этому посту показан пример того, как этот ресурс покрасил картинку из воркбука.
Как вам идея? Каким ресурсом пользуетесь вы?
#ресурсы
🖋Как транскрибировать видео?
Насущный вопрос для всех, кто внедряет в свои занятия аутентику в формате видео. Раньше транскрипт можно было сделать на twee, но теперь эта функция стала платной.
Перепробовав несколько сайтов с функцией конвертации видео в текст, я нашла тот, который показался мне наиболее удобным из всех.
Это 360converter.com.
На нем можно без регистрации конвертировать 3 видео в день длительностью до 3 минут, а для зарегистрированных пользователей - 20 видео в день длительностью до 5 минут. Всё это бесплатно.
Скорость транскрибирования зависит от кол-ва пользователей, одновременно использующих ресурс. Тем не менее, видео длиной 1:20 мне удалось транскрибировать меньше чем за минуту, а видео длиной 5 минут - в пределах 3 минут.
🔸️Сайт поддерживает 34 языка;
🔸️Конвертирует также и аудиофайлы в текст;
🔸️Делает субтитры к видео;
🔸️Позволяет экспортировать результат в text file, Microsoft Document, PDF, SRT file;
🔸️Есть функция транскрибирования определенного куска аудио/видео, что может быть удобно, когда интересует только конкретная часть, а не всё целиком.
👎 Что сайт пока не умеет делать - это транскрибировать песни.
Как вам сайт? Какими еще ресурсамм пользуетесь для транскрибирования аудио и видео?
#ресурсы
⠀
Войти в IT- ЧАТ💬
Лучшие обучающие ресурсы для входа в IT👇
🔥 Stepik BI аналитика/Data engineer
SQL:
● Stepik SQL для Анализа Данных [Глеб Михайлов]
● Stepik SQLite для аналитики [Антон Жиянов]
● Stepik Оконные функции SQL [Антон Жиянов]
Python
☆ Поколение Python - курс для начинающих
☆ Анализ Данных на Python [Глеб Михайлов]
☆ Основы Pandas для начинающих [Роман Медведев]
Tableau:
● Stepik Основы работы в Tableau
● Tableau Pro Tableau Марафон
● Stepik Tableau Профессионал
● Помогает выбрать график — Постер
Tableau в YouTube 🔻:
■ Reveal the Data
■ Vizuators
Буду изучать (возможно 😜)
□ Stepik Основы статистики
□ StepikВведение в матанализ
□ Stepik Теория вероятностей
□ GeekBrains Git. Базовый курс
#ресурсы
#webDevelopment#React
🔰
Server Side Rendering with React and Redux
📖 Build React, Redux, and React Router apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques
🗣: Stephen Grider
-----
Main channel: @repo_science
Coupons: @freecoupons_reposcience
-----
#webDevelopment#react
🌐
Mastering React
Don't get left behind. React is the way forward to building fast, interactive web apps. This course covers everything.
Duration: 13h
220 lessons
Author: CodeWithMosh
🔗Link
-----
Main channel: @repo_science
Coupons: @freecoupons_reposcience
-----
http://v1k45.com/blog/modern-django-part-1-setting-up-django-and-react/
Modern Django: Part 1: Setting up #Django and #React
This will be a multi part tutorial series on how to create a "Modern" web application or SPA using Django and React.js.