Video-Screencasts 2025, April

In diesem Screencast beschreibe ich das absolute Minimum für die Verwendung von jQuery auf einer "echten" Website. Wir haben eine index.html-Datei mit dem grundlegenden HTML5 "

Im letzten Video wurde sehr kurz darauf hingewiesen: Wie können Sie verhindern, dass der Browser nach unten springt, wenn Sie auf einen Hash-Link klicken? Das ist das Standardverhalten des Browsers. "

JQuery kann alles auswählen, was CSS3 auswählen kann. Aber es hört hier nicht auf! Es gibt eine Reihe zusätzlicher Selektoren, die jQuery anbietet (über das Sizzle "

Wir haben ein gutes Stück über Selektoren gesprochen. Ein jQuery-Selektor wie $ ("h1") wählt alle Elemente auf der Seite aus. Aber was ist mit ... wenn nicht? Hier ist ein "

In CSS können Sie alle Elemente auf der Seite folgendermaßen auswählen: h1 (/ * alle Elemente formatieren * /) In jQuery können Sie genau denselben Selektor verwenden. $ ("h1") // set "

Herzlich willkommen! Das Ziel dieses Kurses ist es, Sie, Sie schönen Front-End-Entwickler, von jemandem mit sehr wenig oder keinen jQuery- oder JavaScript-Kenntnissen zu nehmen. "

Eine Möglichkeit, sich jQuery vorzustellen, ist die Bibliothek "Select and Do". jQuery ist besonders gut darin, Elemente auf der Seite auszuwählen (Dinge im DOM) und dann "

WordPress versorgt den Kommentarbereich von Jeffs Site. Dies wird mit unseren CSS-Superkräften sehr einfach zu bereinigen sein. Wir machen eine .scss-Datei nur für Kommentare "

Es ist Zeit, diese Serie zu beenden. Es war eine lustige Fahrt! Es gibt einen Unterschied zwischen dem, was wir behandelt haben und dem, was tatsächlich läuft. "

In diesem Screencast werfen wir einen Blick auf Jeffs bestehende Website. Diese Serie ist nicht so sehr auf "Redesign" ausgerichtet wie die v10-Serie, aber es gibt eine "

Bisher haben wir größtenteils den iOS-Simulator verwendet, um die mobile Version unserer Website zu testen. Das ist ziemlich gut, viel besser als ein schmales "

Während wir die Site auf dem Desktop haben, haben wir die Homepage-Navigation auf die rechte Seite der Seite verschoben, um ein Loch auf der linken Seite für weitere "

Als wir uns damit beschäftigten, dem Homepage-Schieberegler CMS-Fähigkeiten zu verleihen, haben wir jedem Homepage-Schieberegler ein benutzerdefiniertes Feld mit einem Farbwähler zugewiesen. Das gibt uns "

Nur weil es sich um eine Mobile-First-Serie handelt, heißt das nicht, dass wir die Interaktionen von Desktop- / Laptop-Computern ignorieren können. Wir verbringen ein bisschen Zeit damit, sicherzustellen, dass "

Auf größeren Bildschirmen haben wir auf allen unseren Seiten mehr Platz. Wir haben uns auf der Homepage damit befasst, aber wir können es auch auf den anderen Unterseiten besser machen. Ein einzelner"

Am Ende haben wir einen wirklich einfachen Test, der in einen Artikel aus dem Blog geladen wird, um anzuzeigen, ob Platz vorhanden ist: // Zusätzlichen Inhalt laden, wenn genügend Platz vorhanden ist. "

Wir arbeiten daran, die Site so zu reparieren, dass sie auf "Desktop" -Bildschirmen (dh größeren Bildschirmen) immer noch gut aussieht. Die Homepage-Navigation ist eine andere Sache, die "

Wenn das Browserfenster größer wird, wird der Schieberegler oben auf der Startseite lächerlich groß. Dies ist eine mobile erste Serie, aber seit dem Handy "

Einer der fünf Hauptbereiche der Website ist die Kontaktseite. Es erfordert jedoch kaum eine Abdeckung, da wir es einfach in Wufoo gebaut haben und "

Ich dachte, wir könnten nach Ereignissen suchen, über die wir im letzten Video gesprochen haben, aber als ich den Veranstaltungsbereich ausgearbeitet habe, musste genug Code geschrieben werden. "

Da unsere beiden CMS-Erweiterungs-Plugins für Arbeitspferde installiert sind, verbringen wir einige Zeit damit, sie einzurichten. "Events" auf Jeffs Website ist ein perfektes Beispiel. Ein Event""

Wir haben einen anderen Beitragstyp, für den die richtigen benutzerdefinierten Felder angewendet werden müssen: die Homepage-Folien. So etwas wäre einfach und verlockend. "

Im letzten Video haben wir gelernt, wie Sie eine benutzerdefinierte Schleife erstellen und benutzerdefinierte Daten aus unseren benutzerdefinierten Beitragstypen und benutzerdefinierten Feldern ausgeben. Diesmal müssen wir es tun "

Wir können die "CMS" -Funktionen von WordPress wirklich mit nur ein paar Plugins erweitern: Erweiterte benutzerdefinierte Felder und Benutzeroberfläche für benutzerdefinierte Beitragstypen. Mit diesen"

Die Navigation auf der Startseite erfüllt unsere Anforderungen gut, aber es ist nicht praktisch, auf jeder Seite der Website einen riesigen Teil der Navigation zu haben. Wir brauchen "

In so ziemlich allen WordPress-Themes gibt es eine Datei namens page.php. Dies ist die Vorlage, die "Seiten" steuert - eine der Standardinhalte, die "

Es gibt nur einen Weg, um von der Homepage zum Blog-Bereich der Website zu gelangen, und zwar durch Klicken auf "Lastest Writing". Aber das bringt dich am meisten "

Die Typografie stimmt immer noch nicht ganz, daher nehmen wir uns etwas mehr Zeit, um sie anzupassen. Das lohnt sich hier, denn Header und Body "

Der Blog gibt aus, was wir wollen, aber die Typografie und das Layout sind nicht ganz da. Wir fügen hier und da ein bisschen Markup hinzu, wenn nötig "

Wir beginnen mit der Arbeit am Blog-Bereich der Website. Wir möchten den Blog-Bereich der Website unter / blog / haben - daher erstellen wir am Ende eine Seitenvorlage mit dem Namen "