Интерфейсы пользователя: различия между версиями
Перейти к навигации
Перейти к поиску
Artem (обсуждение | вклад) |
Artem (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
[[Файл:Interface.jpg|400px]] | [[Файл:Interface.jpg|400px]] | ||
= Learn & Docs = | |||
* http://htmlbook.ru/ | |||
* https://javascript.ru/ | |||
* http://www.pcre.ru/ | |||
* http://www.typescriptlang.org/ | |||
= Browser tests = | = Browser tests = | ||
| Строка 6: | Строка 13: | ||
= Node.js = | = Node.js = | ||
<pre> | <pre> | ||
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - | curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - | ||
| Строка 14: | Строка 20: | ||
= jQuery = | = jQuery = | ||
* https://jquery.com/ | * https://jquery.com/ | ||
* https://jqueryui.com/ | * https://jqueryui.com/ | ||
| Строка 20: | Строка 25: | ||
= Angular = | = Angular = | ||
* https://angular.io/ | * https://angular.io/ | ||
* https://ng-bootstrap.github.io/ | * https://ng-bootstrap.github.io/ | ||
| Строка 34: | Строка 38: | ||
= Vue.js = | = Vue.js = | ||
* https://vuejs.org/ | * https://vuejs.org/ | ||
* https://bootstrap-vue.js.org/ | * https://bootstrap-vue.js.org/ | ||
Версия от 12:56, 30 января 2020
Learn & Docs
Browser tests
Node.js
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt-get install -y nodejs
jQuery
Angular
- https://angular.io/
- https://ng-bootstrap.github.io/
- https://github.com/ngx-rocket/generator-ngx-rocket
- https://tiberiuzuld.github.io/angular-gridster2/
- https://bertrandg.github.io/angular-split/#/
- https://github.com/ManifestWebDesign/angular-gridster
- https://robferguson.org/blog/2019/06/22/dashboards-and-dashboard-widgets-part-1/
- https://angularjs.org/ - устарел
sudo npm install -g @angular/cli
Vue.js
ReactJS
CSS processors
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
What You See Is What You Get
- https://www.tiny.cloud/
- https://www.froala.com/wysiwyg-editor/v2.0
- https://ckeditor.com/ckeditor-5/
- https://www.axsoft.co/?ref=producthunt
- https://jaredreich.com/pell/?ref=producthunt
Landing page editors
Tables & Spreadsheets
- https://datatables.net/
- https://slickgrid.net/
- https://jspreadsheets.com/
- https://handsontable.com/
- https://nexts.github.io/Clusterize.js/
- https://www.datatables.net
- https://www.ag-grid.com/
- http://ui-grid.info
- http://adazzle.github.io/react-data-grid/
- http://www.bossanova.uk/jexcel
- http://tabulator.info
- http://ng-table.com
- http://guriddo.net/?page_id=102666
- http://backgridjs.com/
- http://okfnlabs.org/recline
- http://lorenzofox3.github.io/smart-table-website
- http://w2ui.com
- http://addepar.github.io/ember-table
- https://slickgrid.net/
- http://www.jtable.org
- https://github.com/davidguttman/react-pivot
- https://github.com/datazenit/sensei-grid
- https://github.com/felixrieseberg/React-Spreadsheet-Component
- http://dgrid.io
- https://github.com/handsontable/vue-handsontable-official
- http://spreadsheets.github.io/WickedGrid/
- http://paramquery.com
- http://handsontable.com
- https://github.com/handsontable/react-handsontable
- http://josebalius.github.io/ngReactGrid
- https://www.pontikis.net/labs/bs_grid/demo
- https://github.com/ghiscoding/Angular-Slickgrid
- https://github.com/miadwang/sou-react-table
- https://fancygrid.com
- https://github.com/energydrink9/functional-data-grid
- http://handsontable.github.io/hot-table
- https://turnerniles.github.io/react-virtualized-pivot
- http://www.pontikis.net/labs/jui_datagrid
- https://www.kendoreact.com
- http://team-lab.github.io/cell-cursor/example.html
- http://www.inspireproduction.co.za/#/home
- https://github.com/key-lime-box/dynamic-table
- http://reconstrukt.com/ingrid
- http://www.Syncfusion.com
- http://dreakmore.info/tgrid
- http://boriscy.github.io/grider
- http://reactdatagrid.com
Music Notes & ABC notaton
Math & formulas
Grids & Blocks
Croppers
Charts
- https://www.chartjs.org/
- http://www.flotcharts.org/
- http://polymaps.org/
- https://d3js.org/
- https://rawgraphs.io/
- http://dygraphs.com/
- https://apexcharts.com/
- https://visjs.org/
Maps
- https://www.vincentbroute.fr/mapael/
- https://www.10bestdesign.com/jqvmap/
- http://jvectormap.com/
- http://kartograph.org/
- http://planetaryjs.com/
Image Viewers & Sliders
- http://www.highslide.com/
- https://fotorama.io/
- https://glidejs.com/
- https://www.jssor.com/
- https://wowslider.com/
- https://swiperjs.com/
- https://kenwheeler.github.io/slick/
Players
- https://videojs.com/
- https://plyr.io/
- http://www.mediaelementjs.com/
- https://github.com/paypal/accessible-html5-video-player
- http://afterglowplayer.com/
- http://www.videogular.com/
- https://github.com/etianen/html5media
- http://player.kaltura.com/docs/
- https://github.com/azatoth/jquery-video
- https://github.com/rsms/html5-video/
- http://jplayer.org/
- https://www.jwplayer.com/
См. также: Видео и аудио кодирование
Pinterest blocks
- https://masonry.desandro.com/
- https://salvattore.js.org/
- https://savvior.org/
- https://github.com/yconst/Freetile
- http://blog.xlune.com/2009/09/vgrid/
Super Select
- https://harvesthq.github.io/chosen/
- https://github.com/michaelperrin/ajax-chosen
- https://select2.org/
- https://selectize.github.io/selectize.js/
- https://www.github.com/pytesNET/tail.select
- http://loopj.com/jquery-tokeninput/
- http://davidstutz.de/bootstrap-multiselect/
- https://github.com/Mobius1/Selectr
Visual Effects
Parallax, dots, etc..