Video-Screencasts 2025, April

# 140: Foren Anmelden Styling - CSS-Tricks

# 140: Foren Anmelden Styling - CSS-Tricks

Wir sind immer noch tief im Bereich Foren. In diesem Screencast schauen wir uns die Anmeldeseite an. Eine weitere ziemlich wichtige Seite, da wir die Erfahrung von "

# 137: Foren Wrangling, Teil 4, Kontrolle bekommen - CSS-Tricks

# 137: Foren Wrangling, Teil 4, Kontrolle bekommen - CSS-Tricks

Wir beginnen direkt mit der Gestaltung des Hauptinhaltsbereichs der Homepage von The Forums. Wohl der wichtigste Teil der Foren, da es das erste ist "

# 139: Individuelles Forum Thread Styling - CSS-Tricks

# 139: Individuelles Forum Thread Styling - CSS-Tricks

Sie könnten argumentieren, dass die Homepage des Forums die wichtigste Seite ist, aber es gibt ebenso gute Argumente dafür, dass einzelne Thread-Ansichten die "

# 138: Foren Homepage Styling - CSS-Tricks

# 138: Foren Homepage Styling - CSS-Tricks

Es war eine ziemlich lange Kontrolle über alle Teile, die wir brauchen, mit ein paar Kämpfen und Überraschungen auf dem Weg. Wir können endlich bekommen "

# 134: Foren Wrangling, Teil 2 - CSS-Tricks

# 134: Foren Wrangling, Teil 2 - CSS-Tricks

In diesem Screencast beschäftigen wir uns weiterhin mit dem Code der Vanilla-Foren und bringen unser Thema in Schwung. Wir treffen sofort die Entscheidung, den wilden und verrückten Schachzug zu machen. "

# 135: Foren Wrangling, Teil 3, Login - CSS-Tricks

# 135: Foren Wrangling, Teil 3, Login - CSS-Tricks

Wir beschäftigen uns ständig mit dem Thema Foren auf der Website. Wir haben bisher gute Arbeit geleistet, aber je tiefer wir graben, desto schwieriger werden die Dinge. "

# 136: Vanilla-Foren verstehen Themenüberschreibungen - CSS-Tricks

# 136: Vanilla-Foren verstehen Themenüberschreibungen - CSS-Tricks

Wir haben aufgehört zu entscheiden, ob wir den Kampf um ein statisches Anmeldeformular gewinnen können oder nicht. Wir könnten es wahrscheinlich, aber wenn wir mehr mit den Foren herumspielen, "

# 133: Foren Wrangling, Teil 1 - CSS-Tricks

# 133: Foren Wrangling, Teil 1 - CSS-Tricks

In diesem Screencast werden wir uns tatsächlich mit dem Code des Forumsbereichs befassen. Die "Haupt" -Datei der Foren ist, falls es so etwas gibt, default.master.php. "

# 132: Einführung in die Foren - CSS-Tricks

# 132: Einführung in die Foren - CSS-Tricks

In diesem Screencast tauchen wir in einen völlig neuen Bereich der Website ein: Die Foren! Dies ist ein riesiger Bereich der Website. Vielleicht nicht so viel im Verkehr (ich habe immer "

# 131: Weitere Homepage-Module erstellen - CSS-Tricks

# 131: Weitere Homepage-Module erstellen - CSS-Tricks

In diesem Screencast haben wir uns daran gemacht, einige weitere Module zu erstellen, die wir auf der Homepage haben möchten. Nur eine kleine Änderung und wir zeigen drei heiße "

# 130: Gestaltung der Artikelarchivseite - CSS-Tricks

# 130: Gestaltung der Artikelarchivseite - CSS-Tricks

Die Artikelarchivseite zu CSS-Tricks ist ziemlich wichtig. Anstatt wie die meisten Blogs paginierte Blog-Posts zu haben, verlinke ich einfach auf die Archive. "

# 129: Photoshopping Weitere Homepage-Module - CSS-Tricks

# 129: Photoshopping Weitere Homepage-Module - CSS-Tricks

In diesem Screencast beschäftigen wir uns mit dem Hinzufügen weiterer Module zur Homepage der Site. Ziemlich wichtiges Zeug! Im Moment haben wir nur eine Handvoll von ihnen "

# 128: Styling der Deals Seite - CSS-Tricks

# 128: Styling der Deals Seite - CSS-Tricks

In diesem Screencast werden wir uns mit dem Abschnitt Angebote befassen. Der Bereich Angebote ist im Wesentlichen eine "Anzeigenwand". Es ist ein Bereich der Website, den die Leute "

# 126: Erstellen der einzelnen Videoseite, Teil 1 - CSS-Tricks

# 126: Erstellen der einzelnen Videoseite, Teil 1 - CSS-Tricks

Im Screencast beschäftigen wir uns mit der HTML-, CSS- und WordPress-Vorlage, die die einzelne Videoseite darstellt. Wir haben bereits entworfen, wie dies aussehen soll. "

# 127: Erstellen der einzelnen Videoseite, Teil 2 - CSS-Tricks

# 127: Erstellen der einzelnen Videoseite, Teil 2 - CSS-Tricks

In diesem Screencast werden wir die Vorlage für einzelne Videos mit Code-Wranglin fertigstellen. Wir beginnen damit, uns ein wenig in unserem CSS zu organisieren. Einige der videos.scss "

# 125: Photoshopping der einzelnen Videoseite - CSS-Tricks

# 125: Photoshopping der einzelnen Videoseite - CSS-Tricks

In diesem Screencast beschäftigen wir uns mit der Gestaltung einer weiteren sehr wichtigen Seite. Dies ist eine dieser Seiten, auf deren Gestaltung ich mich von Anfang an gefreut habe. "

# 122: Erstellen des Videoarchivs, Teil 1 - CSS-Tricks

# 122: Erstellen des Videoarchivs, Teil 1 - CSS-Tricks

Die Videoarchivseite ist der Teil der Website, auf dem Benutzer alle kostenlosen Videos durchsuchen können, die zum Ansehen verfügbar sind. Es ist zum Surfen da, muss die Homepage mögen "

# 123: Erstellen des Videoarchivs, Teil 2 (Navigation) - CSS-Tricks

# 123: Erstellen des Videoarchivs, Teil 2 (Navigation) - CSS-Tricks

Wir haben gerade einen aufregenden Teil dieses Redesigns abgeschlossen, in dem wir ein paar grobe Markups auf der Videoarchivseite wegwerfen und durch neue ersetzen mussten. "

# 124: Aufbau des Demo-Archivs - CSS-Tricks

# 124: Aufbau des Demo-Archivs - CSS-Tricks

In diesem Screencast werden wir am Bereich "Demos" von CSS-Tricks arbeiten. Es ist ein ziemlich beliebter Bereich der Website, obwohl ich nicht als "

# 121: Eine Vorlage für generische Seiten - CSS-Tricks

# 121: Eine Vorlage für generische Seiten - CSS-Tricks

Wir schauen uns die Kontaktseite an und entscheiden, dass es sich um eine Seite über CSS-Tricks handelt, die sehr allgemein gehalten ist und bei "kein spezielles Styling benötigt".

# 120: Auswählen eines Mitgliedschafts-Plugins für WordPress - CSS-Tricks

# 120: Auswählen eines Mitgliedschafts-Plugins für WordPress - CSS-Tricks

In diesem Screencast sprechen wir darüber, wie wir den Mitgliederbereich von CSS-Tricks aufbauen werden. Ein Teil des Kickstarters, der diese ganze Sache gemacht hat "

# 119: Benutzerdefinierter Header für Videos - CSS-Tricks

# 119: Benutzerdefinierter Header für Videos - CSS-Tricks

Ich glaube, ich habe in einem früheren Video gesagt, dass wir alle Header fertiggestellt haben. Nur ein Scherz! Es ist noch einer übrig! Dieser ist für den Bereich Videos und wurde erstellt "

# 118: Anzeigen einer Live-Site mit dem Theme Switcher-Plugin - CSS-Tricks

# 118: Anzeigen einer Live-Site mit dem Theme Switcher-Plugin - CSS-Tricks

In diesem Screencast fügen wir der Site ein neues Plugin hinzu, mit dem wir die Themen auf der Live-Site wechseln können, aber nur, damit wir (als Administratoren) "

# 117: Benutzerdefinierter Header für Angebote - CSS-Tricks

# 117: Benutzerdefinierter Header für Angebote - CSS-Tricks

Nach der seltsamen Verwirrung im letzten Video darüber, welchen Header wir tatsächlich gemacht haben, werden wir dieses Mal wirklich den benutzerdefinierten Header implementieren. "

# 116: Benutzerdefinierter Header für Demos - CSS-Tricks

# 116: Benutzerdefinierter Header für Demos - CSS-Tricks

Die letzten verbleibenden Header sind eingegangen! Wir können diese jetzt fertigstellen und alle unsere benutzerdefinierten Header erstellen lassen. In diesem Screencast arbeiten wir an der benutzerdefinierten "

# 115: Einrichten von Google AdSense - CSS-Tricks

# 115: Einrichten von Google AdSense - CSS-Tricks

Wir werden eine neue Werbezone auf der Website von Google AdSense hinzufügen. Wir haben vor einiger Zeit eine BuySellAds-Zone entfernt.

# 114: Gebäudekommentarformular - CSS-Tricks

# 114: Gebäudekommentarformular - CSS-Tricks

In diesem Screencast werden wir uns mit dem Erstellen des Kommentarformulars in HTML / CSS befassen. Das Markup für das Kommentarformular befindet sich in der Datei comment.php in unserem "

# 109: Vorbereiten der Bearbeitung von Kommentaren - CSS-Tricks

# 109: Vorbereiten der Bearbeitung von Kommentaren - CSS-Tricks

Ich freue mich sehr, an den Kommentaren für diese Site zu arbeiten. CSS-Tricks sind die Heimat einiger hervorragender Diskussionen, dank all Ihrer feinen Leute. Entwerfen"

# 113: Photoshopping-Kommentarformular - CSS-Tricks

# 113: Photoshopping-Kommentarformular - CSS-Tricks

In diesem Screencast springen wir zurück in Photoshop und entwerfen das Kommentarformular selbst. Wie in müssen die Eingaben und Textbereichsbenutzer ausgefüllt werden, um ein "

# 112: Erstellen von Kommentaren Thread Wrapup - CSS-Tricks

# 112: Erstellen von Kommentaren Thread Wrapup - CSS-Tricks

Gleich am Ende des letzten Screencasts haben wir herausgefunden, dass unser Photoshop-Design, so einfach es auch ist, ein Problem hat, das zu schwer zu lösen sein wird. "