Thumbnail for #11: Working Modularly with PHP

#11 Modulares Arbeiten mit PHP

Laufzeit: 14:44

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 …

Screencast ansehen
Thumbnail for #9: Starry Night: 3D Background with the Parallax Effect

#9 Sternennacht

Laufzeit: 14:27

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 …

Screencast ansehen
Thumbnail for #8: CSS Formatting

#8 CSS-Formatierung

Laufzeit: 14:39

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 …

Screencast ansehen
Thumbnail for #7: Three State Menu

#7 Drei Zustandsmenü

Laufzeit: 27:17

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 …

Screencast ansehen
Thumbnail for #6: Tools of the Trade

#6 Werkzeuge des Handwerks

Laufzeit: 15:33

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 …

Screencast ansehen
Thumbnail for #5: Columns of Equal Height: Super Simple Two Column Layout

#5 Spalten gleicher Höhe

Laufzeit: 12:39

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 …

Screencast ansehen
Thumbnail for #4: Forcing Scrollbars: Eliminating “Horizontal Jumps”

#4 Scrollbalken erzwingen

Laufzeit: 07:08

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 …

Screencast ansehen
Thumbnail for #3: Converting a Photoshop Mockup (part 3 of 3)

#3 Konvertierung eines Photoshop Mockups (Teil 3 von 3)

Laufzeit: 31:53

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“ …

Screencast ansehen

Kostenlose Videokurse

Videokurs (2015)

Alles, was du über SVG wissen musst

Die Verwendung von SVG kann sehr einfach sein, aber wenn du anfängst, dich damit zu beschäftigen, gibt es *viel* über SVG zu wissen. In dieser Serie lernst du, warum SVG ein so wichtiger Bestandteil der Website-Erstellung ist. Von der Frage, warum SVG nützlich ist und wie du es bekommst, bis hin zur Implementierung als System und schicken Dingen wie der Animation.

Zum Kurs →