Web Do's & Don'ts » Do’s

Write effective Loops

Siniša — Wed, 18 May 2011 22:30:13 +0000

Depending on the browser, the method used to write Loops can have a great effect on the performance of a site. Improper writing of loops can slow down pages with lots of queries and running a number of loops in parallel.

Ensure quick loading times

Bojan — Wed, 25 Aug 2010 09:28:26 +0000

Even though today’s internet connection speeds are great, ensuring quick loading times is as important as ever. Optimize your pages and don’t make your users wait for the website to load.

Compose to a vertical rhythm

Bojan — Mon, 23 Aug 2010 07:51:47 +0000

Composing to a vertical rhythm using font size, line height and margin or padding and take your web typography to a new level. Vertical rhythm will help your reader down the page and increase readability.

Use the text-transform property to specify the case of letters

Bojan — Thu, 12 Aug 2010 09:58:46 +0000

As we know, writing in all-caps is a no-no. For all-caps text, you should use the text-transform property (unless you are actually SHOUTING), and the same property shod be applied if you want to use lowercase text. This means that in the content layer, you must use proper structure and semantics, and leave the styling for the presentation layer.

Use inline validation in web forms

Bojan — Thu, 12 Aug 2010 09:35:26 +0000

Use inline validation in forms to provide real-time feedback and enhance the usability. Not only will it make the web forms easier to use, but it will decrease the completion times and errors made and increase the success rate.

Specify unique values for the accesskey attribute

Bojan — Wed, 16 Jun 2010 08:05:01 +0000

If you use accesskeys, make sure the value of the accesskey attribute is unique. If two or more elements share the same accesskey value, browsers will not interpret it consistently.

Use CSS for generating purely presentational content

Siniša — Wed, 09 Jun 2010 11:42:09 +0000

The content property was introduced in CSS 2.1 to add generated content to the :before and :after pseudo-elements. Given that IE 8 also now supports content, we really are getting to the point where can use this CSS feature in our production work. Just be sure to use it only in appropriate circumstances, and be mindful of the accessibility implications that generated content still has.

Remove the outline from links on :active only

Bojan — Mon, 17 May 2010 09:32:52 +0000

Web developers sometimes hide the outline of image replaced links, but then keyboard users have no way of seeing them when they are tabbing through the page. The trick is simple-remove the outline from links on :active only. By doing this, keyboard users still get the default outline when they tab to a link and activate the :focus state.

Specify HTML document’s language

Bojan — Mon, 19 Apr 2010 10:21:22 +0000

Use the language attribute(s) on the html tag to indicate the language of a HTML document, unless the content is aimed at speakers of more than one language.

Make sure your site works with and without the www prefix

Bojan — Wed, 31 Mar 2010 09:11:01 +0000

Many websites make the mistake of not making sure the site works without the www prefix. So for instance, if you type sitename.com in your browser, you end up at a dead end. You should make sure the site works with and without the prefix by redirecting traffic.