Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
lesezeichen:bibliotheken [2020/08/20 07:36] – [Javascript] jgehrkelesezeichen:bibliotheken [2023/08/05 10:37] – [HTML & CSS] jgehrke
Line 7: Line 7:
   * [[https://sharingbuttons.io/|Sharingbuttons.io]] - Statische Social Sharing Buttons   * [[https://sharingbuttons.io/|Sharingbuttons.io]] - Statische Social Sharing Buttons
   * [[https://getuikit.com/|UI Kit]] - HTML, JS & CSS Framework, dass alles hat   * [[https://getuikit.com/|UI Kit]] - HTML, JS & CSS Framework, dass alles hat
-  * [[https://necolas.github.io/normalize.css/|normalize.css]] - normalze.css]]  - Klassischer restter / normalizer +  * [[https://github.com/nicolas-cusan/destyle.css/blob/master/Readme.md|destyle.css]] - Härtester Reseter, entfernt ALLE Styles 
-  * [[https://github.com/nicolas-cusan/destyle.css/blob/master/Readme.md|Destyle.css]] - Härtester Reseterentfernt ALLE Styles+  * [[https://necolas.github.io/normalize.css/|normalize.css]]  - Klassischer restter / normalizer 
 +  * [[https://github.com/csstools/sanitize.css|sanitize.css]]  - Baut auf normalize.css auf, aber hat ein paar praktische Presets 
 +  * [[https://picocss.com/|pico.css]] - CSS mit wenigen Klassen und minimalen Stylingaber sehr nützlichen Presets 
 +  * [[https://htmlhead.dev/|htmlhead.dev]] - Kein Generator, aber alle Infos und Blöcke zum HTML-<Head>
  
  
Line 19: Line 22:
   * [[https://momentjs.com/|Moment.js]] - Datums- und Zeitformatierung für Javascript   * [[https://momentjs.com/|Moment.js]] - Datums- und Zeitformatierung für Javascript
   * [[https://github.com/chrisdavies/tiny-date-picker/blob/master/docs/tiny-date-picker.md|tiny-date-picker.js]] - Datepicker mit einfacher Lokalisierbarkeit   * [[https://github.com/chrisdavies/tiny-date-picker/blob/master/docs/tiny-date-picker.md|tiny-date-picker.js]] - Datepicker mit einfacher Lokalisierbarkeit
 +  * [[https://github.com/Pikaday/Pikaday|pikaday.js]] - Datepicker
   * [[https://vocajs.com/|Vocal.js]] - String- & Zeichenkettenformatierung   * [[https://vocajs.com/|Vocal.js]] - String- & Zeichenkettenformatierung
   * [[https://github.com/js-cookie/js-cookie|JS-Cookie]] - Cookie Managament   * [[https://github.com/js-cookie/js-cookie|JS-Cookie]] - Cookie Managament
   * [[http://kenwheeler.github.io/slick/|Slick.js]] - Responsive Slider & Gallerie Funktion (braucht jQuery...)   * [[http://kenwheeler.github.io/slick/|Slick.js]] - Responsive Slider & Gallerie Funktion (braucht jQuery...)
   * [[https://github.com/rcbyr/keen-slider|Keen-Slider.js]] - Responsive Slider mit vielen Funktionen (vllt. bissl zu viel immer)   * [[https://github.com/rcbyr/keen-slider|Keen-Slider.js]] - Responsive Slider mit vielen Funktionen (vllt. bissl zu viel immer)
 +  * [[https://www.embla-carousel.com/examples/basic/|Embla Carousel]] - Resposnive Slider/Carousel mit Touch, Responsive und Optionen
   * [[http://taffydb.com/|TaffyDB]] - JSON Datenbank ähnliche Verwaltung um Datenstrukturen zu Querien   * [[http://taffydb.com/|TaffyDB]] - JSON Datenbank ähnliche Verwaltung um Datenstrukturen zu Querien
   * [[https://kylestetz.github.io/CLNDR/|CLNDR.js]] - Kalender mit Custom Templating und Events per JSON   * [[https://kylestetz.github.io/CLNDR/|CLNDR.js]] - Kalender mit Custom Templating und Events per JSON
Line 36: Line 41:
   * [[https://interactjs.io/|interactjs.io]] - Drag&Drop (Resize, Rotate, etc) Gesten Bibliothek mit Touch support   * [[https://interactjs.io/|interactjs.io]] - Drag&Drop (Resize, Rotate, etc) Gesten Bibliothek mit Touch support
   * [[https://zingchart.github.io/zingtouch/|zingtouch.js]] - Gestensteuerung (Swipe, Rotate, etc)   * [[https://zingchart.github.io/zingtouch/|zingtouch.js]] - Gestensteuerung (Swipe, Rotate, etc)
 +  * [[https://github.com/vime-js/vime|Vime-JS]] - Video & Audio Player, auch mit Youtube und Vimeo Quelle]]
   * [[https://github.com/maxwellito/vivus|Vivus]] - SVG Path Zeichner (Animation)   * [[https://github.com/maxwellito/vivus|Vivus]] - SVG Path Zeichner (Animation)
   * [[https://vincentgarreau.com/particles.js/|Particle.js]] - Partikel / Mesh Zeichner/Animator   * [[https://vincentgarreau.com/particles.js/|Particle.js]] - Partikel / Mesh Zeichner/Animator
Line 45: Line 51:
   * [[https://leafletjs.com/|leaflet.js]] - OpenStreetMap Library   * [[https://leafletjs.com/|leaflet.js]] - OpenStreetMap Library
   * [[https://github.com/dstillman/pathparser.js|pathparser.js]] - Frontend Router / Routing Library, sehr robust   * [[https://github.com/dstillman/pathparser.js|pathparser.js]] - Frontend Router / Routing Library, sehr robust
 +  * [[https://cocopon.github.io/tweakpane/|Tweakpane]] - UI Panel mit Input Elemente um ein Parameter JSON zu erzeugen
 +  * [[https://scrollrevealjs.org/|scrollreveal.js]] - Scroll Detection und Element Reveal
 +  * [[https://christinecha.github.io/choreographer-js/|choreographer.js]] - CSS Animation bei Scrolling (pixel genau)
 +  * [[https://xtianmiller.github.io/emergence.js/|emergence.js]] - Visibility Detection & Action - mit Optionen & HTML-Attributen
 +  * [[https://github.com/hakubo/Sloth|sloth.js]] - Visibility Detection & Action - Wenige Optionen, aber sehr Lightweight
 +  * [[https://basicscroll.electerious.com/|basicScroll]] - Paralax 
 +  * [[https://blotter.js.org/|blotter.js]] - Text Glitch und Corruption Effekte
 +  * [[https://mattboldt.com/demos/typed-js/|typed.js]] - Tippen-Animation für Text
 +  * [[http://pdfmake.org/#/|pdfmake]] - Client-Side PDF : simpler Generator
 +  * [[https://github.com/MrRio/jsPDF|github.com/MrRio/jsPDF]] - Client-Side PDF : mittlerer Generator
 +  * [[https://pdf-lib.js.org/|pdf-lib.js.org]] - Client-Side PDF : Komplexer Generator
 +  * [[https://www.vantajs.com/|vantajs]] - Animierte Hintergründe (Low-Poly Wellen, Wolken, Punkte, Ringe, etc)
 +  * [[https://datatables.net/|datables]] - Daten Tabellen mit Suche und so ([[https://datatables.net/manual/installation#Non-jQuery-initialisation|non-jquery implementation in den Docs]])
 +  * [[https://party.js.org/|party.js]] - Confetti bei Klick Library
 +  * [[http://jpntex.github.io/TextTailor.js/|TextTailor.js]] - Text kürzen, mit "..." beenden oder in den Größe anpassen (jQuery)
 +  * [[https://orestbida.com/demo-projects/cookieconsent/|cookieconsent.js]] - GDPR/DSGVO Cookie und Tracking Manager Script
 +  * [[https://orestbida.com/demo-projects/iframemanager/demo1/|iframemanager.js]] - Iframe DSGVO Consent Manager für Embeds 
  
 **Größere Frameworks** **Größere Frameworks**
  
 +  * [[https://github.com/alpinejs/alpine|Alpine.js]] - Framework wie Vue nur kleiner 
 +  * [[https://alpinejs.dev/alpine-101|alpinejs.dev/alpine-101]] - Alpine 3 Vorschau, bessere Doku
   * [[https://grapesjs.com/|Grape.js]] - Webpage Builder   * [[https://grapesjs.com/|Grape.js]] - Webpage Builder
   * [[https://codex.so/editor?ref=devawesome.io|CodeX Editor]] - Gutenberg ähnlicher Block-Editor   * [[https://codex.so/editor?ref=devawesome.io|CodeX Editor]] - Gutenberg ähnlicher Block-Editor
Line 54: Line 79:
  
   * **[[https://thephpleague.com/|The PHP League]]**  - League of Extraordinaray Packages   * **[[https://thephpleague.com/|The PHP League]]**  - League of Extraordinaray Packages
 +  * **[[https://github.com/ziadoz/awesome-php|Awesome PHP]]** - Liste von vielen PHP Libraries im großen Stil
   * [[https://tcpdf.org/|TCPDF]]  - PDF Generator auf reiner PHP Basis   * [[https://tcpdf.org/|TCPDF]]  - PDF Generator auf reiner PHP Basis
 +  * [[https://github.com/dompdf/dompdf|DomPDF]] - Alternativer PDF-Generator mit besserer HTML Unterstützung
   * [[https://github.com/bobthecow/mustache.php|Mustache PHP]] - PHP Library für Mustache   * [[https://github.com/bobthecow/mustache.php|Mustache PHP]] - PHP Library für Mustache
   * [[https://github.com/matthiasmullie/minify|CSS & JS Minifier]] - entfernt Leerzeichen und unnötige Zeilen   * [[https://github.com/matthiasmullie/minify|CSS & JS Minifier]] - entfernt Leerzeichen und unnötige Zeilen
   * [[https://stackoverflow.com/questions/6073397/how-do-you-create-a-gz-file-using-php|Write GZIP Files]] - Snippet um gzip Dateien zu schreiben   * [[https://stackoverflow.com/questions/6073397/how-do-you-create-a-gz-file-using-php|Write GZIP Files]] - Snippet um gzip Dateien zu schreiben
 +  * [[https://carbon.nesbot.com/|Carbon]] - Time&Date Klassen, mit vielen Locales, ähnlich wie moment.js
   * [[https://github.com/PHPMailer/PHPMailer|PHPMailer]] - Sehr gute PHP-Mail-Klasse   * [[https://github.com/PHPMailer/PHPMailer|PHPMailer]] - Sehr gute PHP-Mail-Klasse
   * [[https://github.com/tmarois/Filebase|Filenase]] - Flatfile Datenbank System   * [[https://github.com/tmarois/Filebase|Filenase]] - Flatfile Datenbank System
Line 65: Line 93:
   * [[https://github.com/kriswallsmith/assetic|Assetic]] - CSS & JS combine & minifier   * [[https://github.com/kriswallsmith/assetic|Assetic]] - CSS & JS combine & minifier
   * [[https://respect-validation.readthedocs.io/en/1.1/|Respect Validation]] - Sehr vielseitige Validation Library   * [[https://respect-validation.readthedocs.io/en/1.1/|Respect Validation]] - Sehr vielseitige Validation Library
 +  * [[https://github.com/guzzle/guzzle|guzzle]] - HTTP Requestst Handler, gut für API & URL Requests
   * [[https://github.com/MrRio/shellwrap|ShellWrap]] - Linux Shell Befehle ausführen   * [[https://github.com/MrRio/shellwrap|ShellWrap]] - Linux Shell Befehle ausführen
   * [[https://phpspreadsheet.readthedocs.io/en/latest/|PHPSpreadsheet]] - Excel / XML / CSV Datei handling   * [[https://phpspreadsheet.readthedocs.io/en/latest/|PHPSpreadsheet]] - Excel / XML / CSV Datei handling
   * [[https://github.com/filp/whoops|Whoops]] - PHP-Error Handler (Bessere Fehler Ausgaben)   * [[https://github.com/filp/whoops|Whoops]] - PHP-Error Handler (Bessere Fehler Ausgaben)
 +  * [[https://redbeanphp.com/|redBeanPHP]] - Datenbank ORM Library, mit einfachem Handler
  
 **Frameworks & CMS** **Frameworks & CMS**
  
-  * [[https://www.bludit.com/|Bludit CMS]] - Flat File CMS +  * **[[https://www.dokuwiki.org/dokuwiki|DokuWiki]]** Super Flatfile Wiki System (dieses Hier) 
-  * [[https://processwire.com/|ProcessWire]] - Open Source API Driven CMS+  * **[[https://processwire.com/|ProcessWire]]** - Open Source API Driven CMS
   * [[http://flightphp.com/|FlightPHP]] - Micro Router Framework, aber sehr solide ([[https://github.com/xmeltrut/WingCommander|WingCommander]] - Mustache für FlightPHP)   * [[http://flightphp.com/|FlightPHP]] - Micro Router Framework, aber sehr solide ([[https://github.com/xmeltrut/WingCommander|WingCommander]] - Mustache für FlightPHP)
 +  * [[https://github.com/inphinit/teeny/|teeny]] - MiniRouter der ohne Regex auskommt
   * [[https://github.com/klein/klein.php|KleinPHP]] - Nano Router, noch kleiner als Flight   * [[https://github.com/klein/klein.php|KleinPHP]] - Nano Router, noch kleiner als Flight
-  * [[https://www.dokuwiki.org/dokuwiki|DokuWiki]] - Super Flatfile Wiki System (dieses Hier)+  * [[https://github.com/piko-framework/router|Piko]] - Router der laut Benchmarks verdammt schnell ist 
 +  * [[https://www.bludit.com/|Bludit CMS]] - Flat File CMS 
 +  * [[https://contao.org/de/|Contao CMS]] - noch nicht benutzt, scheint aber ähnlich wie Processwire zu sein 
 +  * [[https://laravel.com/|Laravel]] - PHP Framework, soll wohl ziemlich kool sein. muss ich unbedingt mal testen
  
  

Page Tools