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

Материал из Artem Aleksashkin's Wiki
Перейти к навигации Перейти к поиску
Нет описания правки
Строка 12: Строка 12:
</pre>
</pre>
* https://github.com/nodesource/distributions/blob/master/README.md
* https://github.com/nodesource/distributions/blob/master/README.md
= Design Systems =
* https://getbootstrap.com/
* https://material.io/design/
* https://semantic-ui.com/
* https://www.muicss.com/
* https://material-ui.com/
* https://material.angular.io/
* https://truly-ui.com/
* https://wrapbootstrap.com/
* https://bootswatch.com/
* http://www.csszengarden.com/
= Icons =
* https://fontawesome.com/
* https://github.com/lothat/weather-icons
* https://ionicons.com/
* http://fontello.com/
* http://fontastic.me/
* https://ionicons.com/
* https://www.flaticon.com/
* https://thenounproject.com/


= jQuery =
= jQuery =
Строка 64: Строка 42:
* https://reactjs.org/
* https://reactjs.org/
* https://react-bootstrap.github.io/
* https://react-bootstrap.github.io/
= CSS processors =
* http://lesscss.org/
* https://sass-lang.com/
* https://postcss.org/
= Design Systems =
* https://getbootstrap.com/
* https://material.io/design/
* https://semantic-ui.com/
* https://www.muicss.com/
* https://material-ui.com/
* https://material.angular.io/
* https://truly-ui.com/
* https://wrapbootstrap.com/
* https://bootswatch.com/
* http://www.csszengarden.com/
= Icons =
* https://fontawesome.com/
* https://github.com/lothat/weather-icons
* https://ionicons.com/
* http://fontello.com/
* http://fontastic.me/
* https://ionicons.com/
* https://www.flaticon.com/
* https://thenounproject.com/
= Fonts =
* http://patorjk.com/software/taag/
* https://fonts.google.com/ (https://golb.hplar.ch/2019/06/google-fonts-download.html)
* https://www.1001freefonts.com/
* https://www.myfonts.com/
* https://www.artlebedev.ru/type/
* https://www.fonts-online.ru/
* https://www.dafont.com/
* https://www.urbanfonts.com/free-fonts.htm


= WYSIWYG editors =
= WYSIWYG editors =
Строка 212: Строка 229:
* https://codepen.io/aecend
* https://codepen.io/aecend
* https://geargenerator.com/
* https://geargenerator.com/
= Fonts =
* http://patorjk.com/software/taag/
* https://fonts.google.com/ (https://golb.hplar.ch/2019/06/google-fonts-download.html)
* https://www.1001freefonts.com/
* https://www.myfonts.com/
* https://www.artlebedev.ru/type/
* https://www.fonts-online.ru/
* https://www.dafont.com/
* https://www.urbanfonts.com/free-fonts.htm

Версия от 12:54, 30 января 2020

Interface.jpg

Browser tests

Node.js

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs

jQuery

Angular

sudo npm install -g @angular/cli

Vue.js

ReactJS

CSS processors


Design Systems

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

Maps

Image Viewers & Sliders

Players

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

Pinterest blocks

Super Select

Visual Effects

Parallax, dots, etc..