<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Max Design &#187; CSS</title>
	<atom:link href="http://www.maxdesign.com.au/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.maxdesign.com.au</link>
	<description></description>
	<lastBuildDate>Thu, 02 Feb 2012 01:08:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Emptying my cup</title>
		<link>http://www.maxdesign.com.au/2011/11/02/emptying-my-cup/</link>
		<comments>http://www.maxdesign.com.au/2011/11/02/emptying-my-cup/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 20:51:27 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2584</guid>
		<description><![CDATA[I am just about to begin work on a very large responsive design website project. While I have been building responsive websites for some time, I have decided to take some time to &#8220;empty my cup&#8221; and reinvestigate responsive design from the ground up. So, I&#8217;d love to hear from you! What&#8217;s your favourite online [...]]]></description>
			<content:encoded><![CDATA[<p>I am just about to begin work on a very large responsive design website project. While I have been building responsive websites for some time, I have decided to take some time to <a href="http://users.rider.edu/~suler/zenstory/emptycup.html">&#8220;empty my cup&#8221;</a> and reinvestigate responsive design from the ground up. </p>
<p>So, I&#8217;d love to hear from you!</p>
<ol>
<li>What&#8217;s your favourite online responsive design article/tutorial?</li>
<li>Have you built a responsive design site recently? If so, what was the single most important lesson you learned during the process (plus a URL if you&#8217;re willing to share)?</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2011/11/02/emptying-my-cup/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Styling abbreviations and acronyms &#8211; now in Belorussian</title>
		<link>http://www.maxdesign.com.au/2011/04/21/belorussian/</link>
		<comments>http://www.maxdesign.com.au/2011/04/21/belorussian/#comments</comments>
		<pubDate>Wed, 20 Apr 2011 20:26:34 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[abbreviations]]></category>
		<category><![CDATA[acronyms]]></category>
		<category><![CDATA[Belorussian]]></category>
		<category><![CDATA[styling]]></category>
		<category><![CDATA[translation]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2483</guid>
		<description><![CDATA[Styling abbreviations and acronyms has now been translated into Belorussian thanks to the great work of Bohdan Zograf. For those like me, who had no idea what language Belorussian is&#8230; The Belarusian language is the language of the Belarusian people. It is the official language of Belarus, along with Russian, and is spoken abroad, chiefly [...]]]></description>
			<content:encoded><![CDATA[<p>
	<a href="http://www.maxdesign.com.au/articles/abbreviations/">Styling abbreviations and acronyms</a> has now been translated into <a href="http://www.designcontest.com/show/styling-abbreviations-and-acronyms-be">Belorussian</a> thanks to the great work of Bohdan Zograf.
</p>
<p>
	For those like me, who had no idea what language Belorussian is&#8230;
</p>
<blockquote>
<p>
		The Belarusian language is the language of the Belarusian people. It is the official language of Belarus, along with Russian, and is spoken abroad, chiefly in Russia, Ukraine, and Poland.
	</p>
<p class="source">
		<a href="http://en.wikipedia.org/wiki/Belarusian_language">Belarusian language</a>
	</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2011/04/21/belorussian/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Max Design Workshops 2011: Hands-on CSS3 &amp; HTML5</title>
		<link>http://www.maxdesign.com.au/2011/03/09/hands-on-css3-html5/</link>
		<comments>http://www.maxdesign.com.au/2011/03/09/hands-on-css3-html5/#comments</comments>
		<pubDate>Wed, 09 Mar 2011 06:51:00 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[Max Design]]></category>
		<category><![CDATA[workshops]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2437</guid>
		<description><![CDATA[We are very excited to announce our workshops for 2011. This year, two workshops across four cities &#8211; Melbourne, Brisbane, Sydney and Canberra. Hands-on CSS3 with Russ Weakley Hands-on HTML5 with Craig Sharkie CSS3, the newest version of the style sheet languages, is much more than cool effects. CSS3 allows us to create beautiful web [...]]]></description>
			<content:encoded><![CDATA[<p>We are very excited to announce our workshops for 2011. This year, two workshops across four cities &#8211; Melbourne, Brisbane, Sydney and Canberra.</p>
<ul>
<li><a href="http://www.maxdesign.com.au/workshops/#sec2">Hands-on CSS3 with Russ Weakley</a></li>
<li><a href="http://www.maxdesign.com.au/workshops/#sec1">Hands-on HTML5 with Craig Sharkie</a></li>
</ul>
<p>
CSS3, the newest version of the style sheet languages, is much more than cool effects. CSS3 allows us to create beautiful web designs more efficiently and with more flexibility. This workshop will give you a clear understanding of CSS3 &#8211; not just for the future but for today! Hands-on CSS3 will give you a clear overview of all the key aspects of CSS3. </p>
<p>HTML5 is the latest and most powerful of the HTML markup langauges. This workshop cuts through the complexities and demystify HTML5, making it easy to understand and apply. Hands-on HTML5 will give you a clear overview of all the key aspects of HTML5.</p>
<p><a href="http://www.maxdesign.com.au/workshops/">Find out more</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2011/03/09/hands-on-css3-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>W3C validator needs type=&#8221;text/css&#8221; in order to find CSS files</title>
		<link>http://www.maxdesign.com.au/2011/03/02/css-validator/</link>
		<comments>http://www.maxdesign.com.au/2011/03/02/css-validator/#comments</comments>
		<pubDate>Tue, 01 Mar 2011 17:09:50 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[validator]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2412</guid>
		<description><![CDATA[It is well known that in HTML5 you don&#8217;t need to specify the type attribute of type="text/css" when you link to a CSS file. For example: &#60;link rel="stylesheet" href="stylesheet.css" type="text/css"&#62; Instead, you can write something like: &#60;link rel="stylesheet" href="stylesheet.css""&#62; The HTML5 spec states: The type attribute gives the MIME type of the linked resource. It [...]]]></description>
			<content:encoded><![CDATA[<p>
	It is well known that in HTML5 you don&#8217;t need to specify the type attribute  of <code>type="text/css"</code> when you link to a CSS file. For example:
</p>
<pre class="codesample"><code>&lt;link rel="stylesheet" href="stylesheet.css" <strong>type="text/css"</strong>&gt;</code></pre>
<p>
	Instead, you can write something like:
</p>
<pre class="codesample"><code>&lt;link rel="stylesheet" href="stylesheet.css""&gt;</code></pre>
<p>
	The HTML5 spec states:
</p>
<blockquote cite="http://dev.w3.org/html5/spec/Overview.html#attr-link-type">
<p>
		The type attribute gives the MIME type of the linked resource. It is purely advisory. The value must be a valid MIME type. For external resource links, the type attribute is used as a hint to user agents so that they can avoid fetching resources they do not support. If the attribute is present, then the user agent must assume that the resource is of the given type (even if that is not a valid MIME type, e.g. the empty string). If the attribute is omitted, but the external resource link type has a default type defined, then the user agent must assume that the resource is of that type.
	</p>
<p class="source">
	<a href="http://dev.w3.org/html5/spec/Overview.html#attr-link-type">Source</a>
	</p>
</blockquote>
<p>
	However, the <a href="http://jigsaw.w3.org/css-validator/">W3C CSS validator</a> seems to have some issues with HTML5 documents that exclude <code>type="text/css"</code>. See the two test pages below:
</p>
<ul>
<li><a href="http://maxdesign.com.au/jobs/html5-type-test/test1.htm">HTML5 test 1 &#8211; type=&#8221;text/css&#8221; present</a> &#8211; in this case the W3C validator finds the CSS file and validates it</li>
<li><a href="http://maxdesign.com.au/jobs/html5-type-test/test2.htm">HTML5 test 2 &#8211; type=&#8221;text/css&#8221; not present</a> &#8211; in this case the W3C validator cannot find the CSS file</li>
</ul>
<p>
	Have you noticed this before? Have you found other instances where the missing <code>type="text/css"</code> attribute is an issues?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2011/03/02/css-validator/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Some links for light reading (9/06/10)</title>
		<link>http://www.maxdesign.com.au/2010/06/09/some-links-283/</link>
		<comments>http://www.maxdesign.com.au/2010/06/09/some-links-283/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 12:15:13 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[ipad]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2118</guid>
		<description><![CDATA[iPhone, iPad and VoiceOver The iPad as an Affordable Communicator: Initial Review Autism, iPhone, MacBook, and Life Can checklist accessibility be harmful? Showing and hiding content with pure CSS3 MagnifyMa: A CSS magnifying glass Official Google Webmaster Central Blog New windows with JavaScript and the target attribute CSS Sprites w/out Using Background Images Cloud Computing [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li><a href="http://www.dingoaccess.com/accessibility/iphone-ipad-and-voiceover/">iPhone, iPad and VoiceOver</a></li>
<li><a href="http://www.doitmyselfblog.com/2010/the-ipad-as-an-affordable-communicator-initial-review/">The iPad as an Affordable Communicator: Initial Review</a></li>
<li><a href="http://atmac.org/autism-apple-iphone-macbook-life">Autism, iPhone, MacBook, and Life</a></li>
<li><a href="http://rebuildingtheweb.com/en/checklist-accessibility-harmful/">Can checklist accessibility be harmful?</a></li>
<li><a href="http://dev.opera.com/articles/view/css3-show-and-hide/">Showing and hiding content with pure CSS3</a></li>
<li><a href="http://ajaxian.com/archives/magnifyma-a-css-magnifying-glass">MagnifyMa: A CSS magnifying glass</a></li>
<li><a href="http://googlewebmastercentral.blogspot.com/2010/06/our-new-search-index-caffeine.html">Official Google Webmaster Central Blog</a></li>
<li><a href="http://www.456bereastreet.com/archive/201006/new_windows_with_javascript_and_the_target_attribute/">New windows with JavaScript and the target attribute</a></li>
<li><a href="http://www.sohtanaka.com/web-design/css-sprites-wout-background-images/">CSS Sprites w/out Using Background Images</a></li>
<li><a href="http://emergination.com.au/AnnouncementRetrieve.aspx?ID=27658">Cloud Computing Podcast</a></li>
<li><a href="http://fivesimplesteps.com/books/practical-guide-information-architecture">A Practical Guide to Information Architecture</a></li>
<li><a href="http://www.smashingmagazine.com/2010/06/04/cross-browser-testing-a-detailed-review-of-tools-and-services/">Cross-Browser Testing: A Detailed Review Of Tools And Services</a></li>
<li><a href="http://www.alistapart.com/articles/fonts-at-the-crossing/">A List Apart: Articles: Web Fonts at the Crossing</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2010/06/09/some-links-283/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beyonce and CSS</title>
		<link>http://www.maxdesign.com.au/2010/05/15/beyonce-and-css/</link>
		<comments>http://www.maxdesign.com.au/2010/05/15/beyonce-and-css/#comments</comments>
		<pubDate>Sat, 15 May 2010 05:34:38 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[beyonce]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2052</guid>
		<description><![CDATA[A quick snippet from our recent Brisbane CSS workshop Russ: “where do floats go?” Class: [silence] Russ: “Just ask Beyonce!” Class: [more silence] Russ: [rolls eyes in mock exasperation] “To the left, to the left” Someone from the class: “I thought you were going to say ‘if you like it then you shoulda put some [...]]]></description>
			<content:encoded><![CDATA[<p>A quick snippet from our recent Brisbane CSS workshop</p>
<p><strong>Russ:</strong> “where do floats go?”</p>
<p><strong>Class:</strong> [silence]</p>
<p><strong>Russ:</strong> “Just ask Beyonce!”</p>
<p><strong>Class:</strong> [more silence]</p>
<p><strong>Russ:</strong> [rolls eyes in mock exasperation] “<em>To the left, to the left</em>”</p>
<p><strong>Someone from the class:</strong> “I thought you were going to say <em>‘if you like it then you shoulda put some padding on it’</em>”</p>
<p>It’s the little things…</p>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2010/05/15/beyonce-and-css/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Two quick presentations</title>
		<link>http://www.maxdesign.com.au/2010/04/25/two-quick-presentations/</link>
		<comments>http://www.maxdesign.com.au/2010/04/25/two-quick-presentations/#comments</comments>
		<pubDate>Sat, 24 Apr 2010 14:56:47 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[font-stack]]></category>
		<category><![CDATA[reset]]></category>
		<category><![CDATA[stack]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2024</guid>
		<description><![CDATA[CSS Reset – a simpler option A quick presentation on CSS Reset including a basic explanation, an outline of some of the advantages and disadvantages, as well as a simpler reset option. Font stacks A quick presentation on Font stacks including a basic explanation and a step-by-step example.]]></description>
			<content:encoded><![CDATA[<h3><a href="http://www.maxdesign.com.au/articles/css-reset/">CSS Reset – a simpler option</a></h3>
<p>A quick presentation on CSS Reset including a basic explanation, an outline of some of the advantages and disadvantages, as well as a simpler reset option.</p>
<h3><a href="http://www.maxdesign.com.au/articles/font-stacks/">Font stacks</a></h3>
<p>A quick presentation on Font stacks including a basic explanation and a step-by-step example.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2010/04/25/two-quick-presentations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some links for light reading (20/04/10)</title>
		<link>http://www.maxdesign.com.au/2010/04/20/some-links-275/</link>
		<comments>http://www.maxdesign.com.au/2010/04/20/some-links-275/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 12:45:21 +0000</pubDate>
		<dc:creator>Russ</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Links for light reading]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[iframes]]></category>
		<category><![CDATA[user-experience]]></category>

		<guid isPermaLink="false">http://www.maxdesign.com.au/?p=2014</guid>
		<description><![CDATA[Everything you Know about Clearfix is Wrong How to Create the Best User Experience For Your Website 10 Excellent Free Web Apps To Create CSS Forms and Grids 15 CSS Habits to Develop for Frustration-Free Coding Making sure hidden frames are hidden CSS3 support in Internet Explorer 6, 7, and 8 HTML5 articles and sections: [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li><a href="http://carsonified.com/blog/design/everything-you-know-about-clearfix-is-wrong/">Everything you Know about Clearfix is Wrong</a> </li>
<li><a href="http://sparxoo.com/2010/04/15/how-to-create-the-best-user-experience-for-your-website/">How to Create the Best User Experience For Your Website</a> </li>
<li><a href="http://www.smashingapps.com/2010/04/19/10-excellent-free-web-apps-to-create-css-forms-and-grids.html">10 Excellent Free Web Apps To Create CSS Forms and Grids</a></li>
<li><a href="http://www.noupe.com/css/15-css-habits-to-develop-for-frustration-free-coding.html">15 CSS Habits to Develop for Frustration-Free Coding</a> </li>
<li><a href="http://www.paciellogroup.com/blog/?p=604">Making sure hidden frames are hidden</a></li>
<li><a href="http://fetchak.com/ie-css3/">CSS3 support in Internet Explorer 6, 7, and 8</a> </li>
<li><a href="http://www.brucelawson.co.uk/2010/html5-articles-and-sections-whats-the-difference/">HTML5 articles and sections: what&#8217;s the difference?</a> </li>
<li><a href="http://www.sitepoint.com/blogs/2010/04/20/everything-you-always-wanted-to-know-about-html-5/">Everything You Always Wanted to Know About HTML5 …</a></li>
<li><a href="http://wiki.whatwg.org/wiki/Timed_tracks">Timed tracks</a> </li>
<li><a href="http://mezzoblue.com/archives/2010/04/15/smaller_pngs/">Smaller PNGs</a></li>
<li><a href="http://www.smashingmagazine.com/2010/04/19/showcase-of-beautiful-vertical-navigation-designs/">Showcase Of Beautiful Vertical Navigation Designs</a> </li>
<li><a href="http://mattobee.com/blog/article/twitter-background-images/">Hidden information in Twitter background images</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.maxdesign.com.au/2010/04/20/some-links-275/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

