Шпаргалка по 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 совета начинающему разработчику

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

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

#статьи

10 крутых бургер меню

Бургеров много не бывает! В статье приведены достаточно интересные варианты. Читай и бери себе на заметку.

#css

Области видимости

Еще не разобрался в этой теме?
Все об областях видимости переменных простыми словами.

propeller.js

Библиотека для вращения элементов.
Работает как для мыши, так и для сенсора.
Для лучшей производительности использует requestAnimationFrame и GPU вычисления.

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

Структура проекта на React

В статье рассказано о структуре, построенной на предметно-ориентированном проектировании (Domain driven design).

Данный вариант можно взять за основу и использовать в своих проектах. Но каждый волен сам выбирать как структурировать проекты. Только методами проб и ошибок вы найдете подходящий вариант для себя.

#react