<?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/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>The Next Web &#187; CSS</title>
	<atom:link href="http://thenextweb.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://thenextweb.com</link>
	<description>International technology news, business &#38; culture</description>
	<lastBuildDate>Tue, 14 Feb 2012 17:01:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://thenextweb.com/?pushpress=hub'/>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>This jaw-dropping rendering of an iPhone 4 was written completely in CSS3</title>
		<link>http://thenextweb.com/dd/2012/01/03/this-jaw-dropping-rendering-of-an-iphone-4-was-written-completely-in-css3/</link>
		<comments>http://thenextweb.com/dd/2012/01/03/this-jaw-dropping-rendering-of-an-iphone-4-was-written-completely-in-css3/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 17:10:00 +0000</pubDate>
		<dc:creator>Drew Olanoff</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Design & Dev]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[iphone 4]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[rendering]]></category>

		<guid isPermaLink="false">http://thenextweb.com/?p=307023</guid>
		<description><![CDATA[This amazing feat in design comes to us thanks to HTML5 and CSS guru Vasiliy Zubach, also known as TjRus. I&#8217;m not sure if Zubach was just bored or someone...]]></description>
			<content:encoded><![CDATA[<p>This amazing feat in design comes to us thanks to HTML5 and CSS guru Vasiliy Zubach, also known as <a href="https://twitter.com/#!/TjRus">TjRus</a>. I&#8217;m not sure if Zubach was just bored or someone dared him to do it, but he has rendered an iPhone 4 completely in CSS3. That means there are no images in his design whatsoever.</p>
<p><a href="http://tjrus.com/iphone"><img class="aligncenter size-full wp-image-307037" title="iPhone 4 in pure CSS3 photo" src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/01/iPhone-4-in-pure-CSS3.jpg" alt="iPhone 4 in pure CSS3 This jaw dropping rendering of an iPhone 4 was written completely in CSS3" width="335" height="535" /></a></p>
<p>You can view it in its full glory <a href="http://tjrus.com/iphone">here</a>, and marvel at the zero image, 3,395 lines of CSS and 335 lines of Javascript version of the iPhone 4.</p>
<p>You can even click the home button, slide to unlock it, and shut it off with the power button.</p>
<p>The fact that all of the features of the phone and design of the icons were done without use of images is astonishing, and impressive. Well done!</p>
]]></content:encoded>
			<wfw:commentRss>http://thenextweb.com/dd/2012/01/03/this-jaw-dropping-rendering-of-an-iphone-4-was-written-completely-in-css3/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
	
		<media:thumbnail url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/01/iPhone-4-in-pure-CSS3-150x150.jpg" />
		<media:content url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/01/iPhone-4-in-pure-CSS3.jpg" medium="image">
			<media:title type="html">iPhone 4 in pure CSS3!</media:title>
			<media:thumbnail url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/01/iPhone-4-in-pure-CSS3-150x150.jpg" />
		</media:content>
<enclosure url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/01/4731067462_3820e8775d_b-520x245.jpg" type="image/jpeg" length="0" />
	</item>
		<item>
		<title>Don&#8217;t like the new Skype for Mac design? This should help.</title>
		<link>http://thenextweb.com/lifehacks/2010/11/05/how-to-fix-the-new-skype-for-mac-chats/</link>
		<comments>http://thenextweb.com/lifehacks/2010/11/05/how-to-fix-the-new-skype-for-mac-chats/#comments</comments>
		<pubDate>Fri, 05 Nov 2010 14:09:32 +0000</pubDate>
		<dc:creator>Courtney Boyd Myers</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[LifeHacks]]></category>
		<category><![CDATA[Chat]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Instant messaging]]></category>
		<category><![CDATA[Videotelephony]]></category>

		<guid isPermaLink="false">http://thenextweb.com/lifehacks/?p=558</guid>
		<description><![CDATA[<img width="294" height="245" src="http://cdn.thenextweb.com/files/2010/11/mac-instal-dialog-skype.jpeg" alt="mac-instal-dialog-skype" title="mac-instal-dialog-skype" /><br />How to: Fix the new Skype for Mac chats]]></description>
			<content:encoded><![CDATA[<img width="294" height="245" src="http://cdn.thenextweb.com/files/2010/11/mac-instal-dialog-skype.jpeg" alt="mac-instal-dialog-skype" title=" photo"  /><br /><p>Thousands of Skype users slammed the new 5.0 Beta for Mac release, complaining about its obtrusive UI.</p>
<p>The amount of white space in chat messages raised a considerable amount of complaining, but thanks to an article from <a title="Disruptive Telephony" href="http://www.disruptivetelephony.com/2010/11/hate-all-the-whitespace-in-skype-50-beta-for-mac-re-style-it.html" target="_blank">DisruptiveTelephony</a>, we now know how to fix it.</p>
<p><strong>How to create a new chat interface</strong></p>
<ul>
<li>Right-click Skype.app in your Applications folder</li>
<li>Click &#8220;Show Package Contents&#8221;</li>
<li>Go into Contents &gt; Resources &gt; ChatStyles. There is only one style there, &#8220;Panamericana.&#8221; You can open it to then restyle chats through the typical combination of CSS, HTML and JavaScript.</li>
<li>Installing: Extract the contents of the chat style from a zip file</li>
<li>Install them into &#8220;~/Library/Application Support/Skype/ChatStyles&#8221; (create the folder if you need to)</li>
<li>Restart Skype and then choose your chat style from the Preferences:</li>
</ul>
<p><a href="http://cdn.thenextweb.com/files/2010/11/6a00d8341bfc6e53ef013488bb922c970c.jpg"><img class="aligncenter size-full wp-image-561" title="6a00d8341bfc6e53ef013488bb922c970c photo" src="http://cdn.thenextweb.com/files/2010/11/6a00d8341bfc6e53ef013488bb922c970c.jpg" alt="6a00d8341bfc6e53ef013488bb922c970c Dont like the new Skype for Mac design? This should help." width="500" height="312" /></a></p>
<p>Check out PongSocket to download &#8220;Panamerica Mini,&#8221; a smaller chat style <a title="here" href="http://pongsocket.com/experiments/skype5mini" target="_blank">here</a>.</p>
<p>We hope to see a few new Skype chat styles available as this post speeds around the Internet.</p>
<p>N.B. This modification is not available for Skype 5.0 on Windows.</p>
<p>See our complete Skype review <a title="here" href="http://thenextweb.com/apple/2010/11/04/skype-for-mac-the-tnw-complete-review/" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://thenextweb.com/lifehacks/2010/11/05/how-to-fix-the-new-skype-for-mac-chats/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
	
		<media:thumbnail url="http://cdn.thenextweb.com/files/2010/11/mac-instal-dialog-skype.jpeg" />
		<media:content url="http://cdn.thenextweb.com/files/2010/11/mac-instal-dialog-skype.jpeg" medium="image">
			<media:title type="html"> photo</media:title>
		</media:content>
		<media:content url="http://cdn.thenextweb.com/files/2010/11/6a00d8341bfc6e53ef013488bb922c970c.jpg" medium="image">
			<media:title type="html">Facebook-MySpace Announcement Thursday?</media:title>
		</media:content>
<enclosure url="http://cdn.thenextweb.com/files/2010/11/mac-instal-dialog-skype.jpeg" type="image/jpeg" length="0" />
	</item>
	</channel>
</rss>

