RE-Design – Enrico Reinsdorf

Archiv für die Kategorie „Adventskalender 2007“

Bei der Erstellung von moderen Websites spielt AJAX eine immer wichtigere Rolle. In diesem Tutorial möchte ich euch eine kleine JavaScript-Klasse vorstellen. Diese Klasse kann dann Grundlage für weiter tolle Webanwendungen sein kann.

Die einfache und trotzdem flexible Verwendung der erstellten Klasse lag mir dabei besonders am Herzen.
Diesen Beitrag weiterlesen »

Immer wieder brauche ich für das Erstellen von komplexeren Webanwendungen eine kleine Template-Engine. Ich könnte dann zwar auf bestehende Syteme wie z.B. Smarty oder PatTemplate. Ich habe mir schon vor langer Zeit ein kleines Script zusammengeschrieben und möchte es heute hier mit euch teilen. Es ist ja Weihnachten.

Diesen Beitrag weiterlesen »

Nachdem ich gestern mit einem kleinen JavaScript Link durch Fußnoten in einem Text ersetzt und eine Linkliste hinzugefügt habe, zeige ich heute eine weiter Möglichkeit nicht alles von Hand zu erstellen.

Ich fand es schon immer umständlich für jedes FLV-Video einen eigenen Video-Player zu erstellen. Es wäre doch schönen wenn man nur einen Player nutzen müsste und ihn über externe Parameter steuern könnte, z.B. welches Video er anzeigen sollte.

Diesen Beitrag weiterlesen »

Heute möchte ich euch ein kleines JavaScript geben, welches aus einem vorgegebenen <div>-Container alles Links extrahiert und sie als Linkliste am Ende des Containers anhängt. Hier gibt es das Demo.

Warum macht es Sinn eine solche Linkliste zu erstellen? Nun fast jeder der sich mit benutzerfreundlichen Websites auseinandersetzt weiß, dass Links innerhalb von Fließtext den Lesefluss stören. Außerdem kann es möglich sein Leser zu verlieren, wenn sie den Links innerhalb des Textes folgen und nicht wieder zurück kommen. Es ist besser erst am Ende des Textes alle im Text empfohlenen Links aufzulisten.
Diesen Beitrag weiterlesen »

Dieses Thema hatte ich schon lange im Kopf, hatte aber leider noch nie Zeit gefunden darüber einmal detaillierter zu schreiben. Nun aber, dadurch das mich heut fast alle Browser mit den Thema CSS 3 im Stich gelassen haben, habe ich die Zeit und den Platz gefunden darüber zu berichte.

Ein Website kann noch so gut geplant sein, im Laufe der Zeit werden sich immer wieder die Strukturen und damit die URIs von Ressourcen ändern. Das ist ganz normal. Normal ist auch, dass solche Ressourcen Spuren im Web hinterlassen haben. Zum einen natürlich in Suchmaschinen, die diese indexiert haben. Zusätzlich habe vielleicht aber auch Besucher diese Adressen in ihren sozialen Netzwerken wie del.icio.us, Mister Wong, Yigg oder Google Bookmarks oder aber ganz normal als Favorit abgespeichert. Wenn sich nun die Adressierung ändert, sollten natürlich Besucher die noch zur alten Adressen wollen weitergeleitet werden. Und genau da kommt die Apache Direktive redirect ins Spiel.

Diesen Beitrag weiterlesen »

Schon viele Autoren haben sich über das Thema SEO ausgelassen. Auch ich möchte an dieser Stelle alle für mich wichtigen Punkte in einer Top 10 Liste zusammenfassen.

1. Besucher wollen nur qualifizierten Inhalt
2. Durch Schlüsselbegriffe den Inhalt definieren
3. interne und externe Verlinkung zählen
4. Seitentitel geben den Inhalt vor
5. Missgunst vermeiden
6. Fehlerseite bieten Möglichkeiten
7. Maschinen lieben Technik
8. Besucher lieben Klicks
9. Den richtigen Platz finden
10. Sitemap

Diese Liste soll als Hilfsmittel dazu dienen, dass die eigene Website von Suchmaschinen besser gelistet wird. Dabei stell ich aber auch immer wieder fest, dass nicht alle Punkte aus der Liste ohne weiteres umzusetzen sind.

Diesen Beitrag weiterlesen »

Durch die Benutzung von Klassen und IDs kann man sehr effektiv auf die Strukturen von HTML-Seiten zugreifen. Doch leider wird dadurch auch der Quellcode der Seite vergrößert. In vielen Fällen ist das aber unnötig, denn oft werden Klassen aus Bequemlichkeit eingesetzt um schnell auf das Richtige zu zugreifen. CSS bietet über Selektoren mehr als nur den Zugriff auf Tags, Klassen und IDs.

Diesen Beitrag weiterlesen »

Immer wieder werden ähnlich bzw. gleiche Layouts beim Webdesign gebraucht. Ich habe einmal versucht eine relative einfaches Framework zur schnellen Erzeugung von verschiedenen Layouts zu erstellen.

Um die Verwaltung des Framework einfach zu halten, habe ich mich dazu entschlossen die CSS-Dateien aufzuteilen. In der HTML-Datei existieren zwar nur 3 relative Verlinkungen zu den jeweiligen Ausgabedesigns, aber für jedes Design sind dann weitere 3 Dateien zuständig. Um die Designs flexibel administrieren zu können, benutze ich eine Layout-Datei für die Positionierung der Boxen, eine Color-Datei für die Farbgebung und eine Typographie-Datei für die Texteinstellung.

Diesen Beitrag weiterlesen »

Die Zeiten in denen sich Verlinkungen einfach nur unterstrichen präsentierten ist schon längst vorbei. Das Kennzeichnen der unterschiedlichsten Arten von Verlinkungen gibt es schon eine ganze Weile. Spätesten seit der Einführung der Attribut-Selektoren in CSS 2.1 stand der Verwendung von Icons für spezielle Verlinkungen nichts mehr im Wege.

Ja, ja, ich weiß das die nicht alle Browser dieses Feature unterstützen. Besonders der heutzutage noch oft verwendete Internet Explorer 6 macht dem Ganzen einen großen Strich durch die Rechnung. Aber warum müssen deswegen die Benutzer von neueren Browsern darauf verzichten? OK Schluss mit mit dem leidigen Thema der verschiedenen Browser-Versionen. Auf zu der Formatierung von schönen, manchmal auch bunten Verlinkung.

Diesen Beitrag weiterlesen »

Erst wollte ich den Artikel PDA-Design nennen, aber nachdem ich mich näher mit der Materie befasst habe wurde mir klar, dass das Thema umfangreicher ist. Trotzdem es nur spärliche Informationen über dieses Thema im Netz gibt, möchte ich es versuchen meine Erkenntnisse euch kund zu tun.

Das schön am mobilem Web ist, dass es schon seit 1997 WAP als Übertragungsprotokol und WML als Sprache gibt. Aber leider hat sich dieses nicht wirklich durchgesetzt. Seit Oktober 2001 gibt es jetzt XHTML-MP als neue Sprache für das sogenannt WAP 2.0. Damit lassen sich theoretisch ganz gut Websites für mobile Endgeräte bauten. Und um das ganze auch noch nett aussehen zu lassen, gibt WCSS.

Diesen Beitrag weiterlesen »