This is a small collection of tips that make coding and designing a little bit easier.

This article is split to two parts:

• 1: Coding
• 2: Graphics and Design

Make sure you check out both!

Are you tired of refreshing the web-page every time you’ve made a change?

Then try having an autorefresh meta-tag to refresh the page after a certain amount of time passes. Use this code in your head-tag:

<meta http-equiv="refresh" content="3">

This refreshes the page every 3 seconds, so you don’t have to!

Have decent HTML structure

Add padding for elements inside another one. Makes the code much easier to read. Also, when coding HTML, create the closing tag right when you create the opening one. This prevents getting into trouble of invalid code for not closing the tags in correct order or at all.

Validate and test your code with IE

Often after you’ve coded the design, you notice validation errors and IE acting weirdly. To prevent this kind of thing from happening, validate and test your code along the way with multiple browsers so you know exactly where you’ve messed up or what is causing the errors in IE.

Organize your CSS

Create an organized systematic method for grouping your rules in CSS. You can for example have the code organized based on the order of the HTML elements, you can group different areas of styling into one place for example by having properties relating to typography in one area while having background properties all in one area. This makes the code much more readable and you find what you’re looking for faster.

Continue reading to the next page of this post for tips regarding graphics and design!