Video-Screencasts 2025, April

04: Warum SVG? Klein. - CSS-Tricks

04: Warum SVG? Klein. - CSS-Tricks

Die Größe einer SVG-Datei hängt davon ab, wie komplex sie ist und nicht davon, wie "groß" sie ist. Denken Sie daran, SVGs ist es egal, in welcher Größe sie gerendert werden, sie sind "

08: SVG verwenden: iframe / object / embedded - CSS-Tricks

08: SVG verwenden: iframe / object / embedded - CSS-Tricks

Verzeihen Sie mir, wenn ich mit diesen Methoden ein bisschen fertig bin. Ich bin noch nie auf einen Anwendungsfall gestoßen, bei dem sie definitiv der richtige Weg sind. Es gab eine Zeit, in der das "

03: Warum SVG? Flexibel. - CSS-Tricks

03: Warum SVG? Flexibel. - CSS-Tricks

Wir haben gerade erfahren, dass SVGs optisch scharf aussehen. SVGs sind auch flexibel. Das ist nicht wirklich einzigartig für Elemente im Web, aber was einzigartig ist, ist, dass sie "

06: SVG verwenden - SVG als Hintergrundbild - CSS-Tricks

06: SVG verwenden - SVG als Hintergrundbild - CSS-Tricks

SVG-Bilder können ebenso wie PNG, JPG.webp oder GIF auch als Hintergrundbild in CSS verwendet werden. .element (Hintergrundbild: URL (/images/image.svg);) Trotzdem "

# 29: Produktion fertig machen - CSS-Tricks

# 29: Produktion fertig machen - CSS-Tricks

Wir werden es in diesem Screencast wieder zu einem normalen Texteditor bringen, genau wie wir angefangen haben. In einer "realen Welt" sind diese Dinge wahr: Sie "

07: SVG verwenden - Inline-SVG - CSS-Tricks

07: SVG verwenden - Inline-SVG - CSS-Tricks

Vielleicht ist der beste Weg, SVG zu verwenden, "Inline-SVG" - das heißt, SVG-Code direkt in Ihren HTML-Code einzufügen. Es funktioniert super! Siehe den Stift gpcDi von Chris Coyier "

02: Warum SVG? Schärfe. - CSS-Tricks

02: Warum SVG? Schärfe. - CSS-Tricks

Ich möchte zu Beginn dieses Kurses betonen, warum die Verwendung von SVG so überzeugend ist. Vielleicht der überzeugendste Grund für Designer: Sie sehen aus "

# 30: Serienübersicht - CSS-Tricks

# 30: Serienübersicht - CSS-Tricks

Du hast es geschafft! Vielen Dank für den Kurs. Ich hoffe, Sie haben genug über jQuery und JavaScript gelernt, dass Ihr Vertrauen in jQuery gestiegen ist und "

# 28: Erstellen eines komplexeren Plugins - CSS-Tricks

# 28: Erstellen eines komplexeren Plugins - CSS-Tricks

Nachdem wir die Grundlagen der Plugin-Entwicklung verstanden haben, können wir etwas tiefer gehen. Da letztendlich ein Plugin eine Funktion ist, bietet es uns den Umfang "

# 27: Erstellen eines einfachen jQuery-Plugins - CSS-Tricks

# 27: Erstellen eines einfachen jQuery-Plugins - CSS-Tricks

Nachdem wir uns nun mit der Verwendung von jQuery-Plugins befasst haben, lohnt es sich unbedingt zu verstehen, wie diese ebenfalls erstellt werden. Wir haben bereits kurz darauf hingewiesen, dass "

# 26: Verwenden eines jQuery-Plugins aus der Wildnis - CSS-Tricks

# 26: Verwenden eines jQuery-Plugins aus der Wildnis - CSS-Tricks

Jeder hat ein super cooles jQuery-Plugin im wilden Internet gesehen, oder? Vielleicht haben Sie sich nur dafür interessiert, tatsächlich mehr zu lernen "

# 25: Organisieren! - CSS-Tricks

# 25: Organisieren! - CSS-Tricks

Wir haben bisher ziemlich gute Arbeit geleistet, um uns zu organisieren. Es war ein großer Schritt, unseren HTML-Code in eine Vorlage zu integrieren. Wir trüben das Wasser länger, um "

# 24: Vorlagen mit Unterstrich - CSS-Tricks

# 24: Vorlagen mit Unterstrich - CSS-Tricks

Im letzten Video haben wir das Schablonieren mit Lenkern behandelt. Der Lenker ist jedoch nicht die einzige Vorlagenlösung auf dem Block. In diesem Video verwenden wir das "

# 23: Vorlagen mit Lenker - CSS-Tricks

# 23: Vorlagen mit Lenker - CSS-Tricks

Wir haben im letzten Video mit ein bisschen Wirrwarr aufgehört. Alles in einem JavaScript-Block mischten wir Datenabruf, Anzeige und Geschäftslogik und "

# 21: Einfach die Klassen wechseln! - CSS-Tricks

# 21: Einfach die Klassen wechseln! - CSS-Tricks

Wenn Sie aus dieser Serie etwas über die Philosophie der Front-End-Architektur lernen, lernen Sie diese. Wechseln Sie einfach die Klassen. In diesem Screencast geht es los "

# 22: Die Notwendigkeit der Vorlage - CSS-Tricks

# 22: Die Notwendigkeit der Vorlage - CSS-Tricks

Vorlagen sind ein wichtiger Bestandteil der Arbeit mit JavaScript-Anwendungen. Es ist ziemlich üblich, dass Daten für Sie verfügbar sind, jedoch nicht in einem Format, das "

# 19: Es ist nur JavaScript - CSS-Tricks

# 19: Es ist nur JavaScript - CSS-Tricks

Eine Sache, die ich in dieser Serie unbedingt klarstellen möchte, ist, dass keiner von uns Anti-Vanille-JavaScript sein sollte. "Vanille" bedeutet "roh" oder "einheimisch" "

# 17: POST mit Ajax - CSS-Tricks

# 17: POST mit Ajax - CSS-Tricks

Wir haben im letzten Video über GET gesprochen, aber POST nicht genug Aufmerksamkeit geschenkt. Also dachte ich, wir würden das hier machen. Der große Unterschied zu POST ist, dass Sie "

# 15: Verkettung - CSS-Tricks

# 15: Verkettung - CSS-Tricks

Wir haben jetzt einige Male über kleine Details in der jQuery-API gesprochen, die wirklich sehr nett sind. Alles ist gut überlegt und verfeinert. Verkettung"

# 18: Ajax und JSON - CSS-Tricks

# 18: Ajax und JSON - CSS-Tricks

Es besteht eine gute Chance, dass in der "realen Welt" die Nummer 1, für die Sie Ajax verwenden, das Senden und Empfangen von JSON-Daten ist. Und das aus gutem Grund. JSON nicht "

# 16: Einführung in Ajax - CSS-Tricks

# 16: Einführung in Ajax - CSS-Tricks

Ajax steht dort oben auf den wichtigsten Gründen für die Verwendung von jQuery ziemlich weit oben. JQuery behebt nicht nur die browserübergreifenden Probleme, sondern macht die Syntax auch sehr einfach. "

# 20: Daten! Daten-*! .Daten()! .attr (Daten- *)! - CSS-Tricks

# 20: Daten! Daten-*! .Daten()! .attr (Daten- *)! - CSS-Tricks

Daten. In der Welt von jQuery dreht sich alles um Informationen, die direkt an Elemente angehängt werden (und nicht um eine Variable, deren Aufgabe nur "

# 14: Benutzerdefinierte Ereignisse - CSS-Tricks

# 14: Benutzerdefinierte Ereignisse - CSS-Tricks

Da wir gerade über Ereignisse gesprochen haben, ist jetzt ein guter Zeitpunkt, um benutzerdefinierte Ereignisse zu erwähnen. Alle Ereignisse, über die wir bisher gesprochen haben, sind "echte" Ereignisse.

# 13: Einführung in Ereignisse - CSS-Tricks

# 13: Einführung in Ereignisse - CSS-Tricks

Die Behandlung von Ereignissen ist ein weiterer wichtiger Grund für die Verwendung von jQuery. Es gibt einige browserübergreifende Unterschiede in der Vorgehensweise, die jQuery zu einem normalisiert. "

# 11: Animieren mit jQuery - CSS-Tricks

# 11: Animieren mit jQuery - CSS-Tricks

Wenn Sie sich vor vielen Jahren zum ersten Mal mit jQuery beschäftigt haben, war es möglicherweise die Fähigkeit, Animationen zu erstellen. Das war vielleicht einer der ersten großen Draws von jQuery. Diese"

# 12: Rückruffunktionen - CSS-Tricks

# 12: Rückruffunktionen - CSS-Tricks

Jedermanns Favorit: Konzeptvideozeit! Rückrufe sind ein wichtiges Konzept in JavaScript. Sie sind Funktionen, die aufgerufen werden, wenn eine Aktion "

# 09: Getter und Setter - CSS-Tricks

# 09: Getter und Setter - CSS-Tricks

Das Konzept der Getter und Setter in JavaScript ist nur eines der Dinge, die Sie verstehen sollten. Sie sind nett in jQuery, weil die API so ist "

# 10: Explizite vs implizite Iteration - CSS-Tricks

# 10: Explizite vs implizite Iteration - CSS-Tricks

Ein weiteres Konzeptvideo! Dies ist "nur eines dieser Dinge", die Sie in jQuery verstehen müssen. Es ist tatsächlich ein bisschen einzigartig für jQuery, in diesem anderen populären "

# 07: Tu! - CSS-Tricks

# 07: Tu! - CSS-Tricks

Wie bereits erwähnt, kann jQuery als "select and do" -Bibliothek betrachtet werden. Wir haben viel über die Auswahl gesprochen, also lasst uns jetzt über einige sprechen. "