Line Icons - созданные вручную бесплатные линейные иконки для современных пользовательских интерфейсов. Коллекция насчитывает более 5000 иконок.

#иконки

С ростом популярности мобильных телефонов и планшетов растёт и необходимость разработки компонентов веб-страниц, прокручивать которые удобно, пользуясь сенсорными экранами, и, в частности, жестами, известными как «свайпы».

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

#статьи

Neumorphism.io - генератор кода CSS для популярного направления дизайна под названием Neumorphism / Soft UI. Это поможет дизайнерам и разработчикам поэкспериментировать с ним. Создан на React.js. Открытый исходный код, так что можете развернуть проект.

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

TOAST UI Editor - редактор позволяет редактировать документы Markdown, используя текст или WYSIWYG, и имеет функции выделения синтаксиса, синхронизации прокрутки, просмотра в реальном времени и диаграмм.

#typescript

DisplayJS - простая структура для создания амбициозного пользовательского интерфейса, не задумываясь о том, как все будет отображаться.

Проще говоря, это фреймворк, который помогает эффективно отображать DOM.

#javascript

Seolik - данный сервис будет полезен любому, у кого есть свой веб сайт. Благодаря этому инструменту анализа сайтов, вы сможете проверить все основные показатели, как своих сайтов, так и сайты ваших конкурентов. Анализ выполняется за 10-30 секунд. Для удобства навигации отчет разбит на категории, а так же есть возможность фильтровать данные прямо в отчете.

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

Живые и неживые коллекции в JavaScript.

Найти несколько DOM-элементов и получить к ним доступ из JavaScript можно разными способами: querySelectorAll, getElementsByTagName, children и так далее. В итоге в каждом случае будет возвращена коллекция — сущность, которая похожа на массив объектов, но при этом им не является, на самом деле это набор DOM-элементов. Стоит учесть, что фактически разные методы возвращают разные коллекции.

#статьи

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.

#шаблоны