Video-Screencasts 2025, April

# 24: Abgerundete Ecken - CSS-Tricks

# 24: Abgerundete Ecken - CSS-Tricks

Hier sind FÜNF verschiedene Techniken, mit denen Sie abgerundete Ecken für Felder auf einer Website erstellen können. Es gibt immer verschiedene Möglichkeiten, Dinge mit CSS zu tun und "

# 23: Bedingte Stylesheets - CSS-Tricks

# 23: Bedingte Stylesheets - CSS-Tricks

Internet Explorer bietet eine Möglichkeit, CSS-Stilinformationen speziell für die verschiedenen Versionen zu verwenden. Diese "bedingten Stylesheets" sind die besten "

# 22: Schneiden von Beschneidungspfaden - CSS-Tricks

# 22: Schneiden von Beschneidungspfaden - CSS-Tricks

Wir sind diese Woche wieder in Photoshop, weil ich ein wenig über eine ganz bestimmte Fähigkeit sprechen wollte, die meiner Meinung nach für alle Designer wichtig ist. Das ist"

# 20: Einführung in jQuery - CSS-Tricks

# 20: Einführung in jQuery - CSS-Tricks

Die beliebte JavaScript-Bibliothek jQuery ist eine erstaunliche Möglichkeit, die Gestaltungsmöglichkeiten Ihrer Website über die Möglichkeiten von CSS hinaus zu erweitern. Aber zum Glück, wenn Sie "

# 21: Exemplarische Vorgehensweise für das Kontaktformular - CSS-Tricks

# 21: Exemplarische Vorgehensweise für das Kontaktformular - CSS-Tricks

In gewisser Weise ist das Kontaktformular "Hallo Welt!" Anwendung von Webdesignern und Webentwicklern. Es ist nichts, was vor einem "

# 199: Mit JSX spielen - CSS-Tricks

# 199: Mit JSX spielen - CSS-Tricks

Ich hätte das wahrscheinlich schon vor langer Zeit lernen sollen, aber leider sind wir hier. Es stellt sich heraus, dass Sie festlegen können, welche Funktion JSX verwenden soll. Ja, JSX hat wirklich nur "

# 194: Jetpacks soziale Integration - CSS-Tricks

# 194: Jetpacks soziale Integration - CSS-Tricks

Mit Jetpack können Sie die sozialen Medien Ihrer Website automatisieren. Es ist eine ziemlich kleine Funktion im Vergleich zu all den großen Dingen, die Jetpack leisten kann, wie zum Beispiel die Verbesserung Ihrer Website. "

# 1: Konvertieren eines Photoshop-Modells (Teil 1 von 3) - CSS-Tricks

# 1: Konvertieren eines Photoshop-Modells (Teil 1 von 3) - CSS-Tricks

In diesem allerersten Video-Podcast starte ich den Konvertierungsprozess eines Adobe Photoshop-Modells einer Website in eine echte CSS-basierte Live-Website. Das ist"

# 180: Basteln mit Video auf dem Handy - CSS-Tricks

# 180: Basteln mit Video auf dem Handy - CSS-Tricks

Faire Warnung: Ich bin kein Experte für dieses Zeug, ich spiele nur mit Videos im Web herum und gehe auf einige Probleme ein, die ich habe, wenn ich Videoclips in "

# 196: Lernen von Grid & Flexbox mit Kyle Simpson - CSS-Tricks

# 196: Lernen von Grid & Flexbox mit Kyle Simpson - CSS-Tricks

Kyle ist ein JavaScript-Typ. Er weiß viel über das Web und auch viel über CSS, ist aber bei modernen CSS-Layout-Tools wie Flexbox und "nicht so aktuell."

# 197: Ein Blick auf Stackbit und Stackbit Studio - CSS-Tricks

# 197: Ein Blick auf Stackbit und Stackbit Studio - CSS-Tricks

Mit der Stackbit-App können Sie sehr schnell eine neue Jamstack-Site starten. Wählen Sie ein Thema, einen statischen Site-Generator und ein CMS aus, damit ein Repo für Sie erstellt wird. "

# 198: Über die Positionseigenschaft - CSS-Tricks

# 198: Über die Positionseigenschaft - CSS-Tricks

Statisch: Der Standard-Relativ: Ermöglicht es Ihnen, mit oben / rechts / unten / links herumzustupsen, damit der Z-Index funktioniert. So erhalten Sie einen absoluten Positionierungskontext: "

# 19: Entwerfen einer einzigartigen Seite für Twitter-Updates - CSS-Tricks

# 19: Entwerfen einer einzigartigen Seite für Twitter-Updates - CSS-Tricks

Diese Woche führe ich Sie durch die Erstellung einer einfachen Webseite, auf der Ihre letzten "Tweets" von Twitter von Anfang bis Ende angezeigt werden. Dies umfasst das Design in "

# 178: Percy fängt visuelle Änderungen in jedem Workflow ab - CSS-Tricks

# 178: Percy fängt visuelle Änderungen in jedem Workflow ab - CSS-Tricks

Ich wollte sicherstellen, dass Sie genau verstehen, was Percy für Sie tun kann, daher der Titel. Wenn Sie eine Änderung an Ihren Websites vornehmen, wird das Git-Repo wie in einem "

# 195: Zeichnen einer Linie mit CSS - CSS-Tricks

# 195: Zeichnen einer Linie mit CSS - CSS-Tricks

Dumm einfach, oder? Es ist! Aber es macht Spaß, ein paar Minuten darüber nachzudenken und eine Reihe verschiedener Möglichkeiten zu zählen, wie wir es tun könnten. Und was meine ich mit einem "

# 193: Scully: die SSG für Angular - CSS-Tricks

# 193: Scully: die SSG für Angular - CSS-Tricks

Tara Z. Manicsic hat sich mir für dieses Video angeschlossen und die Grundlagen von Scully, einem statischen Site-Generator für Angular - nay, der SSG für "

# 192: Git-Tricks, um Probleme zu lösen - CSS-Tricks

# 192: Git-Tricks, um Probleme zu lösen - CSS-Tricks

So erstaunlich Git für den Umgang mit Ihrem Quellcode ist, Sie können sicher sein, dass Sie selbst in Schwierigkeiten geraten. Was ist, wenn Sie eine Datei ändern und "

# 169: Wie man wie ein Front-End-Entwickler denkt - CSS-Tricks

# 169: Wie man wie ein Front-End-Entwickler denkt - CSS-Tricks

Dies ist ein Video von meinem Vortrag im WordCamp US. Werfen wir einen Blick darauf, wie die Front-End-Entwicklung heutzutage geworden ist. Ausgehend von der Rolle, wo "

# 188: Erkunden des überlappenden Header-Musters - CSS-Tricks

# 188: Erkunden des überlappenden Header-Musters - CSS-Tricks

Snook veröffentlichte einen Artikel mit dem Titel "Überlappender Header mit CSS-Raster", in dem er sich mit einem Header-Designmuster befasst, das meiner Meinung nach über Trends hinausgeht und "

# 189: Begriff für den persönlichen und öffentlichen Gebrauch - CSS-Tricks

# 189: Begriff für den persönlichen und öffentlichen Gebrauch - CSS-Tricks

Dies ist das letzte Video in unserer kleinen Serie zur Verwendung von Notion. Wir haben erläutert, wie großartig Notion für die Arbeit in Webentwicklungsteams ist. Aber noch etwas "

# 187: Begriff für Teambesprechungen & Dokumentation - CSS-Tricks

# 187: Begriff für Teambesprechungen & Dokumentation - CSS-Tricks

Dies ist das zweite Video in einer 3-Video-Serie zur Verwendung von Notion. In Teil 1 haben wir viel darüber gesprochen, was Notion ist, wie es für jedes Team und jedes Web großartig ist. "

# 184: Inside & Aligned Lists - CSS-Tricks

# 184: Inside & Aligned Lists - CSS-Tricks

Die Tatsache, dass Listen ihre Markierungen (standardmäßig) außerhalb ihrer eigenen Box rendern, ist etwas seltsam. Jeder versteckte Überlauf oder Überhang am Rand des "

# 18: Einführung in die Band-Website-Vorlage - CSS-Tricks

# 18: Einführung in die Band-Website-Vorlage - CSS-Tricks

Ich habe kürzlich ein Nebenprojekt namens Band Website Template veröffentlicht. Dies ist nur eine kurze Tour, in der erklärt wird, warum es gebaut wurde und warum ich es denke. "

# 185: Spielen mit CSS-Masken - CSS-Tricks

# 185: Spielen mit CSS-Masken - CSS-Tricks

Das Maskieren in CSS ist eine Möglichkeit, Teile des Elements auszublenden und andere anzuzeigen. Ein anderer ist der Clip-Pfad, aber konzentrieren wir uns heute nicht darauf. "Masken sind Bilder; Clips"

# 183: Art Directing Images, das Bildelement und Bild-CDNs - CSS-Tricks

# 183: Art Directing Images, das Bildelement und Bild-CDNs - CSS-Tricks

Es ist ein bonafide Phänomen! Ich spreche von der Idee von Image-Hosting-Diensten, mit denen Sie die URL zum Bild bearbeiten können, um sie zu transformieren. "

# 186: Begriff für Webentwicklungsteams - CSS-Tricks

# 186: Begriff für Webentwicklungsteams - CSS-Tricks

Ich bin ein großer Fan von Notion, insbesondere, um Teams synchron zu halten. Ich arbeite in Entwicklerteams und finde, dass es dafür besonders gut funktioniert. Hätte ich"

# 182: Babys erster Vue SFC - CSS-Tricks

# 182: Babys erster Vue SFC - CSS-Tricks

SFC wie in "Single File Component", was Vue anbietet und Vue-Leute zu lieben scheinen. Ich habe in meinen Tagen sehr wenig Vue geschrieben, aber ich bin ein Fan! "

# 181: Stöbern in HTML-Listen - CSS-Tricks

# 181: Stöbern in HTML-Listen - CSS-Tricks

Ich hatte neulich ein dummes kleines Problem, bei dem eine verschachtelte Liste nicht den richtigen Abstand hatte. Ich habe nur den unteren Rand der Listenelemente hinzugefügt und "

# 179: Ein Gitter von Quadraten - CSS-Tricks

# 179: Ein Gitter von Quadraten - CSS-Tricks

Die Verwendung eines CSS-Rasters zum Erstellen eines Rasters ist der springende Punkt. Aber was ist, wenn Sie möchten, dass alle diese Rasterelemente ein Seitenverhältnis wie ein 1: 1-Quadrat beibehalten? Es ist"

# 176: Arbeiten mit Framer Motion - CSS-Tricks

# 176: Arbeiten mit Framer Motion - CSS-Tricks

Matt Perry von Framer und ich werfen einen Blick auf die React-Animationsbibliothek Framer Motion. Zunächst schauen wir uns an, wie einfach die API ist. Du kontrollierst "