This post is sort of a checklist of things to check before you upload you’re files on the webserver, and this will be updated with more things as time allows it.

One of the most annoying things you can get is that if you maintain a localhost version of your website, and your live website has the google analytics code in it, when you upload your local files overwriting the files on the webserver, those newer files you have on your localhost may not have the google analytics script set, so you will end up like me with 1 week of uncounted traffic. Stupid and Newbie mistake, meh note to self, never push updates after midnight because shit may happen.

List

• Overwriting files on the webserver that have the Google Analytics code with files that do not have that code, Missing Traffic for the Lose
• Another thing that can go awkward is that if you do some sort of PHP and you include/require files and you have a $path variable, when you upload the config on the server, make sure you change the $path from $path = http://localhost/ to $path = http://yourwebsite.com/.
• Based on wordpress stylesheet files, if you have a CSS folder and you copy some CSS from the styles.css into a new file in the CSS folder, then you need to update any pathing for images. Normally all CSS files are in a specific folder so this is a non-issue, but with WP you have to pay attention, else you spend 30 minutes trying to figure why it isnt working.

Well to be honest at first glance, both of them do the same thing. Make the element invisible to the user. However there is a very small subtle difference between them.

display: none -> This makes the element invisible AND removes it from pageflow. so if you have items below the item, they will be slided upwards to fill the space this element previous occupied

visibility: hidden -> This makes the element invisible HOWEVER it still retains it’s space in the pageflow of the page. so the items below wont move upwards. In other words you will have an empty hole where this element is.

Nice eh?