This is the big moment! We have a list of things we know that we need to do and we’re just going to start doing them and get this site live.<\/p>\n
Perhaps the most noticeable change (last second thing before going live) was finally losing the little colored squares in the upper left of modules and essentially extending them across the top of each module making a bar. Less random, more descriptive, more color. <\/p>\n
We make one final commit into the Git Repo and push it up live. We go over to Beanstalk quick and literally watch the files move to the live server.<\/p>\n
We go over into WordPress and activate the live theme under the Appearance Settings. <\/p>\n
We flush the cache locally to make sure nobody is getting served resources files from the old design. <\/p>\n
We notice a font problem when we check the site in Firefox, but we keep our eye on the prize by just moving forward with out checklist. Little bugs can be worked out over time.<\/p>\n
We head over to NetDNA (our CDN) and flush the cache there too, further ensuring nobody is getting old resources. Ultimately, the file paths and names are different in this new design so there isn’t a huge risk, but it’s still worth doing.<\/p>\n
We go over into the forums and also activate the new theme there. We ultimately have to log in via FTP to change the config file to enable Markdown in the forums. We do it through FTP just because for safety we don’t version control the config file that has stuff like database credentials in it.<\/p>\n
We go into the WordPress admin again and publish the post that is all about the new design. Good practice right? Might as well have a public explanation of the new design as soon as it goes out, so if people are confused there is something there for them to find and read.<\/p>\n
We turn on and off some plugins that are specific to this new design or that were only for development. <\/p>\n
We have a quick heart-sinking moment where it appears the site isn’t rendering live. Our prevent FOUT technique was hiding the entire page waiting for Typekit fonts to load, and Typekit was being slow. We’ll have to remove that FOUT prevention stuff or do something different.<\/p>\n
We get through our launch list and make tweak after tweak reacting to little things that we notice that need updating. A few rough moments, but not too bad. After all we’ve been working on this design for months now and are pretty comfortable with it. <\/p>\n","protected":false},"excerpt":{"rendered":"
This is the big moment! We have a list of things we know that we need to do and we’re just going to start doing them and get this site live. Perhaps the most noticeable change (last second thing before going live) was finally losing the little colored squares in the upper left of modules […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":18010,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"lodge-video.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":20786,"url":"https:\/\/css-tricks.com\/snippets\/javascript\/test-if-dragenterdragover-event-contains-files\/","url_meta":{"origin":18742,"position":0},"title":"Test if dragenter\/dragover Event Contains Files","date":"March 25, 2013","format":false,"excerpt":"HTML5 drag and drop is great for handling file uploads. But if that's the only thing you are using it for, it's nice to know if any particular dragenter or dragover event actually has files. Unlike, for example, just the dragging of some selected text. Send the event object to\u2026","rel":"","context":"With 5 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7390,"url":"https:\/\/css-tricks.com\/snippets\/php\/unzip-files\/","url_meta":{"origin":18742,"position":1},"title":"Unzip Files","date":"September 9, 2010","format":false,"excerpt":"","rel":"","context":"With 10 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3783,"url":"https:\/\/css-tricks.com\/snippets\/php\/find-highest-numerically-named-file\/","url_meta":{"origin":18742,"position":2},"title":"Find Highest Numerically Named File","date":"September 4, 2009","format":false,"excerpt":"$latest = getNewest(\"\/path\/to\/folder\/*_bla.xml\"); function getNewest($xmlfile){ foreach (glob($xmlfile) as $filename) { $c = explode('_', basename($filename)); $files[$c[0]] = $filename; } ksort($files, SORT_NUMERIC); $latest = array_pop($files); if (file_exists($latest)){ return $latest; } return false; } In a folder are files named: 1_bla.xml 2_bla.xml ... 34_bla.xml The function returns the file with the biggest numeric\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3913,"url":"https:\/\/css-tricks.com\/snippets\/php\/read-write-files\/","url_meta":{"origin":18742,"position":3},"title":"Read\/Write Files","date":"September 7, 2009","format":false,"excerpt":"Append to a file function fileWrite($file, $message) { fwrite(fopen($file, 'a'), $message . \"\\n\"); } Read and display entire file function fileRead($file){ $lines = file($file); foreach ($lines as $line_num => $line) { echo $line, ''; } }","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14472,"url":"https:\/\/css-tricks.com\/snippets\/htaccess\/append-prepend-files\/","url_meta":{"origin":18742,"position":4},"title":"Append \/ Prepend Files","date":"October 5, 2011","format":false,"excerpt":"Rather than having to call \/ include a file you need on every single page, you can have them automatically prepended (top of file) or appended (bottom of file) automatically through your .htaccess file. php_value auto_prepend_file \"\/real\/path\/to\/file\/functions.php\" php_value auto_append_file \"\/real\/path\/to\/file\/footer.php\"","rel":"","context":"With 7 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3875,"url":"https:\/\/css-tricks.com\/snippets\/htaccess\/force-files-to-download-not-open-in-browser\/","url_meta":{"origin":18742,"position":5},"title":"Force Files to Download (Not Open in Browser)","date":"September 5, 2009","format":false,"excerpt":"AddType application\/octet-stream .csv AddType application\/octet-stream .xls AddType application\/octet-stream .doc AddType application\/octet-stream .avi AddType application\/octet-stream .mpg AddType application\/octet-stream .mov AddType application\/octet-stream .pdf","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18742"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=18742"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18742\/revisions"}],"predecessor-version":[{"id":210027,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18742\/revisions\/210027"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/18010"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=18742"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=18742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}