Monthly Archives: April 2017
CSS Border Box
Wenn man einem Element in CSS einen Border, Padding oder Margin gibt, so weitet sich das Element aus. Befindet sich ein anderes Element daneben, so muss die Breite und Höhe dieses Elementes ebenfalls angepasst werden. Dafür gibt es einen netten Trick.
|
1 2 3 4 5 6 7 8 9 10 |
/* margin, padding und border sind so kein Problem mehr */ #a{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px; border: 2px solid black; margin-right:5px; } |
Nützliche Javascript Bibliotheken
Ich mach hier mal eine kleine Sammlung von Javascript Bibliotheken, die ich vielleicht eines Tages gebrauchen kann. Forms Alternative Select Boxen https://select2.github.io/examples.html https://twitter.github.io/typeahead.js/ https://harvesthq.github.io/chosen/ http://rmm5t.github.io/jquery-flexselect/ http://loopj.com/jquery-tokeninput/ https://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/ https://tympanus.net/Tutorials/CustomDropDownListStyling/index2.html# Multiple Select http://loudev.com/#demos Datepicker https://uxsolutions.github.io/bootstrap-datepicker/ http://amsul.ca/pickadate.js/ https://fullcalendar.io/ http://felicegattuso.com/projects/timedropper/ Daterange: http://www.daterangepicker.com/#examples http://rettica.com/caleran/docs/readme.html#caleran-date-range-picker Tables http://issues.wenzhixin.net.cn/bootstrap-table/ http://listjs.com/ Modal, PopUp http://dimsemenov.com/plugins/magnific-popup/ http://codeseven.github.io/toastr/demo.html http://likeastore.github.io/ngDialog/# http://qtip2.com/ List shortcuts: https://www.impressivewebs.com/demo-files/question-mark-js/ Treeview https://www.jstree.com/ Drag […]
Login