Benutzer:DavX/WebDev
aus Degupedia, der freien Wissensdatenbank
| Version vom 13:49, 20. Nov 2017 DavX (Diskussion | Beiträge) ← Go to previous diff |
Version vom 17:37, 24. Nov 2017 DavX (Diskussion | Beiträge) Go to next diff → |
||
| Zeile 44: | Zeile 44: | ||
| * JS Frameworks | * JS Frameworks | ||
| ** jQuery | ** jQuery | ||
| + | * Sonstiges | ||
| + | ** Handsontable (Excel ähnliche Tabellen) | ||
| + | ** PapaParse (schnelle CSV Bibliothek) | ||
| + | ** FontAwesome | ||
| + | ** [https://github.com/twitter/twemoji twemoji] [https://blog.farrant.me/adding-emoji-support-to-any-website/] (Emoji fürs Web) | ||
| ==HTML5-Frameworks== | ==HTML5-Frameworks== | ||
Version vom 17:37, 24. Nov 2017
| » | Startseite | Fütterungskonzept | Literatur | Chile | Pflanzenbuch | Code | Open Source | Archiv |
Unterseiten: WebDev | Metadata | Admin & VM | Script-Tools | ARM | Windows (edit)
| Inhaltsverzeichnis |
Grundlagen
Tools
Vagrant. Eine Entwicklungsumgebung für einheitliches Deployment von Systemen. Für Einsteiger empfiehlt sich die Kombination von Vagrant mit Virtualbox, welche im Hintergrund die Systemimages (Boxes) ausführt. Vagrant sorgt für die Konfiguration, wobei es neben Shellscripts auch spezielle Konfigurationstools wie Ansible oder puppet unterstützt. Und es stellt einen einfachen Zugang und Synchronisation der Ordner zur Verfügung. Die Konfiguration ist sehr einfach gehalten, da nur eine Konfigurationsdatei (Vagrantfile) im aktuellen Projektordner nötig ist und beim ersten Start von der Kommandozeile das Box-Image von einem Repository-Server heruntergeladen und danach nach der Konfigurationsdatei eingerichtet wird.
www.vagrantup.com
Composer (für PHP). Ein Tool, das die Installation von PHP-Bibliotheken vereinfacht. Unter anderem setzt auch MediaWiki auf Composer.
- https://code.tutsplus.com/tutorials/easy-package-management-with-composer--net-25530
- https://www.semantic-mediawiki.org/wiki/Help:Using_Composer
Process Wire. Das Besondere an Process Wire ist, dass dieses CMS dem Programmierer viel Freiraum lässt und statt einem System, das ihn einschränkt ein CMS bietet, das zwar ein fixfertiges Backend hat, aber dessen Frontend unkompliziert mit PHP-Code beliebig komplexe Sachen gestalten lässt. Zu den Vorteilen von Process Wire zählt neben dem hochwertigen Backend und dem puristischen Ansatz eine gute Bildverwaltung, die auch einfache Bildmanipulationen zulässt (Grösse ändern, Bild zuschneiden).
- Vergleich zwischen Process Wire und WordPress (https://www.tba-berlin.de/webdesign/cms/processwire-vs-wordpress/)
- Process Wire Basics: Installation (https://webdesign.tutsplus.com/tutorials/how-to-install-and-setup-processwire-cms--cms-25509)
- Process Wire einrichten und Basics zur Programmierung (http://webkrauts.de/artikel/2012/processwire)
- Eine detailliertere Anleitung zum programmieren von Process Wire (http://t3n.de/news/processwire-cms-675223/)
Offizielle Infos:
- Dokumentation (https://processwire.com/docs/)
- Process Wire Module (http://modules.processwire.com/)
Git.
Techniken
- YAML (https://de.wikipedia.org/wiki/YAML)
- Grundlagen
- Bibliotheken
- Responsive Design
- Semantic Web
- Wikipedia: Semantic Data Model (https://en.wikipedia.org/wiki/Semantic_data_model)
- Semantic MediaWiki (https://www.semantic-mediawiki.org/wiki/Semantic_MediaWiki) (vgl. Wikipedia (https://en.wikipedia.org/wiki/Semantic_MediaWiki))
- Hier gibt es einige Publikationen über Semantic Web: Korrekt.org Publications (http://korrekt.org/page/Publications#Journal_publications)
- HTML5 Frameworks
- Bootstrap
- Kube
- JS Frameworks
- jQuery
- Sonstiges
HTML5-Frameworks
jQuery
Probleme mit jQuery Icons
Problem: Bei jQuery UI lassen sich die Icons nicht vergrössern oder verkleinern, bzw. wer es trotzdem tun will, der muss zu üblen Hacks greifen. Als Alternative bietet sich FontAwesome (http://fontawesome.io/) an:
- Flexible Size, Flexible Color Icons for jQuery-UI (http://outbottle.com/flexible-size-flexible-color-icons-for-jquery-ui/)
- Fontawesome.io (http://fontawesome.io/)
