<?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>LoriB.me&#187; web standards</title>
	<atom:link href="http://lorib.me/tag/web-standards/feed/" rel="self" type="application/rss+xml" />
	<link>http://lorib.me</link>
	<description>New home of LBnuke</description>
	<lastBuildDate>Wed, 01 Feb 2012 19:54:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Professional Frontend Engineering Video</title>
		<link>http://lorib.me/2009/06/26/professional-frontend-engineering-video/</link>
		<comments>http://lorib.me/2009/06/26/professional-frontend-engineering-video/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 07:33:57 +0000</pubDate>
		<dc:creator>Lori</dc:creator>
				<category><![CDATA[Geekery]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://lorib.me/?p=1221</guid>
		<description><![CDATA[This video, Nate Koechley: &#8220;Professional Frontend Engineering&#8221; from Yahoo! Video, is a great presentation about the current state of frontend web development (HTML, CSS, JavaScript). I was completely captivated for the full hour and a half that the presentation lasted. Nate started out with a history of website development starting with a 1994 version of [...]<h4>Related posts:<ol>
<li><a href='http://lorib.me/2007/03/20/plugin-update/' rel='bookmark' title='Plugin Update'>Plugin Update</a> <small>I have given up on the Share This plugin for...</small></li>
<li><a href='http://lorib.me/2007/03/22/more-wordpress-plugins/' rel='bookmark' title='More WordPress Plugins'>More WordPress Plugins</a> <small>The first plugin of today is not actually a wordpress...</small></li>
<li><a href='http://lorib.me/2009/03/03/chalkboard-color-scheme-for-komodo/' rel='bookmark' title='Chalkboard Color Scheme for Komodo'>Chalkboard Color Scheme for Komodo</a> <small>This color scheme is updated regularly. (View Updates) Komodo Edit...</small></li>
</ol></h4>]]></description>
			<content:encoded><![CDATA[<p>This video, <a href="http://video.yahoo.com/watch/4671445/12486762?v=4671445">Nate Koechley: &#8220;Professional Frontend Engineering&#8221;</a> from <a href="http://video.yahoo.com/">Yahoo! Video</a>, is a great presentation about the current state of frontend web development (HTML, CSS, JavaScript). I was completely captivated for the full hour and a half that the presentation lasted.</p>
<div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="322" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="AllowScriptAccess" value="always" /><param name="bgcolor" value="#000000" /><param name="flashVars" value="id=12486762&amp;vid=4671445&amp;lang=en-us&amp;intl=us&amp;thumbUrl=http%3A//l.yimg.com/a/p/i/bcst/videosearch/7843/81860441.jpeg&amp;embed=1" /><param name="src" value="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.40" /><param name="flashvars" value="id=12486762&amp;vid=4671445&amp;lang=en-us&amp;intl=us&amp;thumbUrl=http%3A//l.yimg.com/a/p/i/bcst/videosearch/7843/81860441.jpeg&amp;embed=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="322" src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.40" flashvars="id=12486762&amp;vid=4671445&amp;lang=en-us&amp;intl=us&amp;thumbUrl=http%3A//l.yimg.com/a/p/i/bcst/videosearch/7843/81860441.jpeg&amp;embed=1" bgcolor="#000000" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p>Nate started out with a history of website development starting with a 1994 version of the Yahoo! website and continuing until the present. He also spoke about the evolution of technologies and trends over the years. It was interesting to hear about how table based design became popular and why it was necessary at the time.</p>
<p>Next up was an overview of current beliefs and principles of front end engineering, which covered progressive enhancement, unobtrusive javascript, and the importance of making the website available to the largest possible audience.</p>
<p>The next section, Knowledge Areas and Best Practices, covered rendering modes, doctypes, and using each technology appropriately, i.e. html for semantic markup, css for presentation, and unobtrusive javascript for behavior. One thing I found interesting was that he considered it more important to keep the css code for each area in the same place by using hacks for IE6 and IE7, even though it would prevent the css from validating. I usually use conditional comments and separate stylesheets for different versions or combinations of versions of IE and can definitely see the benefit of Nate&#8217;s approach, as well as how it could be a big timesaver.</p>
<p>The presentation wrapped up with the &#8216;Why It All Matters&#8217; segment which brought everything together and included a call to action for developers to stay vigilant, keep up with modern technologies and the bugs that arise from them, and to continue making the internet a better experience for everyone.</p>
<h4>Related posts:<ol>
<li><a href='http://lorib.me/2007/03/20/plugin-update/' rel='bookmark' title='Plugin Update'>Plugin Update</a> <small>I have given up on the Share This plugin for...</small></li>
<li><a href='http://lorib.me/2007/03/22/more-wordpress-plugins/' rel='bookmark' title='More WordPress Plugins'>More WordPress Plugins</a> <small>The first plugin of today is not actually a wordpress...</small></li>
<li><a href='http://lorib.me/2009/03/03/chalkboard-color-scheme-for-komodo/' rel='bookmark' title='Chalkboard Color Scheme for Komodo'>Chalkboard Color Scheme for Komodo</a> <small>This color scheme is updated regularly. (View Updates) Komodo Edit...</small></li>
</ol></h4>]]></content:encoded>
			<wfw:commentRss>http://lorib.me/2009/06/26/professional-frontend-engineering-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Poetic Prophet &#124; Design Coding</title>
		<link>http://lorib.me/2008/12/11/poetic-prophet-design-coding/</link>
		<comments>http://lorib.me/2008/12/11/poetic-prophet-design-coding/#comments</comments>
		<pubDate>Thu, 11 Dec 2008 19:37:39 +0000</pubDate>
		<dc:creator>Lori</dc:creator>
				<category><![CDATA[Geekery]]></category>
		<category><![CDATA[Random]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://lorib.me/?p=674</guid>
		<description><![CDATA[Stumbled across this while reading about browsers at molly.com. I am not completely sure if it will appeal as much to the non-web designer/developer crowd as it did to me. By Poetic Prophet &#8211; SEO Rapper (aka Chuck Lewis) Lyrics: Design Coding Your site design is the first thing people see it should be reflective [...]<h4>Related posts:<ol>
<li><a href='http://lorib.me/2004/09/28/new-business-site-is-finally-up/' rel='bookmark' title='New business site is finally up!'>New business site is finally up!</a> <small>After many months of changing my mind about the design...</small></li>
<li><a href='http://lorib.me/2005/10/23/if-architects-had-to-work-like-web-designers%e2%80%a6/' rel='bookmark' title='If Architects Had To Work Like Web Designers'>If Architects Had To Work Like Web Designers</a> <small>From: Software is too expensive to build cheaply Dear Mr....</small></li>
<li><a href='http://lorib.me/2008/03/25/idiot/' rel='bookmark' title='Idiot'>Idiot</a> <small>Maybe that is an unfair title. I think that most...</small></li>
</ol></h4>]]></description>
			<content:encoded><![CDATA[<p>Stumbled across this while reading about browsers at <a href="http://molly.com">molly.com</a>. I am not completely sure if it will appeal as much to the non-web designer/developer crowd as it did to me.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/a0qMe7Z3EYg&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/a0qMe7Z3EYg&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>By Poetic Prophet &#8211; <a href="http://www.theseorapper.com/">SEO Rapper</a> (aka Chuck Lewis)</p>
<p>Lyrics:</p>
<h3 style="color: #900;">Design Coding</h3>
<p>Your site design is the first thing people see<br />
it should be reflective of you and the industry<br />
easy to look at with a nice navigation<br />
when you can’t find what you want it causes frustration</p>
<p>a clear Call to action to increase the temptation<br />
use appealing graphics they create motivation<br />
if you have animation<br />
use with moderation<br />
cause search engines can’t index the information</p>
<p>display the logos of all your associations<br />
highlight your contact info that’s an obligation<br />
create a clean design you can use some decoration<br />
but to try to prevent any client hesitation</p>
<p>every page that they click should provide and explanation<br />
should be easy to understand like having a conversation<br />
when you design the style go ahead and use your imagination</p>
<p>but make sure you use correct color combinations<br />
do some investigation, look at other organizations<br />
but don’t duplicate or you might face a litigation<br />
design done, congratulations but it’s time to start construction</p>
<p>follow these instructions when you move into production<br />
your photoshop functions then slice that design<br />
do your layout with divs make sure that it’s aligned<br />
please don’t use tables even though they work fine<br />
when it come to indexing they give searches a hard time</p>
<p>make it easy for the spiders to crawl what you provide<br />
remove font type, font color and font size<br />
no background colors, keep your coding real neat</p>
<p>tag your look and feel on a separate style sheet<br />
better results with xml and css<br />
now you making progress, a lil closer to success<br />
describe your doctype so the browser can relate<br />
make sure you do it great or it won’t validate</p>
<p>check in all browsers, I do it directly<br />
gotta make sure that it renders correctly<br />
some use IE, some others use Flock<br />
some use AOL, I use Firefox</p>
<p>title everything including links and images<br />
don’t use italics, use emphasis<br />
don’t use bold, please use strong<br />
if you use bold that’s old and wrong</p>
<p>when you use CSS, you page will load quicker<br />
client satisfied like they eating on a snicker<br />
they stuck on your page like you made it with a sticker<br />
and then they convert now that’s the real kicker<br />
make you a lil richer, your site a lil slicker</p>
<p>design and code right man I hope you get the picture<br />
what I’m telling you is true man it should be a scripture<br />
if it’s built right you’ll be the pick of the litter<br />
everyone will want to follow you like twitter<br />
competition will get bitter and you’ll shine like glitter</p>
<p>if you trying to grow your company will get bigger<br />
design and code right man can you get with it</p>
<h4>Related posts:<ol>
<li><a href='http://lorib.me/2004/09/28/new-business-site-is-finally-up/' rel='bookmark' title='New business site is finally up!'>New business site is finally up!</a> <small>After many months of changing my mind about the design...</small></li>
<li><a href='http://lorib.me/2005/10/23/if-architects-had-to-work-like-web-designers%e2%80%a6/' rel='bookmark' title='If Architects Had To Work Like Web Designers'>If Architects Had To Work Like Web Designers</a> <small>From: Software is too expensive to build cheaply Dear Mr....</small></li>
<li><a href='http://lorib.me/2008/03/25/idiot/' rel='bookmark' title='Idiot'>Idiot</a> <small>Maybe that is an unfair title. I think that most...</small></li>
</ol></h4>]]></content:encoded>
			<wfw:commentRss>http://lorib.me/2008/12/11/poetic-prophet-design-coding/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  lorib.me/tag/web-standards/feed/ ) in 0.98845 seconds, on Feb 9th, 2012 at 1:18 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 9th, 2012 at 2:18 pm UTC -->
