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
lesezeichen:bibliotheken [2021/11/12 09:07] – [Javascript] jgehrkelesezeichen:bibliotheken [2024/09/18 09:58] (current) – [Javascript] jgehrke
Line 10: Line 10:
   * [[https://necolas.github.io/normalize.css/|normalize.css]]  - Klassischer restter / normalizer   * [[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://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 Styling, aber sehr nützlichen Presets
   * [[https://htmlhead.dev/|htmlhead.dev]] - Kein Generator, aber alle Infos und Blöcke zum HTML-<Head>   * [[https://htmlhead.dev/|htmlhead.dev]] - Kein Generator, aber alle Infos und Blöcke zum HTML-<Head>
  
Line 21: 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) [Geht nur noch als Module ?!] 
-  * [[https://www.embla-carousel.com/examples/basic/|Embla Carousel]] - Resposnive Slider/Carousel mit Touch, Responsive und Optionen+  * [[https://www.embla-carousel.com/|Embla Carousel]] - Resposnive Slider/Carousel mit Touch, Responsive und Optionen [Bissl Zickig beim ersten mal ausprobieren]
   * [[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 61: Line 63:
   * [[https://pdf-lib.js.org/|pdf-lib.js.org]] - Client-Side PDF : Komplexer 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://www.vantajs.com/|vantajs]] - Animierte Hintergründe (Low-Poly Wellen, Wolken, Punkte, Ringe, etc)
-  * [[https://datatables.net/|datables]] - Daten Tabellen mit Suche und so ([[non-jquery implementation in den Docs|https://datatables.net/manual/installation#Non-jQuery-initialisation]])+  * [[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  
 +  * [[https://dimsemenov.com/plugins/magnific-popup/|Magnific Popup]] - Guter Lightbox / Modal /Popup Library (jQuery) 
 +  * [[https://stuk.github.io/jszip/|stuk.github.io/jszip]] - Zip Library für Javascript im Client Browser
  
 **Größere Frameworks** **Größere Frameworks**
  
-  * [[https://github.com/alpinejs/alpine|Alpine.js]] - Framework wie Vue nur kleiner  +  * [[https://alpinejs.dev/|Alpine.js]] - Framework ähnlich zu Vue.js 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 90: Line 97:
   * [[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/mk-j/PHP_XLSXWriter|XLSX Writer]] - simple Excel Integration
   * [[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   * [[https://redbeanphp.com/|redBeanPHP]] - Datenbank ORM Library, mit einfachem Handler

Page Tools