<?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>Mortfiles Evolved &#187; css</title>
	<atom:link href="http://mortfiles.com/evolved/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://mortfiles.com/evolved</link>
	<description></description>
	<lastBuildDate>Thu, 23 Jul 2009 07:00:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Speed and pageloads</title>
		<link>http://mortfiles.com/evolved/development/speed-and-pageloads/</link>
		<comments>http://mortfiles.com/evolved/development/speed-and-pageloads/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 09:06:13 +0000</pubDate>
		<dc:creator>Jimi Wikman</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[bundle]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[http request]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[lighttp]]></category>
		<category><![CDATA[litespeed]]></category>
		<category><![CDATA[speed]]></category>
		<category><![CDATA[sprite]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://mortfiles.com/evolved/?p=38</guid>
		<description><![CDATA[Loading times are always important so speed and pageloads is high on my list of things to do, not just for this project, but also as part of my further development as a webdesigner.
For this project however I will try some, for me,  new things and see how they effect the website&#8217;s performance.  The first [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Loading times are always important so speed and pageloads is high on my list of things to do, not just for this project, but also as part of my further development as a webdesigner.</strong></p>
<p>For this project however I will try some, for me,  new things and see how they effect the website&#8217;s performance.  The first thing to do will be to consider http requests and see how to make them as few as possible. This I plan to do by taking the three categories CSS, Javascript and Images and rework them slightly so that I hopefully will get very few http request.</p>
<p>For javascript, which I will have a few of, I want to bundle the scripts into one, or possibly two http request. This is done by adding the different calls into one combined call that hold all the javascripts required.  All javascripts will of course be minified to make them as small as possible and I will carefully look over the plugins to make sure redundant javascript is not added by them. I am considering adding the jQuery library from Google repository, but I&#8217;ll have to play with that a bit to see how that work out and what the benefits will be when combined with my other time saving efforts.</p>
<p>For CSS I will use a similar setup, taking advantage of the code written by <a href="http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files">Rakaz</a> that allow the same combination of files  as for javascript files, reducing the CSS files into one single http request. I will use the minified approach here as well and we&#8217;ll see how much this will speed things up.</p>
<p>For images I will use sprites, which is essentially one big picture with many images that is used instead of many smaller ones. This will seriously reduce the number of http requests and I will use this throughout the website. The sprite itself will of course be minified as much as possible without reducing the experience. All images are of course plced in the CSS and not in the actual HTML code.</p>
<p>This is all good and it will reduce the number of requests alot, but I can do more.  Javscripts that are not essential should be placed at the end of the document which means that altough it att a second javascript http request it should increase speed for the visitors as it is added <em>after</em> the page loads. The actual pageload will be a little higher due to the second http request, but it will feel faster.</p>
<p><span id="more-38"></span></p>
<p>The http request can also be speeded up by dividing them into two hostnames since there are only two http requests at any given time for any given hostname, the other requests will be placed in que. So by splitting the http requests over two hostnames we can process two sets of http requests instead of just one. This will speed things up additionally.</p>
<p>The php function Flush() will be added to force the browser to load the HTML instead of waiting for the http requests to finish as is it&#8217;s normal behaviour. This will make sure the HTML is loaded almost instantly without waiting for the http requests which will, once again enhance the experience for the visitors.</p>
<p>In addition to this I plan to put the new Mortfiles website on its own VPS that will be equiped with <a href="http://litespeedtech.com/">LiteSpeed</a> and <a href="http://www.lighttpd.net/">lighttpd</a> to make things really fly. Then I&#8217;ll just add Wordpress <a href="http://wordpress.org/extend/plugins/wp-super-cache/">super cache</a> to make all areas of the website into static files and add server compression to the files and violá&#8230;</p>
<p>pretty fast website&#8230;for a white guy <img src='http://mortfiles.com/evolved/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://mortfiles.com/evolved/development/speed-and-pageloads/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Everything You Know About CSS Is Wrong</title>
		<link>http://mortfiles.com/evolved/movies/everything-you-know-about-css-is-wrong/</link>
		<comments>http://mortfiles.com/evolved/movies/everything-you-know-about-css-is-wrong/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 22:28:59 +0000</pubDate>
		<dc:creator>Jimi Wikman</dc:creator>
				<category><![CDATA[Movies]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css table]]></category>
		<category><![CDATA[sitepoint]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://mortfiles.com/evolved/?p=41</guid>
		<description><![CDATA[What Will You Learn?
Everything You Know About CSS Is Wrong! is an eye-opening exposé on CSS as we know it today. You’ll discover a fresh approach to coding Cascading Style Sheets where old hacks and workarounds are just a distant memory.
You’ll learn how to start taking full advantage of the very latest CSS techniques while [...]]]></description>
			<content:encoded><![CDATA[<h4>What Will You Learn?</h4>
<p><em>Everything You Know About CSS Is Wrong!</em> is an eye-opening exposé on CSS as we know it today. You’ll discover a fresh approach to coding Cascading Style Sheets where old hacks and workarounds are just a distant memory.</p>
<p>You’ll learn how to start taking full advantage of the very latest CSS techniques while still catering for older browsers and discover what’s put the final nail in the HTML table-based layout coffin.</p>
<p>CSS was conceived in an age when web-site design was simple; its creators never anticipated the intricacy of designs that it would be asked to deliver today.</p>
<p>Clever designers figured out ways to make CSS do what they needed, but by using techniques so convoluted it became unpredictable and difficult to master. CSS just became too hard&#8230;</p>
<p>The good  news is, that’s all about to change, and this book will show  you how!</p>
<div><a title="Get your sample chapters now!" href="http://www.sitepoint.com/books/csswrong1/samplechapters.php?SID=cc6f2eaa9813a638f4c6b6be959cb96e"> </a><span id="more-41"></span></div>
<h4>Who Are  Your Authors?</h4>
<p>We’ve assembled an all-star line up of the world’s best front-end specialists to deliver a book that will change the way you use CSS forever.</p>
<p>Written by Rachel Andrew &amp; Kevin Yank with special contributions from Cameron Adams, Andy Clarke, Jonathan Snook, and Derek Featherstone – you’ll not find a greater collective source of CSS wisdom.</p>
<p><strong>About Rachel Andrew</strong></p>
<p>Rachel Andrew is a director of web-solutions provider <a href="http://edgeofmyseat.com/">edgeofmyseat.com</a>. Rachel takes a common sense, real-world approach to web standards, with her writing and teaching being based on the experiences she has in her own company every day. Rachel has also authored <a href="http://www.sitepoint.com/books/cssant2/">The CSS Anthology</a> and <a href="http://www.sitepoint.com/books/css2/">HTML Utopia: Designing Without Tables Using CSS, 2nd Edition</a>.</p>
<p><strong>About Kevin Yank</strong></p>
<p>Kevin Yank is a  world-renowned leader in web development. When not writing best  sellers, Kevin is the Technical Director of <a href="http://www.sitepoint.com/">sitepoint.com</a> and editor  of the popular SitePoint Tech Times newsletter.  Kevin has also  authored <a href="http://www.sitepoint.com/books/phpmysql1/">Build Your Own Database Driven Website Using PHP &amp; MySQL</a>, and <a href="http://www.sitepoint.com/books/javascript1/">Simply JavaScript</a>.</p>
<h4>What’s Inside?</h4>
<dl>
<dt><img src="http://www.sitepoint.com/images/books/csswrong1/chap1.gif" alt="Chapter 1 " /> Chapter 1: The  Problem with CSS</dt>
<dd> Set the scene for what  will be a milestone for CSS compatibility in browsers: the arrival of  Internet Explorer 8.</dd>
<dt> <img src="http://www.sitepoint.com/images/books/csswrong1/chap2.gif" alt="Chapter 2 " />Chapter 2: CSS  Table Layout</dt>
<dd>This is the chapter that  will put the final nail in the coffin of HTML table-based layouts.</dd>
<dt> <img src="http://www.sitepoint.com/images/books/csswrong1/chap3.gif" alt="Chapter 3 " />Chapter 3: CSS  Table Solutions</dt>
<dd> In this chapter, we test  the limits of what CSS tables can do. </dd>
<dt><img src="http://www.sitepoint.com/images/books/csswrong1/chap4.gif" alt="Chapter 4 " />Chapter 4:  Considering Older Browsers</dt>
<dd>Is the use of CSS tables an unreachable Utopian dream? This chapter will convince you that CSS table-based layouts are ready for prime time.</dd>
<dt><img src="http://www.sitepoint.com/images/books/csswrong1/chap5.gif" alt="Chapter 5 " />Chapter 5: The  Road Ahead</dt>
<dd> While CSS tables can be used today, what’s around the corner? CSS3 will provide a substantial increase in layout control, and this chapter is a preview of what’s to come. </dd>
</dl>
<p><a href="http://www.sitepoint.com/books/csswrong1/toc.php?SID=cc6f2eaa9813a638f4c6b6be959cb96e"></a></p>
<h4>Who Should Read This Book?</h4>
<p>This is not ‘just another book about CSS’ it&#8217;s a book aimed squarely at web designers and developers who want to ensure they’re up-to-date with the very latest, best-practice CSS techniques.</p>
<p>This book is required  reading if you fit any of the below:</p>
<ul>
<li>Work  with CSS layouts—from those just beginning to those who  	possess a good working knowledge of CSS layout techniques</li>
<li> Have  a desire to stay ahead and keep their CSS knowledge fresh and  	relevant</li>
<li> Want  to explore the future possibilities provided by increasing levels of  	CSS compatibility in modern browsers</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://mortfiles.com/evolved/movies/everything-you-know-about-css-is-wrong/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
