# 156: De site lanceren, deel 1 - CSS-trucs

Anonim

Dit is het grote moment! We hebben een lijst met dingen waarvan we weten dat we ze moeten doen en we gaan ze gewoon gaan doen en deze site live krijgen.

Misschien wel de meest opvallende verandering (het laatste tweede ding voordat we live gingen) was dat eindelijk de kleine gekleurde vierkantjes linksboven in de modules verloren gingen en ze in wezen over de bovenkant van elke module werden uitgebreid om een ​​balk te maken. Minder willekeurig, meer beschrijvend, meer kleur.

We maken een laatste commit in de Git Repo en pushen het live. We gaan snel naar Beanstalk en zien letterlijk hoe de bestanden naar de live server worden verplaatst.

We gaan over naar WordPress en activeren het live-thema onder de Uiterlijkinstellingen.

We spoelen de cache lokaal door om er zeker van te zijn dat niemand de hulpbronnenbestanden van het oude ontwerp krijgt aangeboden.

We merken een lettertypeprobleem op wanneer we de site in Firefox controleren, maar we houden de prijs in de gaten door gewoon verder te gaan zonder onze checklist. Kleine bugs kunnen in de loop van de tijd worden opgelost.

We gaan naar NetDNA (onze CDN) en spoelen daar ook de cache door, om er verder voor te zorgen dat niemand oude bronnen krijgt. Uiteindelijk zijn de bestandspaden en namen in dit nieuwe ontwerp anders, dus er is geen groot risico, maar het is nog steeds de moeite waard.

We gaan naar de forums en activeren daar ook het nieuwe thema. We moeten uiteindelijk inloggen via FTP om het configuratiebestand te wijzigen om Markdown in de forums mogelijk te maken. We doen het via FTP alleen omdat we om veiligheidsredenen geen versiebeheer hebben van het configuratiebestand dat dingen bevat zoals databasereferenties.

We gaan opnieuw naar de WordPress-beheerder en publiceren het bericht dat helemaal over het nieuwe ontwerp gaat. Goede praktijk toch? Ik kan net zo goed een openbare uitleg van het nieuwe ontwerp krijgen zodra het uitkomt, dus als mensen in de war zijn, is er iets dat ze kunnen vinden en lezen.

We zetten enkele plug-ins aan en uit die specifiek zijn voor dit nieuwe ontwerp of die alleen voor ontwikkeling waren.

We hebben een snel hartverscheurend moment waarop het lijkt alsof de site niet live wordt weergegeven. Onze prevent FOUT-techniek verbergde de hele pagina in afwachting van het laden van Typekit-lettertypen, en Typekit was traag. We zullen dat FOUT-preventiemateriaal moeten verwijderen of iets anders moeten doen.

We doorlopen onze lanceringslijst en maken tweak na tweak door te reageren op kleine dingen waarvan we merken dat ze moeten worden bijgewerkt. Een paar moeilijke momenten, maar niet al te slecht. We werken tenslotte al maanden aan dit ontwerp en voelen ons er redelijk comfortabel bij.