Video-Screencasts 2025, April

# 018 - Fußzeile - CSS-Tricks

# 018 - Fußzeile - CSS-Tricks

Hierbei handelt es sich um die einfachste Fußzeile, die jemals auf einer Website angezeigt wurde. Es wird ein Copyright-Symbol mit Jeffs Namen sein (Es ist immer schön, denke ich, den Namen des "

# 016 - Heimnavigation, Teil 2 - CSS-Tricks

# 016 - Heimnavigation, Teil 2 - CSS-Tricks

Wir haben einen guten Start in die Homepage-Navigation, aber es gibt noch einige Styling-Dinge, die noch erledigt werden müssen. Wir beginnen damit, den Inhalt selbst zu vervollständigen. "

# 017 - Heimnavigation, Teil 3 - CSS-Tricks

# 017 - Heimnavigation, Teil 3 - CSS-Tricks

Wir sind fast fertig mit der Homepage-Navigation, aber unter unserem Schieberegler und über der Navigation selbst befindet sich ein seltsamer Bereich. Wir wollen herausfinden "

# 015 - Homepage-Navigation, Teil 1 - CSS-Tricks

# 015 - Homepage-Navigation, Teil 1 - CSS-Tricks

Wir haben einen Plan für die Navigation auf der Startseite, wir müssen ihn nur im Code erledigen. Homepage-Navigation, sage ich konkret, weil dies wahrscheinlich nur "

# 014 - Positionieren des Schiebereglers - CSS-Tricks

# 014 - Positionieren des Schiebereglers - CSS-Tricks

Der Schieberegler funktioniert! Es ist jedoch nicht genau so platziert, wie wir es in unserer Photoshop-Datei entworfen haben. Wir brauchen mehr Platz darunter, um mehr von der Haupt- "

# 013 - Den Schieberegler optimieren - CSS-Tricks

# 013 - Den Schieberegler optimieren - CSS-Tricks

Der Schieberegler ist implementiert und funktioniert. Es sieht einfach nicht so aus, wie wir ihn entworfen haben. Wir gehen durch den Prozess des Entfernens von HTML und CSS, die wir "

# 012 - Slider Foundations - CSS-Tricks

# 012 - Slider Foundations - CSS-Tricks

Wir entscheiden uns für den RoyalSlider für den Slider auf der Homepage. Ich bin schon lange ein Fan des AnythingSlider, weil ich Teil seiner Kreation war und ich "

# 010 - CodeKit für großen Erfolg - CSS-Tricks

# 010 - CodeKit für großen Erfolg - CSS-Tricks

In diesem Screencast hat CodeKit begonnen, unser Projekt anzusehen. Dies erleichtert viele Entwickleraufgaben erheblich. Das erste was wir tun ist uns "

# 008 - Geben Sie uns einen Neuanfang mit einem sauberen Thema, Teil 1 - CSS-Tricks

# 008 - Geben Sie uns einen Neuanfang mit einem sauberen Thema, Teil 1 - CSS-Tricks

Wir werden bald aufhören, uns die alte Seite hier anzusehen. Das ist das letzte Mal! Unser Plan jetzt, da wir eine richtige lokale Entwicklungsumgebung haben, ist zu geben "

# 011 - Die Kopfzeile und benutzerdefinierten Schriftarten über TypeKit - CSS-Tricks

# 011 - Die Kopfzeile und benutzerdefinierten Schriftarten über TypeKit - CSS-Tricks

Wir haben Proxima Nova als Hauptschrift für Jeffs Website ausgewählt. Es ist heutzutage verdammt beliebt, aber es sieht gut aus mit Jeffs Arbeit. Einfach,"

# 009 - Geben Sie uns einen Neuanfang mit einem sauberen Thema, Teil 2 - CSS-Tricks

# 009 - Geben Sie uns einen Neuanfang mit einem sauberen Thema, Teil 2 - CSS-Tricks

Wir sind gerade dabei, unser WordPress-Theme auf so wenig wie möglich zu reduzieren. Wir machen uns keine Sorgen um das Design, das wir erreichen wollen. "

# 007 - Einrichten der lokalen Entwicklungsumgebung - CSS-Tricks

# 007 - Einrichten der lokalen Entwicklungsumgebung - CSS-Tricks

Wir möchten vor Ort arbeiten, während wir an diesem Projekt arbeiten. Nur ein paar Gründe: Es ist schnell. Wir können von überall offline arbeiten. Wir arbeiten an einem vollständigen "

# 006 - Photoshopping Mobile, Teil 2 - CSS-Tricks

# 006 - Photoshopping Mobile, Teil 2 - CSS-Tricks

Wir haben den "Header" des Designs eingerichtet, wir müssen nur den Rest der Seite herausfinden. Wir haben eine Liste der wichtigsten Ziele, die wir erreichen wollen. "

# 005 - Photoshopping Mobile, Teil 1 - CSS-Tricks

# 005 - Photoshopping Mobile, Teil 1 - CSS-Tricks

Wir beginnen mit dem Öffnen unserer Photoshop-Datei. Der ziemlich albern aussehende "längliche" iPhone-Screenshot, der uns einfach zuerst eine Leinwand im Handy gibt "

# 004 - Eine Photoshop-Leinwand - CSS-Tricks

# 004 - Eine Photoshop-Leinwand - CSS-Tricks

Aus dem letzten Video wissen wir, dass wir fünf wichtige Punkte berücksichtigen müssen, wenn wir mit dem Design dieser Website beginnen. Wir werden diese als "

# 003 - Erste Client-Kommunikation - CSS-Tricks

# 003 - Erste Client-Kommunikation - CSS-Tricks

In diesem Screencast spreche ich darüber, wie die Kommunikation zwischen mir und Jeff war, als er mir zum ersten Mal eine E-Mail über den Wunsch schickte, die Website neu zu gestalten. Das"

# 001 - Einführung in die Serie - CSS-Tricks

# 001 - Einführung in die Serie - CSS-Tricks

Hallo, alle miteinander! Willkommen zur kompletten Serie zum Erstellen einer mobilen Website für Erstkünstler mit WordPress. Dies ist etwas anders als die letzte Serie "