DropzoneJS - это библиотека с открытым исходным кодом, которая обеспечивает загрузку файлов перетаскиванием с предварительным просмотром изображений. Не имеет зависимостей.

#javascript

React Marathon — возможность выучить основы React.js за неделю и собрать свое веб-приложение. Короткие видеоуроки в Телеграме, задания и ревью кода от ментора. Запустите бота по ссылке, чтобы участвовать.

#react

Woolly - сказочные рисованные иллюстрации. 75 иллюстраций в PNG и PSD. Создано нашей собственной командой дизайнеров.

#графика

Peppermint.js — очень гибкий тач-слайдер для Вашего проекта.

Основные особенности:
- Работает с мышью, тачэвентами, поинтерэвентами, старыми поинтерэвентами из IE10
- Работает на андроидах, айфонах, винфонах, блекберри и на девайсах с 8 виндой
- Работает в IE7+
- Не зависит от сторонних библиотек. Если находит jQuery, регистрирует себя в качестве плагина.
- Использует CSS3 трансформы и транзишены с фоллбеком на анимации по таймеру
7,7 Кб кода
- Оптимизированные на скорость выполнения touch-функции
- API и callback-функции для расширений
- Работает с клавиатурой, не ломается от кнопки Tab

#javascript #jquery

Профессиональный TypeScript

Автор: Черный Б.
О книге: 2021 год, 352 страницы, Русский язык, 5.42Mb

Вы рассмотрите такие основы, как компилятор, модуль проверки типов и сами типы. Далее будут изучены их разновидности и операторы, после чего перейдем к углубленным темам, таким как особенности системы типов, обработка ошибок и асинхронное программирование. В завершение автор книги расскажет, как использовать TypeScript с вашими любимыми фреймворками (фронтенд и бэкенд), производить миграцию существующего JavaScript-проекта в TypeScript и запускать TypeScript-приложение в продакшене.

#книги

DIV должен уйти: улучшаем HTML

Специализированные теги HTML по умолчанию являются div-ами. Просто убрав точку-префикс перед именами классов, мы можем сохранить точно такие же стили, как и раньше. Соответствующие HTML и CSS будут более семантичными, а также потребуют меньше символов.

В данной статье автор рассказывает об использовании div в проектах.

#статьи

Уменьшаем риск блокировки своего LinkedIn профиля.

Да, да! Оказывается такое может быть! 6 лет назад LinkedIn начал усерднее наблюдать за качественной активностью своих пользователей. Тогда была создана система оценки профилей, которая измеряется показателем SSI (Social Selling Index). Профиль получает оценку от 0 до 100 за 4 категориям:
- построение своего бренда
- ваша активность и ее поддержка (лайки, комментарии, репосты)
- релевантность вашего окружения
- активность расширение сети контактов

Так вот, чем выше ваш индекс, тем больше привилегий в LinkedIn - ваши посты чаще появляются в ленте, вас меньше банят, прочее.

Проверить свой профиль очень просто, переходим по ссылке и смотрим свой рейтинг.

#статьи

BalmUI - это система дизайна Google Material, с открытым исходным кодом, которая помогает командам создавать высококачественные проекты. Создавайте красивые продукты быстрее для Vue.js

#vue

Коротко о том, на сколько ты крутой разработчик!)

svg.js - это легковесная JavaScript библиотека для управления и анимации векторной графики в формате SVG.

SVG.js не имеет никаких зависимостей и стремится стать как можно меньше по размеру, при этом обеспечивая почти полное покрытие спецификации SVG.

#javascript

Specificity Visualizer - онлайн-инструмент с открытым исходным кодом, который показывает специфичность CSS-селекторов. Для его использования достаточно зайти на сайт, вставить CSS и нажать «Visualize it!».

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

#инструменты

Zustand - это небольшое и быстрое решение для управления состоянием. Вы создаете состояние из объекта, оно может содержать такие свойства, как строки, числа, логические значения или что-то еще, как и в случае с Redux.

#react

Dashmix создавался с особой тщательностью и любовью, основываясь на ценных отзывах, которые мы получаем за многие годы работы над проектами дашбордов. Он следует лучшим практикам и использует новейшие технологии. Это будет ценный инструмент, который поможет вам создать продукт, который вызовет эмоции и доверие, которые вы хотите для своего бизнеса. Создан с использованием Bootstrap 5, SASS и ES6.

#шаблоны

Halfmoon - интерфейсный фреймворк со встроенным темным режимом и полной настройкой с помощью переменных CSS; отлично подходит для создания информационных панелей и инструментов.

#html #css

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

#инструменты

Ponicode - это пакет расширений на базе искусственного интеллекта, который генерирует для вас модульные тесты. Он помогает вам быстро и легко создавать, визуализировать и запускать модульные тесты для ваших функций благодаря тестовым сценариям, созданным с помощью машинного обучения, и интуитивно понятному графическому интерфейсу.

#расширения #vscode

SoundJS - это библиотека, облегчающая работу со звуком в Интернете. Она предоставляет согласованный API для воспроизведения звука в разных браузерах, в том числе с использованием целевой модели плагина, чтобы обеспечить простой способ предоставления дополнительных аудио плагинов, таких как резервный Flash (включен, но должен использоваться отдельно от комбинированной / минифицированной версии).

#javascript

Figen - это бесплатный онлайн-инструмент для создания обложек и фонов. Вы можете использовать его для любых целей, таких как создание обложек для сообщений в блогах или создание случайного шаблона для обоев рабочего стола или мобильных устройств. Вы можете использовать редактор для добавления заголовков или просто описаний.

#инструменты

Наглядный CSS

Автор: Грег Сидельников
О книге: 2021 год, 224 страницы, Русский язык, 12.35Mb

На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них мы и рассмотрим. Грег Сидельников упорядочил свойства по основной категории (положение, размерность, макеты, CSS-анимация и т. д.) и визуализировал их работу.

#книги