Viele Websites verwenden kein ausgefallenes Content Management System (CMS) zur Generierung ihrer Seiten, sie sind einfach nur gute, alte statische HTML-Inhalte. Eine Website für das Kuchenbackgeschäft Ihrer Großmutter hat wahrscheinlich nur wenige Seiten, vielleicht eine …

Es gibt drei verschiedene Arten von Layouts für Websites: Feste Breite, Flexible Breite und Elastische Breite. In diesem Screencast betrachten wir alle drei Varianten von Websites im Web sowie einige Hybrid-Websites und andere …

Mit drei Schichten aus Alpha-transparenten PNG-Dateien können wir einen pseudo-dreidimensional aussehenden Hintergrund für eine Webseite erstellen. Dieser Screencast behandelt, wie das von Anfang bis Ende gemacht wird. Da Internet Explorer 6 und darunter nicht …

Organisiert zu sein und eine gute Formatierung in Ihren CSS-Dateien zu verwenden, kann Ihnen während Ihres Entwicklungsprozesses und insbesondere bei der Fehlerbehebung viel Zeit und Frustration ersparen. Das Mehrzeilenformat erleichtert das Durchsuchen von Attributen, macht Ihre Datei aber vertikal …

Durch eine Variation der CSS Sprites-Technik können wir ein „Drei-Zustands“-Menü mit nur einem Bild pro Menüpunkt erstellen. Dies reduziert die Anzahl der Anfragen an Ihren Server und eliminiert „Pausen“ beim Wechseln zu …

Bevor ich in diesen Screencasts zu weit gehe, dachte ich, ich stelle Ihnen ein wenig meine Arbeitsumgebung vor und erkläre die Werkzeuge, die ich benutze. Erstens arbeite ich auf einem Mac, daher sind diese Werkzeuge Mac-spezifisch …

Mehrere Spalten auf gleiche Höhe zu zwingen, ist eine der kniffligen Dinge im Webdesign. In diesem Screencast zeige ich Ihnen einen kleinen Trick dafür. Anstatt die eigentlichen Elemente selbst auf gleiche Höhe zu bringen, verwenden wir einen …

In diesem Screencast spreche ich darüber, wie man vertikale Scrollbalken auf Websites erzwingt. Ohne dies können Seiten mit zentriertem Inhalt beim Wechsel von einer Seite, die vertikal gescrollt werden muss, nach links oder rechts „springen“ oder …

Ich schließe das Design in Teil drei dieser Serie über die Konvertierung eines Adobe Photoshop Website Mockups in eine tatsächliche HTML/CSS-Website ab. Dieser Teil konzentriert sich auf den Hauptinhaltsbereich. Ich erstelle die Spalten, einschließlich der „Schnelllinks“ …

In Teil zwei dieser Serie über die Konvertierung eines Photoshop Mockups in eine HTML/CSS-Website fahre ich mit dem Kopf-/Menübereich der Website fort. Ich ändere die Art und Weise, wie die Website zentriert wird, als ich mich entscheide, zu wrappen …

In diesem allerersten Video-Podcast beginne ich mit dem Konvertierungsprozess eines Adobe Photoshop Mockups einer Website in eine echte, live CSS-basierte Website. Das ist hier ziemlich holprig, Leute, ich bin sicher, dass diese mit der Zeit fokussierter werden. …