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-анимация и т. д.) и визуализировал их работу.

#книги

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

#react

CountUp.js - это легкая и без зависимостей JavaScript библиотека, которую можно использовать для быстрого создания анимации, отображающей числовые данные более интересным образом.

#javascript

Фича 6. Свойство background-image: image-set

Давненько не рассматривали фичи. Наверстываем упущенное!

CSS-свойство image-set, которое позволяет динамично подставлять бэкграунд картинки в зависимости от плотности пикселей, либо от поддержки тем или иным браузером формата картинки. Очень часто используется в профессиональной верстке. Вашу плотность пикселей можно узнать с помощью js-функции window.devicePixelRatio. К примеру, на обычном мониторе этот коэффициент будет равен одному, а на ретине макбука или смартфоне, около 2-3

#фичи #css

PurgeCSS - это инструмент для удаления неиспользуемого CSS. Это может быть частью вашего рабочего процесса разработки.

Когда вы создаете веб-сайт, вы можете решить использовать фреймворк CSS, такой как TailwindCSS, Bootstrap, MaterializeCSS, Foundation и т.д... Но вы будете использовать только небольшой набор фреймворка, и будет включено много неиспользуемых стилей CSS.

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

Автор: Валерий Янцев
О книге: 2021 год, 200 страницы, Русский язык, 8.41Mb

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

#книги

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

#css #framework

NGX-Bootstrap - компоненты Bootstrap на базе Angular. NGX-Bootstrap сделали модульным, чтобы вы могли реализовывать собственные шаблоны, стили и многое другое. Все компоненты разработаны с учетом расширяемости и адаптивности. Вы можете быть уверены, что они будут работать на мобильных и настольных компьютерах с одинаковым уровнем производительности. 

#angular