Instead, create different sections for your website – for example, “About me”, “Projects” and “Photos”. Use headers to create titles for each section. Then, add text to tell your story.

Ryan Boudreaux includes all the code snippets you'll need in this demo of how to create an image hover-preview effect using HTML, CSS, and JavaScript.

You can also add a background-position attribute to your CSS, with values such as center, left top and right bottom. Add this attribute to make your GIF appear at specific locations in the background.

For instance, you can use a content div and a sidebar div to create navigation and content. Look into the @font-face CSS3 tool, which allows you to use custom fonts on a website without the use of ...