Публикации по теме 'material-design'


08-ElasticSearch-Logs: большой рефакторинг и стиль материала
На прошлой неделе я не мог ничего опубликовать о проекте, потому что было много работы. Столкнулся с проблемой, решить которую было не просто. Проблема связана с AG-Grid, библиотекой, которую я использую для представления журналов в таблице. Он предоставляет 2 способа загрузки данных (в бесплатной версии). Способ, который я использовал некоторое время, — это модель бесконечной строки, которая была отличной, потому что она автоматически реализует бесконечную прокрутку. Но когда я захотел..
Увидеть ценность одного REM в Materialize Framework
Сценарий Мы хотим увидеть, какое значение для одного REM установлено в Materialize Framework. Подход Откройте инструменты разработчика (в chrome ctrl+shift+I ) на домашней странице materializecss . Выберите элемент html . Параметр font-size содержит значение 1 REM. В данном случае это 15px .
Добавьте пользовательский интерфейс материала в свой проект TypeScript Next.js
С пояснением кода Сегодня я поделюсь с вами, как правильно связать Next.js с Material UI. Если вам нравится смотреть, как я это делаю на видео, вы можете посмотреть это видео. Прежде всего, давайте создадим проект Next.js, используя приведенные ниже команды. npx create-next-app@latest --typescript # or yarn create next-app --typescript # or pnpm create next-app --typescript Зайдите в свой следующий проект и установите Material UI. yarn add @mui/material @emotion/react..
Визуальный редактор React Material UI
В последние дни спрос на кодовые платформы не рос. Таким образом, началось мое исследование создания визуального редактора. Цели : Пользователи смогут перетаскивать компоненты материала из левого ящика в зону сброса (средний/пользовательский макет) и использовать набор инструментов на правом ящике для редактирования CSS отдельных компонентов в зоне сброса. Экспорт структуры данных json для различных целей устройства. Кроме того, возможно, станет библиотекой для людей, которые хотят..
Пользовательский интерфейс Angular Material для аутентификации firebase с помощью ngx-auth-firebaseui
ngx-auth-firebaseui Библиотека пользовательского интерфейса с открытым исходным кодом, позволяющая аутентифицировать пользователя в любом проекте Firebase, созданном для сообщества angular и для него. Мотивация В прошлом году я начал разрабатывать несколько проектов с использованием стека MEAN (MongoDB, Express, Angular и NodeJS), и однажды я заметил, что разработка этих приложений занимает немного много времени! Итак, я наткнулся на firebase для перехода от стека MEAN к..
Анимация панели инструментов в React Native
Вторая часть здесь - о том, как анимировать фон панели инструментов. В прошлый раз мы говорили о том, как создать эффект ряби с помощью Animated API в React Native . Был только один Анимированный Просмотр . Сегодня мы поговорим об анимации панели инструментов Material Design . Как вы можете видеть на картинке выше, нам нужно анимировать пару Views вместе. Мы разработаем компоненты и анимируем текст и значки. Будет еще одна статья, описывающая фоновую анимацию...
Создайте чистый волновой эффект с помощью JavaScript и CSS 3
Я с вами, чтобы научить вас создавать волновой эффект в JavaScript и CSS 3. В этом уроке мы разработаем волновой эффект Material Design без использования какой-либо библиотеки. Как это работает Назначьте атрибут fk8-ripple любому тегу HTML, который вы хотите <button fk8-ripple class="button">Button</button> or <div fk8-ripple class="card"> <img class="image" src="image.jpg" alt="fk8.ir"> <div class="container">..