A Blog about things i am interested in like Webdesign, HTML&CSS, TYPO3,PHP, MySql, Windows Mobile and some other nice tools.

Ich empfehle aus den Weiten des WWW:

Wer sich für einen dieser Punkte interessiert, wird sicherlich qualifizierte und interessante Informationen dazu in der allwissenden Müllhalde
erhalten. Für direkte Fragen an mich könnt Ihr die Kommentarfunktion nutzen.

Content Management Systeme

  • TYPO3 als OpenSource CMS
  • RedDot für Kunden die ein Lizenzpflichtiges CMS bevorzugen

Webshops

PHP Framework

HTML/CSS Framework

  • YAML
  • 960 Grid System
  • Selber machen ;)

Javascript Library

Schicke Fonts in die Webseite valide einbinden

  • SiFR (HTML/CSS, Javascript, Flash)
  • FLIR (HTML/CSS, Javascript, PHP)

Flash Objekte einbinden mit Vorschaubild

Open Source Flash Video Player

  • FLV Flash Fullscreen Video Player

Customers best practice HTML

Kunde möchte gerne weiße bulletpoints in einer Aufzählung und sagt es sei ja ganz einfach auf diese Art:

<FONT color=#ffffff><BR>• XYZ<BR>• XYZ</font>

TYPO3 + Tidy = sexy HTML

Wer auf die optische Darstellung seines HTML Markups wert legt, der wird Tidy mögen.

Anleitung für eine schönere HTML Ausgabe:

  • Tidy runterladen: http://tidy.sourceforge.net/#binaries
  • Tidy installieren,kopieren oder kompilieren
    Für jeden (Windows / Linux / Mac) ist das richtige dabei
  • Tidy im TYPO3 Install Tool aktivieren
    [FE][tidy] = 1
  • Tidy konfigurieren
    [FE][tidy_option] =
    • all => jede Seite wird mit Tidy optimiert
    • cached => nur die Seiten optimieren die im Cache abgelegt werden
    • output => nur die angezeigten Seiten optimieren

    Pfad zu Tidy angeben
    [FE][tidy_path] =
    Das Install Tool schlägt folgende Parameter vor:

    • -i => rückt das HTML ein
    • –quiet true => Ausgabe der Zusammenfassung von Fehlern und Warnungen unterdrücken (Die Meldungen werden beim Apache in die error Logfiles geschrieben)
    • –tidy-mark true => gibt dieses meta Element aus:
      <meta name="generator" content="HTML Tidy for Windows (vers 22 March 2008), see www.w3.org" />
    • -wrap 0 => Zeilenumbruch ausschalten

Für alle die mehr wissen wollen: Die Tidy Quick Reference

Eine Vorschau zu HTML 5

A List Apart hat eine Vorschau zu HTML 5 veröffentlich (Link).

Endlich wird es möglich sein eine HTML Seite logisch zu strukturieren ohne gleich eine DIV Suppe kochen zu müssen.
Bisher könnte man Bereiche wie die Navigation oder den Footer nur mittels id oder class kennzeichnen und jeder hat seine eigenen Vorstellungen der Benamsung eingebracht.

Neue Elemente wie header, nav, section, article, aside, und footer werden eingeführt.
Durch die neuen Elemente in HTML können dann die entsprechenden Bereiche auch als solche gekennzeichnet werden. Ich hoffe, dass speziell Hersteller Mobiler Browser darin einen Mehrwert sehen und die Mobilen Browser dadurch etwas flotter machen können.

Webstandards sind doch was feines.