Eine ausführliche Einführung in die Gestaltung von Schrift und Text mit CSS. Von der Festlegung der Grundschriftart für eine Webseite bis zur Textdarstellung bildet dieser Artikel einen guten Startpunkt für Entwickler, die noch nicht mit allen CSS-Feinheiten vertraut sind.
Kaum noch eine Website, die ohne sie auskommt: Farbverläufe in Hintergrundgrafiken. Wer Zeit sparen und diese nicht immer neu mit dem Grafikprogramm der Wahl erstellen möchte, findet bei A List Apart eine Methode, diese (fast) nur mit CSS und (X)HTML zu erzeugen. Bereits angekündigt ist ein zweiter Artikel, der dann erklären soll, wie diese Technik in der Praxis beim Erstellen von vollständigen Weblayouts genutzt werden kann.
In der Zend Developer Zone erscheint zur Zeit eine Serie von Artikeln zur Umsetzung von Design Patterns mit PHP5.
Aufbauend auf einer Einführung in das Thema, werden bis jetzt die drei Muster Observer (Beobachter), Composite (Kompositum) und Visitor (Besucher) vorgestellt. Schritt für Schritt von der Theorie über Klassenmodelle bis hin zu echten PHP-Beispielen stellt der Autor die Modelle detailliert vor. Zum Abschluß wird das Muster noch einmal diskutiert und seine Charaktersitiken werden dargelegt.
enlightendesigns stellt ein Tutorial zur Verfügung, das eine Schritt-für-Schritt-Anleitung zur Erstellung einer Website mit CSS-Layout für alle bietet, die zwar eine Grundverständnis für CSS haben, jedoch noch nicht viel (oder keine) praktische Erfahrung damit sammeln konnten.
Rasmus Lerdorf ist kein großer Fan komplexer MVC-Frameworks bei der Programmierung von Webanwendungen. In einem Tutorial zeigt er statt dessen, wie man auch mit einfachen Mitteln (PHP, Yahoo! UI Library und JSON) eine Web2.0-Anwendung erstellen kann.
Many frameworks may look very appealing at first glance because they seem to reduce web application development to a couple of trivial steps leading to some code generation and often automatic schema detection, but these same shortcuts are likely to be your bottlenecks as well since they achieve this simplicity by sacrifizing flexibility and performance. Nothing is going to build your application for you, no matter what it promises. You are going to have to build it yourself. Instead of starting by fixing the mistakes in some foreign framework and refactoring all the things that don’t apply to your environment spend your time building a lean and reusable pattern that fits your requirements directly. In the end I think you will find that your homegrown small framework has saved you time and aggravation and you end up with a better product.
(via SitePoint’s PHP Blog)
Auf DevArticles ist ein weiteres Tutorial erschienen, in dem die Verarbeitung von XML-Daten erläutert wird, die per AJAX vom Webserver angefordert und an den Browser gesendet werden. Es knüpft an die zuvor erschienene Artikelserie über AJAX an, die bisher eine Einführung in AJAX sowie in das XMLDOM-Objekt umfaßt.
Wie in den vorherigen Beiträgen wird das Thema wieder in mehreren Schritten sehr ausführlich vorgestellt und das Vorgehen erklärt, von der Erzeugung des Objektes zur Verarbeitung der XML-Daten über die Auswertung der Antwort bis zum Einfügen der Informationen in die Webseite.
(via Ajaxian)
Die Sliding Doors-Technik ist inzwischen sehr beliebt bei der ansprechenden grafischen Darstellung von Tabs auf Webseiten. Allerdings ist die Anzahl und Benennung normalerweise statisch und wird bereits serverseitig generiert.
Mr. Havoc zeigt nun in einem Tutorial, wie man mit Hilfe von JavaScript clientseitig neue Tabs hinzufügen und auch wieder entfernen kann. Dabei wird der den Tabs zugeordnete Inhalt dynamisch nachgeladen.
- Easy to implement Dynamic CSS Tabs. The user can add and remove tabs (and content) without refreshing the page.
- The ability to specify default open tabs
- The ability for the website owner to specify which tabs can and cannot be closed after they are opened
- The ability to assign a different color to each tab. This makes it easier to ‘group’ tabs with similar content.
- Ajax Preloading Goodness. When a tab is opened, the contents of the tab’s panel are loaded with ajax. You can open a tab while the user is focused on a different tab. The newly opened tab will preload it’s content in the background and wait for the user to click the new tab when he or she is ready to.
- Tab Events. Each tab can have it’s own javascript code that will be triggered when a certain event happens. Such as Open, Close, Blur and Focus.
- Tested to work with Firefox 1.0, 1.5 and IE 6
(via Jens Grochtdreis)
Jayaram Krishnaswamy hat ein Tutorial geschrieben, in dem die Bearbeitung von XML in Javascript mit XMLDOM-Objekten erklärt wird.
Understanding and manipulating the XMLDOM objects is a prerequisite to writing successful code, whether it be for AJAX or for anything to do with XML files especially using Microsoft tools. It is the author’s hope that the surgical presentation of this tutorial in dissecting the XMLDOM object will provide a guide to this understanding.
( via AJAX Magazine )
Wer noch nicht mit dem Toolkit Prototype gearbeitet hat, findet bei Sergio Pereira eine hervorragende Einführung, in der das AJAX Objekt und die verschiedenen Hilfsfunktionen vorgestellt werden. Außerdem liefert Sergio eine inoffizielle Referenz für das Toolkit.
Wer auf einer Seite Listen benötigt, die der Benutzer beliebig umsortieren können soll, der findet in einem Tutorial bei phpRiot einen Lösungsvorschlag.
You might have been in a situation before where you had a list of items in your database that needed to be output in a specific order. These items could be anything: perhaps a listing of your favourite movies or your favourite books. For whatever reason, you want them ordered in a custom way that can’t be determined automatically (such as alphabetical).
Es geht also darum, Informationen in einer Liste anzuzeigen, die der Benutzer individuell per Drag’n'Drop umsortieren kann. Was damit genau gemeint ist, kann man dem Beispiel gleich auf der ersten Seite des Tutorials entnehmen.
Es wird eine Lösung vorgestellt, die auf PHP und AJAX basiert und die Scriptbibliotheken script.aculo.us sowie Prototype verwendet. Dabei werden alle Schritte von der Erstellung eines DB-Schemas (für MySQL und PostgreSQL) über den PHP-Code zur Generierung der Liste, das Hinzufügen der Drag’n'Drop-Fähigkeit bis zum PHP-Skript zur Verarbeitung der Benutzeraktionen erläutert.
[ via Ajaxian ]
