Category Archives: CSS
HTML / CSS Container erstellen, der die Zeilen formatiert wie der Inhalt des Containers
einfach <pre> nutzen Siehe https://www.mediaevent.de/xhtml/pre.html
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 […]
Browserfensterhöhe und breite
mit Height/Width kann man die Größe der Box in Prozent, Pixel etc. angeben. Diese Werte richten sich je nach Position auf den Container selbst. Neu ist das viewport-height bzw viewport-width, welche in Bezug zu dem Browserfenster steht. diese lassen sich so festlegen: Height:100 vh; Width: 100vw; Dies Prozentual werte, welche sich unter anderem in absoluten […]
Login