Nutze den Tag! - Horaz

Yggdrasil (kurz ygg)

Ein PHP Web-Framework mit ...

Asset-Pipeline für CSS, JavaScript, Medien-Dateien und HTML-Partials.
Server-seitig dynamisches CSS (DCSS) und JavaScript (DJS) ohne zusätzliche Sprachen
Framework-Funktionen für Controller, Partials, Translations und PDF-Reports.
Mitgelieferte Stylesheets, JavaScript und Bilder
Content-Delivery-Strukturen ermöglichen out-of-the-box ...

... neben Content-Delivery als Webservices ...
... und Ajax-Funktionen für dynamischen Content ...
... auch verteilte Content-Strukturen im eigenen Projekt.

Leitlinie

Decent / Dezent: Ygg kann eingebunden werden ohne das sich dadurch etwas an der Webseite ändert
Atomic / Atomar: jede Funktion von Ygg kann losgelöst vom restlichen Framework genutzt werden
Modular / Modular: jeder Bestandteil von Ygg kann verwendet werden ohne dadurch im eigenen Code eingeschränkt zu werden

Beispiele

Translator

Ein Übersetzer als Ygg-Partial. Hier wird die Framework-Funktion für hinterlegte Sprachdateien genutzt. Der Aufruf erfolgt asynchron (Ajax).

Scetchbook

Ein Zeichenblock als Ygg-Partial. Hier werden die mitgeliferten JavaScript-Funktionen genutzt und ein Partial entwickelt das ein einfaches responsives Zeichenbrett darstellt.

Hintergrundfarbe
Vordergrundfarbe
Stärke

Ygg als Content-Deliver-Webservice

Eine Reihe von Beispielen wir Ygg mit einfachen URL-Aufrufen genutzt werden kann.

CSS-Pipeline: Klick mich (neues Fenster)
JS-Pipeline: Klick mich (neues Fenster)
Medien-Pipeline: Bild Klick mich (neues Fenster)
Medien-Pipeline: PDF-Dokument Klick mich (neues Fenster)
Medien-Pipeline: ODT-Dokument Klick mich (Download)
Medien-Pipeline: Audio Klick mich
Medien-Pipeline: Video Klick mich
WebApp-Manifest: Klick mich (neues Fenster)
Message of the Day: Die Nachricht des Tages (Ajax-Aufruf)
Braille-Schrift: Braille für "yggdrasil" (Ajax-Aufruf)
Morse-Code: Morse für "yggdrasil" (Ajax-Aufruf)
Deutsches Buchstabier-Alphabet: DIN-Buchstabieralphabet für "yggdrasil" (Ajax-Aufruf)
NATO Buchstabier-Alphabet: NATO-Buchstabieralphabet für "yggdrasil" (Ajax-Aufruf)
Runen-Übersetzung: Runen-Übersetzung für "yggdrasil" (Ajax-Aufruf)
Englisch-Übersetzung: Englisch-Übersetzung für "ich spreche englisch. du auch?" (Ajax-Aufruf)
PDF-Test: Beispiel-Artikel abrufen
PDF-Test: Beispiel-Brief abrufen

Ajax-Ergebnisse:

...

Ein Ygg-Partial:

Ein ygg-Partial wird mit nur einer Zeile eingefügt: <?=$ygg->partial('form_pdf_paper.html');?>.

Im folgenden zwei Partials welche funktionsfähige Formulare zur Erstellung von Artikeln und Briefen in PDF anbieten, dargestellt in einem mitgelieferten modalen Dialog.

Probieren Sie es aus!

Paper verfassen

Öffne ein Paper

X Ein Paper verfassen:

Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiß, dass ich nie die Chance haben werde im Stern zu erscheinen. Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten "normalen" Texten nicht gelingt.

Brief verfassen

Öffne einen Brief

X Einen Brief verfassen:

PDF-Dokument-Angaben

Inhaltsangaben

Sehr geehrte Damen und Herren,

dies ist nicht sinnlos. Dies hat den Sinn einer Demonstration. Dies ist ein Formbrief nach DIN 5008, Format A. Es wurden berücksichtigt die Angaben für den Briefkopf, das Adressfeld, das Informationsfeld, das Textfeld und die Nummerierung der Seiten.

Ansonsten gilt, hochachtungsvoll, mit Verlaub und bis auf weiteres, das der folgende Text nur folgt um einen Seitenumbruch zu erzeugen ...

Mit freundlichen Grüßen,
ygg

Ygg in der Webseite

<html>
	
	<head>
		
		<!-- ygg fügt konfigurierte Header-Felder ein ... -->
		<?=$ygg->partial('html_head.php');?> 
		<!-- ... über weitere Angaben entscheide ich selbst -->
		
	</head>
	
	<body>
		<h1>Beispiel</h1>
		<!-- Unter dieser Überschrift wird später automatisch ein Inhaltsverzeichnis angelegt. -->
		
		<h2>Ein Bild</h2>
		<!-- ygg fügt ein Bild ein ... -->
		<img src="<?=$ygg->image('smile.gif');?>" />
		<!-- ... über das Element entscheide ich selbst -->
		
		<h2>Spruch des Tages<h2>
		<!-- ygg zeigt den Spruch des Tages ... -->
		<?=$ygg->partial('motd.php');?>
		<!-- ... die Formatierung kann ich in einem Partial bestimmen -->
		
		<h2>Ein Partial<h2>
		<!-- ygg fügt ein Partial für ein Fomular ein -->
		<?=$ygg->partial('form_pdf_paper.html');?> 
		
		<!-- ygg fügt seine Funktion für automatisch generierte Inhaltsverzeichnisse ein -->
		<?=$ygg->partial('toc.php');?> 
		
	</body>
	
</html>

Einen Überblick über mitgelieferte Bilder, Stylesheets und JavaScript-Funktionen bekommen Sie unter lib.relast.de.