UIkit - Versionsgeschichte

84.155.186.35 am 15. November 2020 um 12:49 Uhr

2020-11-15T12:49:36Z

37.49.72.8: /* Beispiele */

2020-10-05T11:00:50Z

Beispiele

37.49.72.8: /* UIKit Events */

2020-10-05T10:59:36Z

UIKit Events

37.49.72.8 am 5. Oktober 2020 um 10:58 Uhr

2020-10-05T10:58:02Z

37.49.33.174: Die Seite wurde neu angelegt: „== Less Strategie == === UIKit mit Yarn installieren === Yarn ist ein Paketmanager. Wenn dieser installiert ist kann man es einfach hinzufügen. Hinweis:…“

2018-07-31T14:01:30Z

Die Seite wurde neu angelegt: „== Less Strategie == === UIKit mit Yarn installieren === Yarn ist ein Paketmanager. Wenn dieser installiert ist kann man es einfach hinzufügen. Hinweis:…“

Neue Seite

== Less Strategie ==
=== UIKit mit Yarn installieren ===

[[Yarn]] ist ein Paketmanager. Wenn dieser installiert ist kann man es einfach hinzufügen. Hinweis: es gibt wohl auch eine npm Version. Nach Recherche scheint Yarn hinsichtlich Müllerzeugung, Sicherheit und Deinstallierbarkeit auf dem Rechner das bessere Instrument sein.

yarn add uikit

Dann wird in node_modules uikit installiert

<pre>
FOLDER DESCRIPTION
/src Contains all Less, JavaScript and image sources.
/dist Contains compiled CSS and JS, updated on every release.
/tests Contains HTML test files of all components.
</pre>

=== Ordnerstruktur ===

=== Watcher ===

=== Angepasste Less / CSS Dateien mit dem Customizer ===

== Manuelle Strategie ==
=== UIKit Customizer ===

Erzeugt ein Theme CSS Dateien

← Nächstältere Version		Version vom 15. November 2020, 12:49 Uhr
Zeile 1:		Zeile 1:
		+	== Sass Strategie ==
		+	[[UIkit Theme mit Sass erstellen]]
		+
	== Less Strategie ==		== Less Strategie ==
	=== UIKit mit Yarn installieren ===		=== UIKit mit Yarn installieren ===

@@ Zeile 30: / Zeile 30: @@
 === Beispiele ===
 <syntaxhighlight lang="javascript">
 // Using **** JQuery ****
@@ Zeile 46: / Zeile 47: @@
 </syntaxhighlight>
 <syntaxhighlight lang="javascript">
 var ready = (callback) => {

@@ Zeile 30: / Zeile 30: @@
 === Beispiele ===
-<syntaxhighlights lang="javascript">
+<syntaxhighlight lang="javascript">
 // Using **** JQuery ****
 // Initialize slideshow
@@ Zeile 44: / Zeile 44: @@
     UIkit.notification({ message: 'Item shown', timeout:1000 });
 });
 </syntaxhighlight>

← Nächstältere Version		Version vom 5. Oktober 2020, 10:58 Uhr
Zeile 25:		Zeile 25:

	Erzeugt ein Theme CSS Dateien		Erzeugt ein Theme CSS Dateien
		+
		+	== UIKit Events ==
		+	Die UIKit Komponenten stellen Events zur Verfügung die man für eigene Skripte nutzen kann.
		+
		+	=== Beispiele ===
		+	<syntaxhighlights lang="javascript">
		+	// Using ** JQuery **
		+	// Initialize slideshow
		+	var slideshow = UIkit.slideshow('#slideshow');
		+
		+	// Variable with element that fire event
		+	var $slideItem = $('#slideshow ul > li');
		+
		+	$slideItem.on('beforeitemshow', function(){
		+	UIkit.notification({ message: 'Fire Before Item Show', timeout:1000 });
		+	});
		+	$slideItem.on('itemshown', function(){
		+	UIkit.notification({ message: 'Item shown', timeout:1000 });
		+	});
		+
		+	</syntaxhighlight>