HTML5 leichtgemacht: easyHTML5

igentlich sagt man, Eigenwerbung bzw. -lob stinkt, ich kanns mir aber trotzdem nicht verkneifen ;-)

Ich habe eine kleine Klasse gebaut, welche mir als php Entwickler schnell hilft, eine HTML5-Seite zu erstellen. Dank dem Basis Objekt "html" muss in Zukunft keinerlei HTML-Code meht in den php-Files stehen. Kleines Beispiel gefällig?

  1. <?php
  2. require_once './lib/easyHTML5.php';
  3.  
  4. $myHTML = html::init();
  5.  
  6. $myHTML->head->meta->add('author', 'Jens Reinemuth');
  7.  
  8. // Build up navigation
  9. $myHTML->body->add('nav','myNav');
  10. $myHTML->body->myNav->addItem('item1','Link1','#');
  11. $myHTML->body->myNav->addItem('item2','Link2','#');
  12. // Build up Header
  13. $myHTML->body->add('header','myHeader');
  14. $myHTML->body->add('h1','siteHeader');
  15. $myHTML->body->siteHeader->addContent('Wilkommen auf meiner Seite...');
  16. $myHTML->body->myHeader->addContent($myHTML->body->siteHeader->build());
  17. $myHTML->body->myHeader->addContent($myHTML->body->myNav->build());
  18. // Build up the Intro-Section
  19. $myHTML->body->add('section','myIntro');
  20. // test-article
  21. $myHTML->body->add('article','art1');
  22. $myHTML->body->art1->title = 'Testarticle1';
  23. $myHTML->body->art1->time = '10.07.2010 02:11:00';
  24. $myHTML->body->art1->author = 'jens';
  25. $myHTML->body->art1->addContent('Kleiner Test!');
  26. $myHTML->body->myIntro->addContent($myHTML->body->art1->build());
  27. // sidebar for later use
  28. $myHTML->body->add('aside','mySidebar');
  29. // Build up Footer
  30. $myHTML->body->add('footer','myFooter');
  31. // output
  32. echo $myHTML->build();
  33.  
  34. ?>

und raus kommt eine (noch nicht sooo ganz) wohlgeformte html5-Seite... Momentan arbeite ich an den video und audio tags, inkl. der Möglichkeit, den Flashplayer durch ein mootools-Plugin zu ersetzen. Im Hinterkopf hätte ich zu dem Thema auch noch einen kleinen Converter, also mp4->theora und mp3->ogg... Mal sehen.

Ich denke, darauf kann man aufbauen. Wen die Klasse(n) interessier[t|en]:

http://github.com/openWebX/easyHTML5

Gruß,

Jens

Neuen Kommentar schreiben

Plain text

  • Keine HTML-Tags erlaubt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • HTML - Zeilenumbrüche und Absätze werden automatisch erzeugt.