mbe.ro
<h2>What is this web-site?</h2> <br/> <start_coding(); //just some tips and tricks for web programmers<br/>echo "Hope this is helpful to you";<br/>?>

Some must-haves on a web-site

February 24, 2009 at 9:54 PM

Should you need some special fonts you have sIFR or Facelift (I recommend Facelift as it produces images, not flash content).

As a JS framework, I recommend jQuery (as it is small and easy to use). Also, if you need something like Lightbox, I recommend using Fancybox (looks better, is smaller and acts better).

For HTML and SEO, I always forget to put some meta tags and stuff, so I made myself a default HTML scheme (which to use for any website):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!-- My HTML v1.000 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <base href="http://www.example.com/" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <!-- No Cache -->
    <meta http-equiv="PRAGMA" content="NO-CACHE"/>
    <meta http-equiv="Expires" content="Mon, 04 Dec 1999 21:29:02 GMT"/>
    <!-- End No Cache -->
 
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <title>Example HTML</title>
    <!-- SEO -->
    <meta http-equiv="Content-Language" content="ro" />
    <meta name="Robots" content="index,follow" />
    <meta name="revisit-after" content="2 weeks" />
    <meta name="Description" content="example description goes here" />
 
    <meta name="Keywords" content="example,keywords" />
    <!-- End SEO -->
    <!-- JS -->
    <script type="text/javascript" src="js/main.js"></script>
    <!-- End JS -->
    <link rel="shortcut icon" href="ico/favicon.ico">
 
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Also, sometimes, if you cannot fix some IE CSS bugs or you just don’t have the time simply add the IE conditional tags. I usually use (if necessary):

33
34
35
36
37
38
<!--[if IE 7]>
<link href="css/ie7.css" rel="stylesheet" type="text/css"/>
<![endif]-->
<!--[if IE 6]>
<link href="css/ie6.css" rel="stylesheet" type="text/css"/>
<![endif]-->

No Comments

Nobody has posted any comments to this article. Be the first to post a comment.

Add a comment

Name:
 
Email:
 
Website:
 
Comment: