# 156: Avvio del sito, parte 1 - Trucchi CSS

Anonim

Questo è il grande momento! Abbiamo un elenco di cose che sappiamo di dover fare e inizieremo a farle per rendere attivo questo sito.

Forse il cambiamento più evidente (l'ultima seconda cosa prima di andare in diretta) è stato finalmente perdere i quadratini colorati in alto a sinistra dei moduli ed essenzialmente estenderli attraverso la parte superiore di ogni modulo formando una barra. Meno casuale, più descrittivo, più colore.

Facciamo un ultimo commit in Git Repo e lo pubblichiamo dal vivo. Passiamo rapidamente a Beanstalk e guardiamo letteralmente i file spostarsi sul server live.

Andiamo su WordPress e attiviamo il tema live nelle Impostazioni dell'aspetto.

Svuotiamo la cache localmente per assicurarci che nessuno riceva file di risorse serviti dal vecchio design.

Notiamo un problema di font quando controlliamo il sito in Firefox, ma teniamo d'occhio il premio semplicemente andando avanti senza checklist. Piccoli bug possono essere risolti nel tempo.

Andiamo su NetDNA (il nostro CDN) e svuotiamo la cache anche lì, assicurandoci inoltre che nessuno stia ottenendo vecchie risorse. In definitiva, i percorsi ei nomi dei file sono diversi in questo nuovo design, quindi non c'è un rischio enorme, ma vale comunque la pena farlo.

Andiamo nei forum e lì attiviamo anche il nuovo tema. Alla fine dobbiamo accedere tramite FTP per modificare il file di configurazione per abilitare Markdown nei forum. Lo facciamo tramite FTP solo perché per sicurezza non controlliamo la versione del file di configurazione che contiene cose come le credenziali del database.

Entriamo di nuovo nell'amministratore di WordPress e pubblichiamo il post che riguarda il nuovo design. Buona pratica, vero? Tanto vale avere una spiegazione pubblica del nuovo design non appena esce, quindi se le persone sono confuse c'è qualcosa da trovare e leggere.

Attiviamo e disattiviamo alcuni plugin che sono specifici per questo nuovo design o che erano solo per lo sviluppo.

Abbiamo un rapido momento emozionante in cui sembra che il sito non sia visualizzato dal vivo. La nostra tecnica di prevenzione FOUT nascondeva l'intera pagina in attesa del caricamento dei caratteri Typekit e Typekit era lento. Dovremo rimuovere quella roba di prevenzione FOUT o fare qualcosa di diverso.

Esaminiamo la nostra lista di lancio e apportiamo modifiche dopo modifiche reagendo a piccole cose che notiamo che devono essere aggiornate. Alcuni momenti difficili, ma non troppo male. Dopotutto, lavoriamo su questo progetto da mesi ormai e ci sentiamo abbastanza a nostro agio.