CSS Border Box

image_pdfimage_print

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.

 

 

0  

Nützliche Javascript Bibliotheken

image_pdfimage_print

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#

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 & Drop

http://rubaxa.github.io/Sortable/

https://bevacqua.github.io/dragula/

http://vishalok12.github.io/jquery-dragarrange/

Charts, Diagramme, Grafiken

https://d3js.org/

d3 Components: http://plottablejs.org/components/

http://www.chartjs.org/

http://gionkunz.github.io/chartist-js/

http://nvd3.org/examples/index.html

http://visjs.org/

http://sigmajs.org/

http://c3js.org/

http://dc-js.github.io/dc.js/

http://code.shutterstock.com/rickshaw/

https://sbstjn.com/timesheet.js/#light

https://www.javascripting.com/view/stats-js

http://www.humblesoftware.com/flotr2

PDF

Generate PDF: https://mozilla.github.io/pdf.js/

PDF Print: http://printjs.crabbly.com/

http://pdfobject.com/examples/index.php

 

Animation

https://daneden.github.io/animate.css/

http://github.hubspot.com/pace/docs/welcome/

http://timeline.knightlab.com/#overview

https://connoratherton.com/loaders

File Management

http://blueimp.github.io/jQuery-File-Upload/index.html

https://fineuploader.com/demos.html

http://www.dropzonejs.com/

PDF Creator

https://parall.ax/products/jspdf

http://pdfmake.org/#/

Data Management

http://okfnlabs.org/recline/demos/

Object Binding, DOM Manipulating

https://lodash.com/

http://handlebarsjs.com/

http://mustache.github.io/

https://github.com/lhorie/mithril.js

http://requirejs.org/

LazyLoading: http://callmecavs.com/layzr.js/

https://monkberry.js.org/

String Tools:

http://www.benalman.com/projects/jquery-replacetext-plugin/

Code Management

https://highlightjs.org/

AutoComplete: https://www.javascripting.com/view/jquery-autocomplete

Validation

http://is.js.org/

http://rickharrison.github.io/validate.js/

Telephone Country Validator: http://intl-tel-input.com/

WYSIWYG editor

https://quilljs.com/

http://summernote.org/

Photo Editor, Photo Gallery

http://photoswipe.com/

Maps

http://openlayers.org/

http://datamaps.github.io/

http://leafletjs.com/

UI Framework

https://getuikit.com/docs/button

http://mmenu.frebsite.nl/

0  

SQL Datenbank von .bak Wiederherstellen

image_pdfimage_print

Ersetze

  • DATABASENAME durch den Datenbanknamen, der wiederhergestellt werden soll (Achtung! 2x)
  • BACKUPFILE.bak durch den Pfad zur Backup Datei
  • MDF_FILENAME durch die Bezeichnung der Mdf Datei
  • LDF_FILENAME durch die Bezeichnung der LDF Datei. In der Regel heißt sie wie die Mdf Datei mit „_log“ dahinter
0  

SQL Select Begin day and End day

image_pdfimage_print

Result:

(No column name) (No column name)
2016-12-01 00:00:00.000 2016-12-31 23:59:59.900

0  

Notepad++ Visual Studio 2015 Dark Theme

image_pdfimage_print

Meiner Meinung nach ein sehr gelungener Theme für Notepad++:

zu kriegen ist er hier : https://github.com/Nidre/VS2015-Dark-Npp

Zum installieren %APPDATA%\Notepad++ öffnen, einen Ordner namens „themes“ erstellen und die VS2015-Dark.xml dahin kopieren.

Nun kann man in Notepad++ unter Settings-Style Configuration das schicke Theme auswählen.

0  

Browserfensterhöhe und breite

image_pdfimage_print

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 Position eignet

0  

Einfacher LookUp

image_pdfimage_print
  1. Im Application Menü ein Lookup erstellen. Dabei verwendete nicht deklarierte Variablen können später in JavaScript übergeben werden. Ein Lookup beginnt in der Regel mit SELECT …
  2. In der HTML Datei kann man nun mit z.B. folgendes eintragen

    1. Parameter – Typ. In unseren Fall ein lookup , 2. Parameter – LookUp ID . Diese kann man von der Url nach object/…   kopiert werden  3. Parameter ist ein Array von Variablen, die an das Query mit Übergeben werden.
0  

JQuery Datepicker komplett in Deutsch mit Heute als Standard

image_pdfimage_print

Jquery_Datepicker

 

Um den Datepicker komplett auf Deutsch nutzen zu können bedarf es einiger Änderungen es zunächst das Laden der CSS Datei:

dann das laden der JQuery files

dann im <script> </script>:

und zum Schluss den Textinput an sich:

 

0  

Zuletzt ausgeführte Querys anzeigen lassen

image_pdfimage_print

ab SQL Server 2005

SQL Server 2005

 

0  

Resharper Zeile duplizieren

image_pdfimage_print

Ich hoffe jetzt kommt keiner und sagt, der hat einen schlechten Programmierstil, weil er sogar ein Shortkey braucht um eine Zeile zu duplizieren.

Tatsächlich kommt es aber oft vor, dass man genau dies braucht. Standard ist dies nämlich auch unter Resharper aus.

Um das anzumachen, klickt man in Visual Studio auf Tools -> Options…  -> Environment -> Keyboard und sucht nach „Resharper_DuplicateText“.

Unten kann man dann mit Assign z.B. Strg + D zuweisen.

Nette Sache das!

Edit: Selbst bei Notepad++ funktioniert es per Standard

0