# 156: Starten der Site, Teil 1 - CSS-Tricks

Anonim

Dies ist der große Moment! Wir haben eine Liste von Dingen, von denen wir wissen, dass wir sie tun müssen, und wir werden einfach damit beginnen und diese Seite live schalten.

Die vielleicht auffälligste Änderung (letzte Sekunde vor dem Start) bestand darin, die kleinen farbigen Quadrate oben links in den Modulen zu verlieren und sie im Wesentlichen über die Oberseite jedes Moduls zu erweitern, um einen Balken zu bilden. Weniger zufällig, aussagekräftiger, mehr Farbe.

Wir machen ein letztes Commit für das Git Repo und schieben es live hoch. Wir gehen schnell zu Beanstalk und beobachten buchstäblich, wie die Dateien auf den Live-Server verschoben werden.

Wir gehen in WordPress über und aktivieren das Live-Thema unter den Darstellungseinstellungen.

Wir leeren den Cache lokal, um sicherzustellen, dass niemand Ressourcen-Dateien aus dem alten Design erhält.

Wir bemerken ein Schriftartenproblem, wenn wir die Site in Firefox überprüfen, aber wir behalten den Preis im Auge, indem wir einfach ohne Checkliste vorwärts gehen. Kleine Fehler können im Laufe der Zeit behoben werden.

Wir gehen zu NetDNA (unserem CDN) und leeren dort auch den Cache, um sicherzustellen, dass niemand alte Ressourcen erhält. Letztendlich unterscheiden sich die Dateipfade und -namen in diesem neuen Design, sodass kein großes Risiko besteht, aber es lohnt sich trotzdem.

Wir gehen in die Foren und aktivieren dort auch das neue Thema. Wir müssen uns letztendlich über FTP anmelden, um die Konfigurationsdatei zu ändern und Markdown in den Foren zu aktivieren. Wir tun dies über FTP, nur weil wir aus Sicherheitsgründen die Konfigurationsdatei, die Daten wie Datenbankanmeldeinformationen enthält, nicht versionieren.

Wir gehen wieder in den WordPress-Administrator und veröffentlichen den Beitrag, in dem es um das neue Design geht. Gute Praxis, oder? Könnte auch eine öffentliche Erklärung des neuen Designs haben, sobald es herauskommt. Wenn die Leute verwirrt sind, gibt es etwas, das sie finden und lesen können.

Wir aktivieren und deaktivieren einige Plugins, die für dieses neue Design spezifisch sind oder nur für die Entwicklung vorgesehen sind.

Wir haben einen schnellen Moment, in dem es den Anschein hat, als würde die Site nicht live gerendert. Unsere Verhinderungs-FOUT-Technik hat die gesamte Seite ausgeblendet und darauf gewartet, dass Typekit-Schriftarten geladen werden, und Typekit war langsam. Wir müssen das FOUT-Präventionsmaterial entfernen oder etwas anderes tun.

Wir gehen unsere Startliste durch und nehmen Optimierungen nach Optimierungen vor, um auf kleine Dinge zu reagieren, die aktualisiert werden müssen. Ein paar harte Momente, aber nicht schlecht. Immerhin arbeiten wir seit Monaten an diesem Design und sind ziemlich zufrieden damit.