Video-Screencasts 2025, April

# 11: Modulares Arbeiten mit PHP - CSS-Tricks

# 11: Modulares Arbeiten mit PHP - CSS-Tricks

Viele Websites verwenden kein ausgefallenes Content Management System (CMS), um ihre Seiten zu generieren. Sie sind nur gute alte statische HTML-Inhalte. Eine Seite für Ihre "

# 113: Erstellen und Verwenden einer benutzerdefinierten Symbolschrift - CSS-Tricks

# 113: Erstellen und Verwenden einer benutzerdefinierten Symbolschrift - CSS-Tricks

Wie wir hier schon oft gesagt haben: Symbolschriftarten sind fantastisch. Sie sind genauso effizient wie CSS-Sprites: viele Bilder, die für "

# 119: Beantworten wir Forenbeiträge! Vol. 2 - CSS-Tricks

# 119: Beantworten wir Forenbeiträge! Vol. 2 - CSS-Tricks

In diesem Screencast beantworten wir live weitere Forenbeiträge ohne jegliche Planung. Ich glaube nicht, dass wir in einem der Threads, die wir uns ansehen, einen Homerun geschafft haben, aber "

# 117: Versuchen wir eine "Pull Request" - CSS-Tricks

# 117: Versuchen wir eine "Pull Request" - CSS-Tricks

Ich habe noch nie in meinem Leben eine "Pull Request" auf GitHub eingereicht. Ich wollte es versuchen, also fängt dieses Video den Moment ein, in dem ich versuche, eine Figur zu machen. "

# 116: Beantworten wir Forenbeiträge! - CSS-Tricks

# 116: Beantworten wir Forenbeiträge! - CSS-Tricks

In diesem Screencast gehen wir zu den Foren, um so viele Fragen wie möglich zu beantworten. Es geht nur darum, ein bisschen Spaß zu haben und Ihnen zu zeigen, wie einfach es ist, "

# 114: Lassen Sie uns einfache Dinge tun, um unsere Websites schneller zu machen CSS-Tricks

# 114: Lassen Sie uns einfache Dinge tun, um unsere Websites schneller zu machen CSS-Tricks

Ich präsentiere vier wirklich einfache Dinge, die Sie tun können, um Ihre Websites schneller zu machen. Nichts ist so komplex wie das Erstellen von Bild-Sprites (was nicht so ist "

# 115: Überdenken Sie es nicht Gitter - CSS-Tricks

# 115: Überdenken Sie es nicht Gitter - CSS-Tricks

Auch wenn das Layout einer Website als Hauptinhaltsbereich links und als Seitenleiste rechts einfach ist, ist dies ein Raster. Es gibt neue Layoutmethoden in CSS "

# 118: Einführung in CodePen PRO - CSS-Tricks

# 118: Einführung in CodePen PRO - CSS-Tricks

CodePen PRO bietet eine Reihe neuer Funktionen. Sie können über sie lesen, aber viel besser, um sie richtig zu zeigen? : und das ist erst der Anfang. "

# 112: Verwenden von CodePen - CSS-Tricks

# 112: Verwenden von CodePen - CSS-Tricks

CodePen ist eine App zum Teilen und Herumspielen mit Front-End-Code. Ich habe es mit einigen Freunden von mir geschafft: Alex Vazquez und Tim Sabat. In diesem typischen "

# 110: Kurzübersicht über CSS-Positionswerte - CSS-Tricks

# 110: Kurzübersicht über CSS-Positionswerte - CSS-Tricks

Dies ist eine kurze Übersicht über die verschiedenen CSS-Positionswerte für Anfänger. Kurz gesagt: relative ermöglicht es Ihnen, "zu stupsen" und verlässt das Element "

# 109: Verlassen von FTP und Git-Bereitstellung mit Beanstalk - CSS-Tricks

# 109: Verlassen von FTP und Git-Bereitstellung mit Beanstalk - CSS-Tricks

In diesem Screencast verschiebe ich meine eigene persönliche Website von meinen alten Live-FTP-Bearbeitungsmethoden auf ein ordnungsgemäß versioniertes System einschließlich Bereitstellung. Ich habe nicht "

# 111: Lassen Sie sich in wenigen Minuten vorverarbeiten - CSS-Tricks

# 111: Lassen Sie sich in wenigen Minuten vorverarbeiten - CSS-Tricks

In dieser schönen neuen Welt der Vorverarbeitung gibt es nichts zu befürchten. Native Apps machen es so einfach, dass es ein wesentlicher Bestandteil jeder modernen "

# 10: Feste Breite, Flüssigkeitsbreite und elastische Breite - CSS-Tricks

# 10: Feste Breite, Flüssigkeitsbreite und elastische Breite - CSS-Tricks

Es gibt drei verschiedene Arten von Layouts für Websites: Feste Breite, Flüssigkeitsbreite und Elastische Breite. In diesem Screencast schauen wir uns all diese drei "

# 108: Verwenden von Chartwell - CSS-Tricks

# 108: Verwenden von Chartwell - CSS-Tricks

Chartwell ist eine Schriftart speziell zum Erstellen einfacher und schöner Kreisdiagramme, Balkendiagramme und Liniendiagramme. Es ist so einfach wie das Schreiben einfacher Gleichungen. "

# 107: LiveReload, eine Menüleisten-App für Präprozessoren und schnelle Entwicklung - CSS-Tricks

# 107: LiveReload, eine Menüleisten-App für Präprozessoren und schnelle Entwicklung - CSS-Tricks

LiveReload ist eine reine Mac-Menüleisten-App, die für Webentwickler sehr hilfreich ist. Sagen Sie ihm einfach, er soll sich einen bestimmten Ordner ansehen, und wenn eine Datei gespeichert wird, wird die "

# 103: Integration von FitVids.js in WordPress - CSS-Tricks

# 103: Integration von FitVids.js in WordPress - CSS-Tricks

Das Standard-WordPress-Theme zum Zeitpunkt dieses Screencasts ist TwentyEleven, ein wunderbar einfaches und ansprechendes Design. Das heißt, bis wir eine tolle "

# 106: Verwenden Sie BrowserStack für webbasierte Live-Cross-Browser-Tests - CSS-Tricks

# 106: Verwenden Sie BrowserStack für webbasierte Live-Cross-Browser-Tests - CSS-Tricks

Es gibt viele Tools, mit denen Sie Screenshots von Websites in verschiedenen Browsern anzeigen können, um das Testen zu erleichtern. Aber ein Screenshot fehlt in vielerlei Hinsicht: nein "

# 105: SpriteCow verwenden - CSS-Tricks

# 105: SpriteCow verwenden - CSS-Tricks

In dem ich ein reales Beispiel für einen Ort nehme, von dem ich wusste, dass die Verwendung von Sprites eine gute Idee wäre, erstellen Sie das Sprite von Hand in Photoshop (meine bevorzugte Methode) und "

# 104: Kurztipp: Verwenden Sie Dropbox, um eine öffentliche URL für alles zu erstellen CSS-Tricks

# 104: Kurztipp: Verwenden Sie Dropbox, um eine öffentliche URL für alles zu erstellen CSS-Tricks

Speichern Sie die Website einfach über den Browser (in Firefox erhalten Sie eine HTML-Datei und alle Ressourcen), legen Sie sie in Ihrem öffentlichen Ordner ab und klicken Sie mit der rechten Maustaste auf "

# 102: Braindump über Responsive Web Design - CSS-Tricks

# 102: Braindump über Responsive Web Design - CSS-Tricks

In dem ich die Grundlagen dessen, was "responsives Webdesign" bedeutet, zeige und erkläre. Dann gehe ich überall hin und zeige Beispiele, verwandte "

# 100: Schreiben wir Semantic Markup - CSS-Tricks

# 100: Schreiben wir Semantic Markup - CSS-Tricks

Wir verbringen eine ganze Stunde damit, uns ein Photoshop-Design anzusehen und ein HTML5-Markup zu schreiben, das beschreibt, was wir sehen. Wir versuchen so semantisch wie möglich zu sein und diskutieren "

# 101: Lass uns gemeinsam an GitHub saugen - CSS-Tricks

# 101: Lass uns gemeinsam an GitHub saugen - CSS-Tricks

Sie wissen wahrscheinlich ziemlich genau, warum die Verwendung der Versionskontrolle eine gute Sache ist. Falls Sie es nicht sind, gehe ich das in diesem Video schnell durch. Dann kommen wir in "

# 98: Bau des Almanachs, Teil 1 - CSS-Tricks

# 98: Bau des Almanachs, Teil 1 - CSS-Tricks

Dies ist eine ganz besondere EMPIRE STRIKES BACK-Folge der v10-Redesign-Serie! Alles fängt gut an. Wir fangen an, einige Dinge zu verschieben "

# 99: Den Almanach bauen, Teil 2 - CSS-Tricks

# 99: Den Almanach bauen, Teil 2 - CSS-Tricks

Dies ist eine ganz besondere Folge von RETURN OF THE JEDI der v10-Redesign-Serie! Wir haben den letzten Screencast völlig besiegt gelassen. Wir haben versucht zu verwenden "

# 97: Photoshopping des Almanachs - CSS-Tricks

# 97: Photoshopping des Almanachs - CSS-Tricks

Der Almanach wurde in Version 9 gestartet und ist nie ganz fertig geworden. Es wird jedoch jeden Tag näher und näher. Also werden wir in v10 um das "

# 96: Vorlagen für Suchergebnisse - CSS-Tricks

# 96: Vorlagen für Suchergebnisse - CSS-Tricks

Suche funktioniert! Es ist nur die Vorlage, auf der Sie landen, nicht ganz richtig. Wir müssen die Vorlage optimieren, damit sie richtig aussieht und dem Stil des "

# 92: Erstellen der einzelnen Galerieseiten - CSS-Tricks

# 92: Erstellen der einzelnen Galerieseiten - CSS-Tricks

Von hier aus müssen wir ein kleines Photoshop-Modell erstellen, während wir die Vorlage für die einzelne Galerieseite weiter erstellen. Zuerst haben wir das Next "

# 94: Google Custom Search Setup - CSS-Tricks

# 94: Google Custom Search Setup - CSS-Tricks

Der Suchbereich in der Kopfzeile "funktioniert", indem er entworfen wurde, und Sie können ihn öffnen und schließen und so weiter. Aber es wird eigentlich nicht gesucht "

# 93: Ein Versuch, Galerieseiten reibungslos zu laden - CSS-Tricks

# 93: Ein Versuch, Galerieseiten reibungslos zu laden - CSS-Tricks

Wir haben die ganze Zeit in unserem statischen Modell damit verbracht, ein cleveres JavaScript zu erstellen, mit dem die Bilder in der Galerie "reibungslos geladen" werden können. Jetzt, wo wir das echte "

# 95: JavaScript für mehrere benutzerdefinierte Google-Suchmaschinen - CSS-Tricks

# 95: JavaScript für mehrere benutzerdefinierte Google-Suchmaschinen - CSS-Tricks

Alle unsere benutzerdefinierten Google-Suchmaschinen sind eingerichtet (wir haben für jeden Abschnitt der Website eine andere eingerichtet). Unsere Benutzeroberfläche für die Suche ist einsatzbereit. Wir haben"