amCharts - библиотека диаграмм и карт JavaScript.
Библиотеки изначально интегрируется с приложениями TypeScript, Angular, React, Vue и обычным JavaScript. И исходный код общедоступен.

#javascript

Minimal - это идеальный UI Kit для старта вашего проекта. Он обеспечивает чистую и понятную кодовую базу.

UI-kit включает в себя: Material-UI v5-beta. 100% React hooks. Redux Toolkit & React Context API. Formik Form Hook. ESLint & Prettier. Example simple version for Next.js. React Form Validation Formik + Yup. Отлично подойдет для создания клиентских и административных панелей.

#шаблоны

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

#полезное

IconSax - более 1000 качественный иконок пользовательского интерфейса в 6 разных стилях и разных форматах, которые однозначно дополнят и украсят Ваш проект.

#иконки

Fatpickr - это легкая и мощная библиотека для выбора даты и времени. Расширяемый и не имеет каких либо зависимостей. Интерфейс минималистичен, но много тем. Богатые, открытые API и система событий делают его подходящим для любой среды. Доступны библиотеки для React, Angular, Vue, Ember и других.

#typescript

Шпаргалка по Bootstrap. Интерактивный список классов Bootstrap с примером кода будет у Вас всегда перед глазами. Кто использует или только начинает использовать бутсрап, Велкам!

#полезное

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

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

Premonish - интересная библиотека для прогнозирования того, с каким элементом пользователь будет взаимодействовать в следующий раз.

Вы предоставляете список элементов, и он пытается предсказать, когда пользователь собирается навести указатель мыши на один из этих элементов.

#javascript

The Front-End Checklist - идеально подходит для современных веб-сайтов и разработчиков, которые не уверены какие использовать теги или селекторые для определенной задачи.

#полезное

CSS Stats — инструмент для анализа и визуализации таблиц стилей.

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

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

Push - это самый быстрый способ начать работу с уведомлениями рабочего стола на Javascript. Довольно новое дополнение к официальная спецификация, API уведомлений позволяет работать в современных браузерах.

#javascript

JavaScript code snippets (ES6) - это расширение содержит фрагменты кода для JavaScript в синтаксисе ES6 для редактора VS Code (поддерживает как JavaScript, так и TypeScript). Все фрагменты включают конечную точку с запятой.

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

Persona Avatar Generator - онлайн инструмент, которые генерирует стильные аватарки с различными лицами.

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

Uxcel - изучите новые дизайнерские навыки, подтвердите свои знания и получите работу своей мечты с помощью интерактивной платформы онлайн-обучения.

#полезное #дизайн

Единицы размеров в CSS.

В CSS существует множество единиц измерения. Обычно мы используем единицы размеров, но также есть единицы для углов — например, deg и turn, единицы времени — s и ms, единицы плотности экрана — например, dpi и dppx и другие.

Эта статья подробно рассказывает о разных величинах с примерами и формулами.

#статьи

Автор: Брайан Мессенленер, Джейсон Коулман
О книге: 2021 год, 528 страниц, Русский язык, 37.0Mb

Содержание: Подробно рассматривается создание веб-приложений на платформе WordPress, в том числе для мобильных устройств, принципы работы таких приложений. Описана структура каталогов и базы данных, приведены типы записей, метаданных и таксономий, перечислены основные классы и функции. Уделено внимание разработке собственной темы оформления с адаптивным дизайном.

#книги

Formik - популярная библиотека форм с открытым исходным кодом для React и React Native. Поскольку состояние формы по своей сути является локальным и эфемерным, Formik не использует внешние библиотеки управления состоянием, такие как Redux или MobX. Это также упрощает постепенное внедрение Formik и сводит размер пакета к минимуму.

#react

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

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

npm root

Проще простого найти локальные зависимости, они всегда располагаются в папке node_modules. А что на счет глобальных? Как их найти?  

#nodejs

SVG и CSS генераторы фона

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

#дизайн

3 совета начинающему разработчику

В начале пути у каждого новичка появляются сомнения и мысли: "Я ничего не могу понять...", " Наверное это не для меня...".

В статье даны советы о том, как не свернуть с пути! Возможно это то, что тебе нужно именно сейчас, чтобы поверить в себя.

#статьи