<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>MHunt Design Freelance Web Solutions</title>
	<atom:link href="http://mhuntdesign.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://mhuntdesign.com/blog</link>
	<description>Web Design Resources and Recommended Reading</description>
	<pubDate>Fri, 02 Jan 2009 14:19:20 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<item>
		<title>IE Security Flaw, Experts say to switch browsers</title>
		<link>http://mhuntdesign.com/blog/news-and-updates/ie-security-flaw-experts-say-to-switch-browsers/</link>
		<comments>http://mhuntdesign.com/blog/news-and-updates/ie-security-flaw-experts-say-to-switch-browsers/#comments</comments>
		<pubDate>Wed, 17 Dec 2008 03:48:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[News and Updates]]></category>

		<category><![CDATA[browsers]]></category>

		<guid isPermaLink="false">http://mhuntdesign.com/blog/?p=130</guid>
		<description><![CDATA[Today, it was announced that there has been a serious security flaw in IE7. As you all know IE has always has issues with security. Not to mention its lack of css support.
Found first on Slash Dot:
Here is another article: http://news.bbc.co.uk/2/hi/technology/7784908.stm
and another http://www.eweek.com/c/a/Security/Hackers-Compromise-Legit-Web-Sites-to-Target-Microsoft-IE-Flaw/
A list of awesome browsers that are safe:

Firefox3
Safari
Google&#8217;s Chrome

]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-132" title="ie6small" src="http://mhuntdesign.com/blog/wp-content/uploads/2008/12/ie6small.gif" alt="" width="64" height="64" />Today, it was announced that there has been a serious security flaw in IE7. As you all know IE has always has issues with security. Not to mention its lack of css support.</p>
<p>Found first on <a href="http://it.slashdot.org/article.pl?sid=08/12/16/1319217" onclick="javascript:pageTracker._trackPageview ('/outbound/it.slashdot.org');">Slash Dot</a>:</p>
<p>Here is another article: <a href="http://news.bbc.co.uk/2/hi/technology/7784908.stm" onclick="javascript:pageTracker._trackPageview ('/outbound/news.bbc.co.uk');">http://news.bbc.co.uk/2/hi/technology/7784908.stm</a><br />
and another <a href="http://www.eweek.com/c/a/Security/Hackers-Compromise-Legit-Web-Sites-to-Target-Microsoft-IE-Flaw/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.eweek.com');">http://www.eweek.com/c/a/Security/Hackers-Compromise-Legit-Web-Sites-to-Target-Microsoft-IE-Flaw/</a></p>
<p>A list of awesome browsers that are safe:</p>
<ul>
<li><a href="http://www.mozilla.com/en-US/firefox/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.mozilla.com');">Firefox3</a></li>
<li><a href="http://www.apple.com/safari/download/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.apple.com');">Safari</a></li>
<li><a href="http://www.google.com/chrome" onclick="javascript:pageTracker._trackPageview ('/outbound/www.google.com');">Google&#8217;s Chrome</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://mhuntdesign.com/blog/news-and-updates/ie-security-flaw-experts-say-to-switch-browsers/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Web Browser Elements and Wireframe Stencil Graphics Freebies</title>
		<link>http://mhuntdesign.com/blog/apple-mac/web-browser-elements-and-wireframe-stencil-graphics-freebies/</link>
		<comments>http://mhuntdesign.com/blog/apple-mac/web-browser-elements-and-wireframe-stencil-graphics-freebies/#comments</comments>
		<pubDate>Thu, 04 Dec 2008 02:47:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Apple Mac]]></category>

		<category><![CDATA[Web Development]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[wireframing]]></category>

		<guid isPermaLink="false">http://mhuntdesign.com/blog/?p=116</guid>
		<description><![CDATA[
I found some freebies on the web-  browser graphics or elements for wire frames or web design comps.
Form elements for all browsers and operating systems: http://www.designerstoolbox.com/designresources/elements/
Vectortuts Freebie Vector Chrome for firefox on mac: http://vectortuts.com/articles/news/vectortuts-freebie-vector-pack-browser-screens-and-website-elements/
OmniGraffle Stencils: http://www.graffletopia.com/
Yahoo Developer Stencil Kit: http://developer.yahoo.com/ypatterns/wireframes/
Related articles [Updated 12-23-08]:
http://piksels.com/photoshop-browser-templates/
http://patterntap.com/
]]></description>
			<content:encoded><![CDATA[<div id="attachment_117" class="wp-caption alignright" style="width: 254px"><img class="size-full wp-image-117" title="web-browser-elements" src="http://mhuntdesign.com/blog/wp-content/uploads/2008/12/web-browser-elements.png" alt="Web Browser Elements " width="244" height="126" /><p class="wp-caption-text">Web Browser Elements, image courtesy of Designer Toolbox.com </p></div>
<p>I found some freebies on the web-  browser graphics or elements for wire frames or web design comps.</p>
<p>Form elements for all browsers and operating systems:<a href="http://www.designerstoolbox.com/designresources/elements/" title="Web Browser Elements" onclick="javascript:pageTracker._trackPageview ('/outbound/www.designerstoolbox.com');"> http://www.designerstoolbox.com/designresources/elements/</a></p>
<p>Vectortuts Freebie Vector Chrome for firefox on mac: <a href="http://vectortuts.com/articles/news/vectortuts-freebie-vector-pack-browser-screens-and-website-elements/" onclick="javascript:pageTracker._trackPageview ('/outbound/vectortuts.com');">http://vectortuts.com/articles/news/vectortuts-freebie-vector-pack-browser-screens-and-website-elements/</a></p>
<p>OmniGraffle Stencils: <a href="http://www.graffletopia.com/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.graffletopia.com');">http://www.graffletopia.com/</a></p>
<p>Yahoo Developer Stencil Kit: <a href="http://developer.yahoo.com/ypatterns/wireframes/" onclick="javascript:pageTracker._trackPageview ('/outbound/developer.yahoo.com');">http://developer.yahoo.com/ypatterns/wireframes/</a></p>
<p>Related articles <strong>[Updated 12-23-08]</strong>:</p>
<p><a href="http://piksels.com/photoshop-browser-templates/" onclick="javascript:pageTracker._trackPageview ('/outbound/piksels.com');">http://piksels.com/photoshop-browser-templates/</a></p>
<p><a href="http://patterntap.com/" onclick="javascript:pageTracker._trackPageview ('/outbound/patterntap.com');">http://patterntap.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mhuntdesign.com/blog/apple-mac/web-browser-elements-and-wireframe-stencil-graphics-freebies/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Linking to Google&#8217;s jQuery Repository</title>
		<link>http://mhuntdesign.com/blog/jquery/linking-to-googles-jquery-repository/</link>
		<comments>http://mhuntdesign.com/blog/jquery/linking-to-googles-jquery-repository/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 02:00:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[google]]></category>

		<category><![CDATA[ie7]]></category>

		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://mhuntdesign.com/blog/?p=110</guid>
		<description><![CDATA[Here&#8217;s the code to link to Google&#8217;s jQuery repository. It grabs the latest jquery. Also added before that is the ie7.js script. The idea here is to speed up the load time if the user has already cached this file from another site using the same technique.
You can go here http://code.google.com/p/jqueryjs/downloads/list for the download list [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s the code to link to Google&#8217;s jQuery repository. It grabs the latest jquery. Also added before that is the <a href="http://mhuntdesign.com/blog/css/forcing-internet-explorer-to-obey-css-using-javascript-css-hacks-and-specific-style-sheets/">ie7.js script</a>. The idea here is to speed up the load time if the user has already cached this file from another site using the same technique.</p>
<p>You can go here <a href="http://code.google.com/p/jqueryjs/downloads/list" onclick="javascript:pageTracker._trackPageview ('/outbound/code.google.com');">http://code.google.com/p/jqueryjs/downloads/list</a> for the download list and right-click copy-link location.</p>
<ul style="list-style-type: none;"><span>&lt;!&#8211;[if lt IE 7]<span class="tag">&gt;</span><span> </span></p>
<p></span></p>
<li><span><span class="tag">&lt;</span><span class="tag-name">script</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">&#8220;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js&#8221;</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">&#8220;text/javascript&#8221;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">script</span><span class="tag">&gt;</span><span> </span></span></li>
<li class="alt"><span>&lt;![endif]&#8211;<span class="tag">&gt;</span></span></li>
</ul>
<ul style="list-style-type: none;">
<li>From jQuery:</li>
<li><span><span class="tag">&lt;</span><span class="tag-name">script</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">&#8220;text/javascript&#8221;</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">&#8220;http://code.jquery.com/jquery-latest.js&#8221;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">script</span><span class="tag">&gt;</span></span></li>
<li><span><span class="tag">OR</span></span></li>
<li><span><span class="tag">From Google:<br />
</span></span></li>
<li><span><span class="tag">&lt;</span><span class="tag-name">script</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">&#8220;text/javascript&#8221;</span><span> </span><span class="attribute">src</span><span>=</span><span class="attribute-value">&#8220;http://jqueryjs.googlecode.com/files/jquery-1.2.6.js&#8221;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">script</span><span class="tag">&gt;</span></span></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://mhuntdesign.com/blog/jquery/linking-to-googles-jquery-repository/feed/</wfw:commentRss>
		</item>
		<item>
		<title>How to Export or Save Sites in Coda</title>
		<link>http://mhuntdesign.com/blog/apple-mac/how-to-exportsave-sites-in-coda/</link>
		<comments>http://mhuntdesign.com/blog/apple-mac/how-to-exportsave-sites-in-coda/#comments</comments>
		<pubDate>Fri, 24 Oct 2008 01:04:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Apple Mac]]></category>

		<category><![CDATA[Web Development]]></category>

		<category><![CDATA[coda]]></category>

		<category><![CDATA[export site]]></category>

		<guid isPermaLink="false">http://mhuntdesign.com/blog/?p=93</guid>
		<description><![CDATA[Coda currently does not have a way to export or save sites like you can using Transmit. But there is a way to save your coda site settings if you need to migrate your site data from one computer to another. You  will need to save a file from your preferences folder.
Save the file:
~/Library/Preferences/com.panic.Coda.plist
~/ is [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.panic.com/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.panic.com');"><img class="alignright size-full wp-image-95" title="Coda" src="http://mhuntdesign.com/blog/wp-content/uploads/2008/10/coda1.png" alt="" width="148" height="146" /></a>Coda currently does not have a way to export or save sites like you can using Transmit. But there is a way to save your coda site settings if you need to migrate your site data from one computer to another. You  will need to save a file from your preferences folder.</p>
<p>Save the file:</p>
<p>~/Library/Preferences/com.panic.Coda.plist<br />
~/ is your user name root</p>
<p>This info was originally found at: <a href="http://groups.google.com/group/coda-users/browse_thread/thread/f13ec6e3a9eaaa08">Google Groups | Coda User<br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mhuntdesign.com/blog/apple-mac/how-to-exportsave-sites-in-coda/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The Future of CSS Browser Support</title>
		<link>http://mhuntdesign.com/blog/css/web-designers-bright-future/</link>
		<comments>http://mhuntdesign.com/blog/css/web-designers-bright-future/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 06:19:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[Web Development]]></category>

		<category><![CDATA[IE8]]></category>

		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://mhuntdesign.com/blog/?p=47</guid>
		<description><![CDATA[In my last article I wrote about how to control IE and really take advantage of css.
The web is looking brighter ahead.  With the departure of ie6 (eventually), the introduction of advanced css techniques with css3, and full support for transparent pngs, web design will be even more exciting than it has ever been. With [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.microsoft.com/windows/internet-explorer/beta/default.aspx" onclick="javascript:pageTracker._trackPageview ('/outbound/www.microsoft.com');"><img class="alignright size-full wp-image-51" title="ie8" src="http://mhuntdesign.com/blog/wp-content/uploads/2008/08/ie8.png" alt="" width="200" height="100" /></a>In my last article I wrote about how to control IE and really take advantage of css.</p>
<p>The web is looking brighter ahead.  With the departure of ie6 (eventually), the introduction of advanced css techniques with css3, and full support for transparent pngs, web design will be even more exciting than it has ever been. With a lot of limitations gone, perhaps it will become a ever-more-popular field of study for the next generation of designers.</p>
<h3><a href="http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx" onclick="javascript:pageTracker._trackPageview ('/outbound/www.microsoft.com');">Welcoming IE8</a></h3>
<p>Enough headaches. IE6 will thankfully be something we will no long have to worry about. With IE6 finally gone we can finally do some cool things with png&#8217;s, not to mention make development time for css much more smoother.</p>
<p><br class="clear" /></p>
<p><span id="more-47"></span></p>
<h3><a href="http://www.css3.info/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.css3.info');">Browsers are starting to support CSS3</a>.</h3>
<p><a href="http://24ways.org/2006/rounded-corner-boxes-the-css3-way" onclick="javascript:pageTracker._trackPageview ('/outbound/24ways.org');">Multiple background images for one element</a></p>
<ol class="code">
<li><code>.box {</code></li>
<li class="tab1"><code>background-image: url("top-left.gif"), url("top-right.gif"), url("bottom-left.gif"), url"(bottom-right.gif");</code></li>
<li class="tab1"><code>background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;</code></li>
<li class="tab1"><code>background-position: top left, top right, bottom left, bottom right;</code></li>
<li><code>}</code></li>
</ol>
<p>Source: <a href="http://24ways.org" onclick="javascript:pageTracker._trackPageview ('/outbound/24ways.org');">24 ways</a></p>
<h4><a href="http://www.w3.org/TR/css3-mediaqueries/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.w3.org');">Media Querie </a></h4>
<p>This Media Query expresses that the style sheet is usable on devices with viewport (the part of the screen/paper where the document is rendered) widths between 400 and 700 pixels:&#8221;</p>
<ol class="code">
<li><code>@media screen and (min-width: 400px) and (max-width: 700px) {</code></li>
<li class="tab1"><code>property:value;</code></li>
<li><code>}</code></li>
</ol>
<p>This Media Query expresses that style sheet is usable on screen and handheld devices if the width of the viewport is greater than 20em.</p>
<ol class="code">
<li><code>@media handheld and (min-width: 20em)  { </code></li>
<li class="tab1"><code>property:value;</code></li>
<li><code>}</code></li>
</ol>
<p>Source: <a href="http://wc3.org" onclick="javascript:pageTracker._trackPageview ('/outbound/wc3.org');">wc3</a></p>
<h4><a href="http://reference.sitepoint.com/css/combinators" onclick="javascript:pageTracker._trackPageview ('/outbound/reference.sitepoint.com');">Sibling Selectors</a></h4>
<p>Sibling Selectors will make it easy to style elements without having to add so much markup. Extra divs would not no longer necessary.</p>
<p><strong> Child Selector</strong> (CSS2)</p>
<p>Matches all li&#8217;s that are immediate children of the ul.</p>
<ol class="code">
<li><code>ul&gt;li {<br />
property:value;<br />
} </code></li>
</ol>
<p><strong>Adjacent Sibling Selector</strong>(CSS2)</p>
<p>This example targets the p when h2 is an adjacent sibling.</p>
<ol class="code">
<li> <code>h2+p {<br />
property:value;<br />
} </code></li>
</ol>
<p><strong>General Sibling Selector </strong> (CSS3)</p>
<p>This example will match a p element if it’s a sibling of an h2  element</p>
<ol class="code">
<li><code>h2~p {<br />
⋮ property:value;<br />
}</code></li>
</ol>
<h4><a href="http://reference.sitepoint.com/css/pseudoelements" onclick="javascript:pageTracker._trackPageview ('/outbound/reference.sitepoint.com');">Pseudo Elements</a></h4>
<p>Some of these are really cool, it&#8217;s more posssible to target almost any element without using classes or wrappers.</p>
<ol class="code">
<li> <code>:first-letter</code><br />
represents the first character of the first line of text within an element</li>
<li><code><br />
:first-line</code><br />
represents the first formatted line of text</li>
<li><code><br />
:before</code><br />
specifies content to be inserted before another element</li>
<li><code><br />
:after</code><br />
specifies content to be inserted after another element</li>
<li><code><br />
::selection</code><br />
represents a part of the document that’s been highlighted by the user</li>
</ol>
<h4><a href="http://reference.sitepoint.com/css/css3psuedoclasses" onclick="javascript:pageTracker._trackPageview ('/outbound/reference.sitepoint.com');">Psuedo Classes</a></h4>
<ol class="code">
<li> <code>:nth-child(N)</code><br />
matches elements on the basis of their positions within a parent element’s list of child elements</li>
<li><code><br />
:nth-last-child(N)</code><br />
matches elements on the basis of their positions within a parent element’s list of child elements</li>
<li><code><br />
:nth-of-type(N)</code><br />
matches elements on the basis of their positions within a parent element’s list of child elements of the same type</li>
<li><code><br />
:nth-last-of-type(N)</code><br />
matches elements on the basis of their positions within a parent element’s list of child elements of the same type</li>
<li><code><br />
:last-child</code><br />
matches an element that’s the last child element of its parent element</li>
<li><code><br />
:first-of-type</code><br />
matches the first child element of the specified element type</li>
<li><code><br />
:last-of-type</code><br />
matches the last child element of the specified element type</li>
<li><code><br />
:only-child</code><br />
matches an element if it’s the only child element of its parent</li>
<li><code><br />
:only-of-type</code><br />
matches an element that’s the only child element of its type</li>
<li><code><br />
:root</code><br />
matches the element that’s the root element of the document</li>
<li><code><br />
:empty</code><br />
matches elements that have no children</li>
<li><code><br />
:target</code><br />
matches an element that’s the target of a fragment identifier in the document’s URI</li>
<li><code><br />
:enabled</code><br />
matches user interface elements that are enabled</li>
<li><code><br />
:disabled</code><br />
matches user interface elements that are disabled</li>
<li><code><br />
:checked</code> Pseudo-class<br />
matches elements like checkboxes or radio buttons that are checked</li>
<li><code><br />
:not(S)</code><br />
matches elements that aren’t matched by the specified selector</li>
</ol>
<p>Source: <a href="http://sitepoint.com" onclick="javascript:pageTracker._trackPageview ('/outbound/sitepoint.com');">Sitepoint</a></p>
<h3>What will be expected of CSS Coders?</h3>
<p>With alpha transparent pngs in full support and ie6 gone, slicing the old way will almost be a thing of the past. Why slice an image with a background color behind it? It won&#8217;t seem practical anymore becuase that image can be placed behind any background now. CSS is evolving and becoming more complex with what it can achieve. Its more than simple ways to describe what color you want. At this rate it looks like a lot more will be required of the new css coder.</p>
]]></content:encoded>
			<wfw:commentRss>http://mhuntdesign.com/blog/css/web-designers-bright-future/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
