Интерфейсы пользователя: различия между версиями

Материал из Artem Aleksashkin's Wiki
Перейти к навигации Перейти к поиску
Строка 85: Строка 85:
= Design Systems =
= Design Systems =
* https://getbootstrap.com/
* https://getbootstrap.com/
** https://themes.getbootstrap.com/
** https://bootswatch.com/
** https://bootswatch.com/
** https://bootstrapmade.com/
** https://themeforest.net/search/bootstrap
** https://wrapbootstrap.com/
** https://www.creative-tim.com/bootstrap-themes/free
** https://themewagon.com/theme-price/free/
* https://ant.design/
* https://ant.design/
* https://material.io/design/
* https://material.io/design/

Версия от 14:58, 11 апреля 2023

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

Interface.jpg

Learn & Docs

Browser tests

Node.js

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo npm install npm@latest -g
npm config set registry http://registry.npmjs.org/
npm cache clear --force
npm config set strict-ssl false
npm config set legacy-peer-deps true
echo '{}' > ./package-lock.json
npm i

jQuery

Angular

sudo npm install -g @angular/cli

Libs

Vue.js

ReactJS

Aurelia

CSS processors

Design Systems

favicon

Icons

Fonts

WYSIWYG editors

What You See Is What You Get

Landing page editors

Tables & Spreadsheets

Music Notes & ABC notaton

Math & formulas

Grids & Blocks

Croppers

Charts & Graphs

Maps

Image Viewers & Sliders

Players

См. также: Видео и аудио кодирование

Pinterest blocks

Super Select

Visual Effects

Parallax, dots, globes, etc..

Globe

3D & WebGL

Custom Scrollbars

Date & Time pickers

Emoji

Drawers

ASCII