Thumbnail for #91: The WordPress Loop

#91 Die WordPress Loop

Laufzeit: 31:15

Es gibt keinen Mangel an Dokumentationen über die berühmte inhaltsgenerierende Struktur von WordPress, aber ich habe immer noch das Gefühl, dass es mehr Verwirrung und Mysterium um „Die Loop“ gibt, als sein sollte. In diesem Screencast versuche ich zu erklären, was sie ist, wie …

Screencast ansehen
Thumbnail for #90: Simple TextMate Tips

#90 Einfache TextMate-Tipps

Laufzeit: 20:52

TextMate ist ein plattformübergreifender Code-Editor für Mac. Entschuldigung an alle PC-Benutzer dieses Mal. Wenn Sie diese Screencasts schon lange verfolgen, wissen Sie, dass ich früher hauptsächlich Coda verwendet habe. Da ich viel mehr arbeite …

Screencast ansehen
Thumbnail for #89: Organizing a Photoshop Document

#89 Organisation eines Photoshop-Dokuments

Laufzeit: 19:09

Wenn Sie wie ich sind, sind Sie sowohl schuldig an stark unorganisierten Photoshop-Dokumenten als auch schätzen gut organisierte. Die Unordnung ist nicht beabsichtigt, sie ist einfach geboren aus (wenn Sie mir den wahrscheinlich ungenauen Klischee verzeihen) im rechtshirnigen Kreativmodus zu sein und sich darum zu kümmern …

Screencast ansehen
Thumbnail for #88: Intro to Compass/Sass

#88 Einführung in Compass/Sass

Laufzeit: 29:28

Fragen Sie eine Reihe von Designern, was sie sich von CSS wünschen, was es derzeit nicht kann, und Sie erhalten eine lange Liste, die der Liste der Funktionen des Compass/Sass-Frameworks ähnelt. Wenn Sie wie ich sind, dann nicht ...

Screencast ansehen
Thumbnail for #87: Moving Up with MAMP

#87 Weiterentwicklung mit MAMP

Laufzeit: 23:30

Das lokale Arbeiten mit MAMP ist großartig, aber was ist, wenn Sie diese Website live schalten müssen? Letztes Mal haben wir eine Version von WordPress lokal installiert, jetzt nehmen wir diese lokale Version und verschieben sie auf eine echte Live-….

Screencast ansehen
Thumbnail for #86: First Moments with MAMP

#86 Erste Momente mit MAMP

Laufzeit: 11:38

Ich bin damit weit hinterher, aber bis vor kurzem habe ich nie wirklich lokal entwickelt. Alles, was ich tat, war "commando" zu gehen und direkt auf Servern zu arbeiten. Die Situation ergab sich, dass ich es wirklich musste, also habe ich jetzt…

Screencast ansehen
Thumbnail for #85: Best Practices with Dynamic Content

#85 Best Practices mit dynamischen Inhalten

Laufzeit: 31:00

Einer der Artikel, die ich während des „Mai ist Wartungsmonat“ aktualisiert habe, war ein Artikel über dynamische Inhalte. Die Idee war eine einfache Website, bei der das Klicken auf einen Link den vorhandenen Inhalt ausblendet und neue Inhalte einblendet, die er …

Screencast ansehen
Thumbnail for #84: Site Walkthrough of chris-mcgarry.com

#84 Website-Durchlauf von chris-mcgarry.com

Laufzeit: 36:50

Ich habe eine Website für einen Musikerfreund von mir erstellt, der ein neues Album veröffentlicht. Offensichtlich sind spielbare Tracks wichtig, aber das klassische Problem, dass diese Tracks stoppen, wenn eine neue Seite geladen wird, tritt auf …

Screencast ansehen
Thumbnail for #83: Thoughts on SEO

#83 Gedanken zur Suchmaschinenoptimierung (SEO)

Laufzeit: 39:46

Vorsicht: mehr Geschwafel als üblich. Hören Sie meine Gedanken zur Suchmaschinenoptimierung. Was ich glaube zu wissen ist, dass SEO eine Reihe von ziemlich offensichtlichen Best Practices ist. Ein SEO-Service, der Ihnen bei diesen Dingen hilft, kann gut sein, …

Screencast ansehen
Thumbnail for #82: CSS Image Switcher

#82 CSS-Bildwechsler

Laufzeit: 12:20

Fahren Sie mit der Maus über einen Link, und das Bild darüber ändert sich. Das ist es, was wir in diesem Screencast bauen, nur dass wir dafür kein JavaScript verwenden. Der Trick ist ein einfacher z-index-Wechsel beim Überfahren mit der Maus und ein bisschen absolute Positionierung.…

Screencast ansehen
Thumbnail for #81: AJAXing a WordPress Theme

#81 AJAX für ein WordPress-Theme

Laufzeit: 42:23

Sehen Sie zu, wie ich mich durch das Hinzufügen von AJAX-Funktionalität zu einem WordPress-Theme fummele. Die Idee ist, dass jeder interne Link auf der Website ohne Seitenaktualisierung in den Hauptinhaltsbereich geladen wird, einschließlich der Suche. Nicht immer die …

Screencast ansehen
Thumbnail for #80: Regarding Wheel Invention

#80 Zur Erfindung des Rades

Laufzeit: 19:09

Ein Paar braucht eine Fotogalerie für ihre Hochzeit, in der jeder Fotos von der Hochzeit durchsuchen und hochladen kann. **Anfängerentwickler:** Ich kenne großartige Software, die wir verwenden können, geben Sie mir ein paar Tage. **Erfahrener Entwickler:** …

Screencast ansehen
Thumbnail for #78: On Web Advertising

#78 Über Webwerbung

Laufzeit: 45:19

In diesem Screencast diskutiere ich Online-Werbung. Was es ist, wie es funktioniert und warum es nicht böse ist (außer wenn es das ist). Ich spreche über meine Erfahrungen, die verschiedenen Dienste, die es gibt, und die, die ich benutze. Werbung ist ein …

Screencast ansehen
Thumbnail for #77: Styling an Individual Article

#77 Gestalten eines einzelnen Artikels

Laufzeit: 41:15

Die Idee des „Art Directings“ von Beiträgen ist in letzter Zeit sehr beliebt. Es ist die Idee, einem Artikel im Web eine einzigartige Gestaltung zu geben, so wie Printdesigner Artikel für beispielsweise eine Zeitschrift einzigartig gestalten. Das ist mehr als …

Screencast ansehen
Thumbnail for #76: A Tour of jQuery on a Live Site

#76 Eine Tour durch jQuery auf einer Live-Website

Laufzeit: 38:33

Ich habe viel zu tun, Sie haben viel zu tun, wir alle sind beschäftigt und versuchen, Fristen einzuhalten und Dinge in dieser verrückten Web-Welt zu erledigen. Ich liebe es, neue Technologien zu lernen, wenn ich kann, aber ich gebe als Erster zu, dass ich zu Werkzeugen greife, die …

Screencast ansehen
Thumbnail for #75: How Not To Design a Checkout

#75 Wie man keinen Checkout gestaltet

Laufzeit: 11:17

Sie müssen mir hier verzeihen, Leute, das ist kein sehr konstruktiver Screencast. Ich war frustriert über den beschissenen Checkout-Prozess für ein Softwareprodukt, das ich ausprobierte, also dachte ich, ich mache einen Screencast daraus als Lektion für uns alle …

Screencast ansehen
Thumbnail for #74: Editable CSS3 Image Gallery

#74 Editierbare CSS3-Bildergalerie

Laufzeit: 42:02

Wir bauen ein ziemlich typisches Bildgalerie-Designmuster, ein Raster von Bildern, die beim Klicken größer werden. Aber diese Bildergalerie-Seite verwendet viel semantisches HTML5-Markup, jede Menge visuelle Leckerbissen mit CSS3 und jQuery, und …

Screencast ansehen
Thumbnail for #73: Building a Website (3 of 3): WordPress Theme

#73 Bau einer Website (3 von 3)

Laufzeit: 50:59

In Teil 3 dieser Serie nehmen wir das HTML und CSS, das wir bereits für dieses Design erstellt haben, und konvertieren es in ein WordPress-Theme. Wir beginnen mit einem komplett „leeren“ WordPress-Theme und nehmen dann verschiedene Teile davon …

Screencast ansehen
Thumbnail for #72: Building a Website (2 of 3): HTML/CSS Conversion

#72 Bau einer Website (2 von 3)

Laufzeit: 01:11:10

In Teil 2 dieser Serie beginnen wir mit der HTML/CSS-Konvertierung des Photoshop-Mockups, das wir in Teil eins erstellt haben. Wir beginnen mit einem sehr einfachen Projektgerüst. Dann werfen wir einen Blick auf die Organisation der Ebenen in der Photoshop-Datei. Dann …

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 →