Monat: Januar 2018

nginx, Apache und Plesk – Was macht nginx in Plesk wirklich?

https://talk.plesk.com/threads/what-does-nginx-for-plesk-actually-do.282233/

Bei Problemen mit nginx und Plesk stellt sich dann oft die Frage:

Wofür ist nginx in Plesk wirklich zuständig?
Wie ist die Arbeit zwischen nginx und Apache aufgeteilt?

 

 

Die Antwort

  • Apache lässt sich bei Plesk nie ganz deaktivieren
  • Standardmäßig ist nginx nur ein Reverse-Proxy
  • nginx leitet alle Anfragen an Apache weiter

Die magischen 3 nginx-Häkchen

Plesk bietet 3 Häkchen an um Einstellungen für nginx vorzunehmen:

 

  • Das dritte Häkchen bedeutet, dass nginx statische Daten ausliefert, ohne rewrite-Rules oder .htaccess-Regeln einzuhalten!

Datepicker – JS-Bibliotheken für die Datumsauswahl

Datepicker sind für die Usability wichtig. Punkt.

Datpicker erleichtern die Auswahl von Datumseinträgen enorm und helfen, die Dateneingabe angenehm zu machen.

Gerade für Webshops und Buchungsplattformen ist Usability wichtig.

Wenn der Kunde beim Eingeben der Daten zu viel Frust verspürt, brechen Umsätze weg.

Usability kostet und bringt also Geld!

Daher hier eine Übersicht von Datepickern: (in Aufbau)

jQuery Datepicker – das Original

* https://jqueryui.com/datepicker/

https://jqueryui.com/datepicker/

Womit alles begann. Könnte man betiteln. Der jQuery-Datepicker ist halt das Urgestein, mit dem jeder schon irgendwann mal in Kontakt kam.

Daher brauch ich darüber nicht viel schreiben. Den jQuery-Datepicker kennt jeder!

pickdate.js

* http://amsul.ca/pickadate.js/

http://amsul.ca/pickadate.js/

pickdate.js schaut sehr brauchbar aus!

Touchfreundlich, einfache Eingabe vom heutigen Tag, Leeren der Eingabe und Auswahl sind ohne Stress möglich.

Programmieren lernen

Jeder Web-Entwickler fängt mal klein an und jeder lernt irgendwie anders.

Wie bringt man anderen daher Programmieren einfach bei?

There’s an app for that!

Es gibt genügend Dienste, Seiten und Services, die einem beim Erlernen von Code helfen.

Interessante Ansätze dafür? Bitteschön, hier lang:

Welche Programmiersprache soll ich zuerst lernen?

http://carlcheo.com/startcoding

http://carlcheo.com/startcoding
http://carlcheo.com/startcoding

 

Konzepte die jeder Programmierer kennen sollte

In dem verlinkten Repo sind Artikel verlinkt, die grundsätzliches Verständnis von Programmierkonzepten verdeutlichen sollen.

Die Sammlung ist recht umfangreich und bietet wahrscheinlich wochenlangen Lesespaß:

https://github.com/mr-mig/every-programmer-should-know

https://github.com/mr-mig/every-programmer-should-know

Kano

 

Tutorials / Lernunterlagen

For Loop in verschiedenen Programmiersprachen

Wichtig am Programmierenlernen sind ein paar Grundlagen. Kann man die, ist alles andere nicht mehr so schwer.

Zu den absoluten Grundlagen gehören Loops. Folgender Artikel zeigt, wie man For Loops in verschiedenen Sprachen schreibt:

https://dev.to/rattanakchea/for-loop-for-different-programming-languages-bgb

Facebook Inhalte einfach einfügen

Es gibt mehrere Möglichkeiten, Inhalt von Facebook in die eigene Seite einzubinden. Hier ein paar Infos dazu:

Per iframes / Code von Facebook

Facebook bietet viele Codegeneratoren an, um Bereiche von Facebook anzeigen zu können. Es handelt sich dabei um einfaches Einbetten:

Mit der Graph-API von Facebook

  • Mit API-Abrufen bin ich flexibler, biete mehr Datenschutz und Privacy, kann die Requests cachen und kann eigene Styles einfacher verwenden
  • Andererseits hab ich mehr Arbeit und Aufwand und muss mich um mehr Problemfelder kümmern, als wenn ich nur iFrames einbinden würde

Infos dazu:

Drag and Drop JavaScript Bibliotheken Sammlung – Ziehen, verschieben und fallenlassen, Daten hochladen per Drag’n’Drop uvm

Ich glaube, das ist eine der schwierigsten und kompliziertesten und uninteressantesten Überschriften für einen Artikel.

Dabei ist das Thema Drag’n’Drop gar nicht so unwichtig.

Viele Webapps hängen von leichter Bedienung ab, was Sortierung oder Einordnung von „Elementen“ betrifft.

Eine gute Drag’n’Drop-Library hilft da zb schon ungemein, es gibt aber auch native Lösungen.

 

 

Also hier mal Infos dazu

Folien zum Thema

Native Lösungen ohne Bibliotheken

Die Zeit bleibt nicht stehen, daher werden viele Dinge, die früher durch JavaScript-Skripte gelöst wurden, direkt als native Funktion in den Browser integriert.

Es gibt daher Anweisungen für drag-Events, Notierung für draggable = true, ondragover, ondrop, dropzone usw.

Man kann sich also seine Lösung ohne andere Bibliotheken zusammenbauen – die Frage ist oft nur: Warum? Das Rad neu zu erfinden ist jetzt nicht gerade erstrebenswert. Aber wer’s will, bitteschön! Hier ein paar Links dazu:

Dragon Drop – einzige tastaturbedienbare Lösung

Draggable von Shopify

  • https://shopify.github.io/draggable/
  • Responsive, touchfreundlich, modern
  • Die Demo schaut gut aus, hat nette Toneffekte und könnte für GameDevs interessant sein. Außerdem steht dahinter eine potente Firma, die Interesse an einer Weiterentwicklung hat.
  • Draggable ist relativ neu und wurde in letzter Zeit oft erwähnt und geteilt.

 

Dragula

Diese JS-Bibliothek gibt es schon länger und ist bei uns daher auch schon länger am Radar

Draggabilly

jquery.shapeshift

  • http://mcpants.github.io/jquery.shapeshift/
  • Ähnlich wie jQuery-Masonry aber mit Drag and Drop.

Hootsuite Grid/Gridlist

Goold old jQuery Draggable, Sortable und Konsorten

Natürlich darf hier jQuery in der Auflistung nicht fehlen. Einer der Kernkompetenzen von jQuery war Drag’n’Drop. Gerade jQuery hat das Web einfacher und bedienbarer gemacht.