Before performing any major operations on a site it is great to have the reassurance that you have a complete back up. ALWAYS do this when taking over a new project and, even though you may have your files in a .git or svn system it can be a real livesaver to just turn time back a few minutes if your major update goes pear shaped. One of my colleagues refers to this as the “get out of jail free card”. You can also use this to take a copy of the entire site when you want to move it – to a development server for example.
So, you are building a design with dynamic content and the designer or client says, “but those blocks should be the same height”, and you say “but the content changes, we don’t know how tall it can be and anyway, the height needs to be different depending on what device you are using”, etc., etc.
Here is a little jQuery function you can call to set the height of matching elements
When showing an HTML 5 video element on a non-black background a black rectangle flashed on the screen when the video element initialised but before the video file loaded. Here is how I avoided the problem.