potench/dabblet.css

## dabblet.css
/**
 * HTML - Color Management guidelines and shortcuts
 */
body {
	background: #f06;background: linear-gradient(45deg, #fff, #c6c6c6);
	min-height: 100%;
}

.content {
	padding:30px;
}

## dabblet.html
<div class="content">
	<h1>Color Management:</h1>

	<p>So after a lot of debate with a couple of the front end guys we agreed that what we had to find was a system that would allow us to ensure color consistency from PSDs to HTML or Flash.</p>


	<p>In the end the only way to ensure this issue was solved was to run some tests which yielded the following setup to guarantee color consistency:</p>


	<h2>Setting Up Photoshop Color Space</h2>

	<p>The first thing we all have to do is to ensure we are working under the correct color profiles. To do this follow these steps:
		<ul>
			<li>Go to <mark>Edit > Color Settings</mark> or <mark>Shift + Command + K</mark> or <mark>Shift + Control + K</mark> in windows.</li>
			<li>From the Settings drop down select North America Web/Internet</li>
			<li>Commit your changes by hitting OK.</li>
			<li>Now go to <mark>View > Proof Setup</mark> and select <mark>Internet Standard RGB (sRGB)</mark></li>
			<li>Now hit <mark>Command + Y</mark> or <mark>Control + Y</mark> in windows to enable Proof Colors, alternatively you can just go to <mark>View > Proof Colors</mark></li>
		</ul>
	</p>

	<h2>Exporting (Save for Web)</h2>

	<ul>
		<li>When exporting via Save for Web ensure that <mark>Convert to sRGB</mark> is checked.</li>
	</ul>

	<p>You are done, you should now enjoy color accuracy across all of your files and in HTML and images will be ensured to display consistently across devices and browsers.</p>

</div>
<!-- content to be placed inside <body>…</body> -->

## settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* HTML - Color Management guidelines and shortcuts
	*/
	body {
	background: #f06;background: linear-gradient(45deg, #fff, #c6c6c6);
	min-height: 100%;
	}

	.content {
	padding:30px;
	}
	<div class="content">
	<h1>Color Management:</h1>

	<p>So after a lot of debate with a couple of the front end guys we agreed that what we had to find was a system that would allow us to ensure color consistency from PSDs to HTML or Flash.</p>


	<p>In the end the only way to ensure this issue was solved was to run some tests which yielded the following setup to guarantee color consistency:</p>


	<h2>Setting Up Photoshop Color Space</h2>

	<p>The first thing we all have to do is to ensure we are working under the correct color profiles. To do this follow these steps:
	<ul>
	<li>Go to <mark>Edit > Color Settings</mark> or <mark>Shift + Command + K</mark> or <mark>Shift + Control + K</mark> in windows.</li>
	<li>From the Settings drop down select North America Web/Internet</li>
	<li>Commit your changes by hitting OK.</li>
	<li>Now go to <mark>View > Proof Setup</mark> and select <mark>Internet Standard RGB (sRGB)</mark></li>
	<li>Now hit <mark>Command + Y</mark> or <mark>Control + Y</mark> in windows to enable Proof Colors, alternatively you can just go to <mark>View > Proof Colors</mark></li>
	</ul>
	</p>

	<h2>Exporting (Save for Web)</h2>

	<ul>
	<li>When exporting via Save for Web ensure that <mark>Convert to sRGB</mark> is checked.</li>
	</ul>

	<p>You are done, you should now enjoy color accuracy across all of your files and in HTML and images will be ensured to display consistently across devices and browsers.</p>

	</div>
	<!-- content to be placed inside <body>…</body> -->