New document template, CSS, JS, HTML

Filed under: CSS

comments (2) Views: 5,447

Over the past 5 or 6 years since I've gotten deep into CSS development, I've slowly and surely created a generic template that I use for any new HTML project. While it's not perfect, it's an excellent starting point for most new websites, or web applications. For quick development, I use a text editor called Editplus. It's fast, and offers a whole raft of features including the ability to define a template for any number of file types. The template I use contains most of the things that I want in any new document. While it mostly consists of CSS declarations, it does also have some quick hooks for jQuery, JavaScript, and CSS includes. So here it is...do you have any suggestions for good additions, or questions?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<title> new document </title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

	<meta name="author" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />

	<link href="includes/styles.css" rel="stylesheet" type="text/css" />

	<script src="includes/js.js" type="text/javascript"></script>

	<script type="text/javascript">
	<!--
		$(document).ready(function(){
			alert('testing');
		});
	//-->
	</script>

	<style type="text/css">
	<!--

	/* set the page background color and margins. */
	body {
		margin: 0px;
		background: #ffffff;
	}

	/* set the page font formatting. */
	body, p, div, td {
		font-family: verdana;
		font-size: 9pt;
		color: #000000;
	}

	/* default link colors - this is the default link color for the page */
	a:link { font-weight: bold; text-decoration: none; color: #2b4d8a; } /* standard link color */
	a:visited { font-weight: bold; text-decoration: none; color: #2b4d8a; } /* visited link color*/
	a:visited:hover { font-weight: bold; text-decoration: none; color: #000000; } /* visited hover link color*/
	a:hover { font-weight: bold; text-decoration: none; color: #000000; } /* hover over an unvisited link color */
	a:active { font-weight: bold; text-decoration: none; color: #2b4d8a; } /* active link color */

	-->
	</style>

</head>
<body>



</body>
</html>

Amazon logo

If this article was interesting, or helpful, or even wrong, please consider leaving a comment, or buying something from my wishlist. It's appreciated!

comments powered by Disqus
coach outlet online jordan 13 grey toe beats by dre cyber monday michael kors black friday beats by dre cyber monday jordan 6 black infrared north face cyber monday michael kors cyber monday north face black friday coach outlet black infrared 23 13s north face cyber monday jordan 6 black infrared north face black friday coach cyber monday jordan 11 legend blue north face cyber monday black infrared 6s lebron 12 north face black friday jordan 11 legend blue louis vuitton outlet jordan 13 grey toe grey toe 13s beats by dre black friday coach black friday jordan 13 grey toe coach cyber monday uggs black friday jordan 13 black infrared 23 uggs cyber monday barons 13s uggs black friday beats by dre cyber monday black infrared 6s jordan 13 bred jordan 13 black infrared 23 north face black friday black infrared 6s jordan 11 legend blue michael kors black friday jordan 13 grey toe coach black friday michael kors black friday michael kors cyber monday beats by dre cyber Monday north face cyber monday coach black friday michael kors cyber monday beats by dre cyber Monday north face black friday beats by dre black friday lululemon black friday uggs black friday jordan 13 bred coach cyber monday beats by dre black friday uggs black friday coach black friday black infrared 6s