<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [
<!ENTITY nbsp "&#160;">]>
<rss version="2.0">
   <channel>
      <title>Paul Rouget's home.</title>
      <description>paulrouget.com</description>
      <link>http://paulrouget.com</link>
      <language>en-us</language>
      <pubDate>Wed, 01 Sep 2010 18:18:05 +0200</pubDate>
      <lastBuildDate>Wed, 01 Sep 2010 18:18:05 +0200</lastBuildDate>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs>
      <generator>A fucking good shell script.</generator>
   <item>
  <title>random stuff</title>
  <link>http://paulrouget.com/e/random01</link>
  <description>
      <![CDATA[<ul class="random">
  <li>
  Audio Data API in the #firefox4 nightlies: working demos: <a href="http://mzl.la/cvkD5y">http://mzl.la/cvkD5y</a>;
  </li>
  <li>
  I've been asked how to use the url hash to set a Video timecode: voilà <a href="http://jsbin.com/oyaca3/9/#jumpto:53">http://jsbin.com/oyaca3/9/#jumpto:53</a>;
  </li>
  <li>
  Must watch: HTML!=CSS3 <a href="http://is.gd/ezv2f">http://is.gd/ezv2f</a>;
  </li>
  <li>
  If you have questions about HTML5, CSS3, Javascript, ... feel free to post on our brand new forum <a href="http://mzl.la/a849gb">http://mzl.la/a849gb</a>;
  </li>
  <li>
  New MDN website is live! <a href="https://developer.mozilla.org">https://developer.mozilla.org</a>
  </li>
  <li>
  #Firefox4 WebGL + Direct2D : A 300% bump in render performance <a href="http://bit.ly/armDJV">http://bit.ly/armDJV</a>
  </li>
  <li>
  Important: "User Agent string changes coming in Firefox 4" <a href="http://bit.ly/bL6Qv8">http://bit.ly/bL6Qv8</a>;
  </li>
  <li>
  Check this out: <a href="http://mzl.la/cd4Nue">http://mzl.la/cd4Nue</a> - HTML element as CSS background with -moz-element. Crazy potential :)
  </li>
  <li>
  What's new for web devs in the latest Firefox 4 beta: <a href="http://mzl.la/aqXkg9">http://mzl.la/aqXkg9</a>.
  </li>
</ul>
]]>
  </description>
  <pubDate>Thu, 26 Aug 2010 16:01:50 +0200</pubDate>
  <guid>http://paulrouget.com/e/random01</guid>
  </item>
<item>
  <title>Converting to WebM, OGG/Theora and MP4.</title>
  <link>http://paulrouget.com/e/converttohtml5video</link>
  <description>
      <![CDATA[<p>If you want to use the &lt;video&gt; tag, you need to encode your video to 3 formats:
<ul>
  <li>WebM/VP8
  <li>OGG/Theora
  <li>MP4/h264
</ul>
Here is a quick howto:</p>
<h2>Build ffmpeg (version &gt;= 0.6)</h2>
<p>Create a directory, let's say "myvideos". All the comming commands will
make sure that everything stays in this directory. Your system won't be
altered.</p>
<h3>Downloads:</h3>
<ul>
  <li>ffmpeg source code: <a href="http://www.ffmpeg.org/releases/">here</a>.
</ul>
<p>dependencies:</p>
<ul>
  <li>vorbis: <a href="http://downloads.xiph.org/releases/vorbis/">here</a> (the version of you distribution should be ok: libvorbis-dev);
  <li>x264: <a href="ftp://ftp.videolan.org/pub/videolan/x264/snapshots/">here</a>;
  <li>faac: <a href="http://downloads.sourceforge.net/faac/">here</a>;
  <li>theora: <a href="http://downloads.xiph.org/releases/theora/">here</a>.
  <li>vpx:<br><pre>git clone git://review.webmproject.org/libvpx.git</pre>
</ul>
<h3>Build:</h3>
<p><code>mkdir ~/myvideos/dist</code></p>
For these 5 dependencies:
<ul>
  <li>un-compress;
  <li>go to the source directory;
  <li><code>./configure --prefix=~/myvideos/dist &amp;&amp; make &amp;&amp; make install</code>
</ul>
<p>Let's build ffmpeg:</p>
<pre>$ LDFLAGS=-L$~/myvideos/dist/lib CFLAGS=-I~/myvideos/dist/include ./configure --prefix=~/myvideos/dist --enable-gpl--enable-nonfree --enable-libvpx --enable-libvorbis--enable-pthreads --enable-libx264 --enable-libfaac--enable-libtheora
$ make && make install</pre>
<h3>Convert</h3>
To call ffmpeg:
<p><code>~/myvideos/dist/bin/ffmeg</code></p>
<p>But first, you need to tell where to find libraries:</p>
<p><code>export LD_LIBRARY_PATH=~/myvideos/dist/lib/</code></p>
<p>Here are my 3 command lines to convert to WebM, OGG/Theora and mp4:
<ul>
<li>OGG/Theora
<pre lang="shell">
ffmpeg -i input.mov   -acodec libvorbis -ac 2 -ab 96k -ar 44100   -b 345k -s 640x360 output.ogv
</pre>
<li>WebM/vp8
<pre lang="shell">
ffmpeg -i input.mov   -acodec libvorbis -ac 2 -ab 96k -ar 44100   -b 345k -s 640x360 output.webm
</pre>
<li>MP4/h264
<pre lang="shell">
ffmpeg -i input.mov   -acodec libfaac -ab 96k   -vcodec libx264 -vpre slower -vpre main   -level 21 -refs 2 -b 345k -bt 345k   -threads 0 -s 640x360 output.mp4
</pre>
</ul>
<em>Video are resized to 640x360 with a bitrate of 345k.</em>
<p>Hope it helps.</p>
</p>
]]>
  </description>
  <pubDate>Mon, 23 Aug 2010 15:44:12 +0200</pubDate>
  <guid>http://paulrouget.com/e/converttohtml5video</guid>
  </item>
<item>
  <title>HTML5 forms: more accurate tests for html5test.com</title>
  <link>http://paulrouget.com/e/html5formsandhtml5test</link>
  <description>
      <![CDATA[<p>
<a href="http://beta.html5test.com">html5test</a> is a good test.
It's easy to understand. Neils found a good way to rate HTML5 support.
It's not perfect, but I think a perfect test is not possible if you want
to keep it simple. But there's still room for improvements.
<p>
<p>
Look at the current <a href="http://html5test.com">version of html5test</a>, the <strong>Forms</strong> part.
Webkit has a good score (34/38, 89%), although their HTML5 forms support is incomplete (no UI, validity barely implemented, but they expose the <code>input type</code>). The way forms are tested is not that accurate: 
just testing if the <code>input type</code> is supported as a DOM property is not enough.
The good way is to check that the constraint is actually applied (<code>input.validity.valid</code>).
</p>
<pre lang="javascript">
//Exemple: testing &lt;input type=email&gt;
/*
 * How it was tested
 */
var valid = (input.type == "email");
/*
 * A better way to test it
 */
input.value = "foo";
var valid = false;
if (!input.validity.valid) {
  input.value = "foo@bar.org";
    if (input.validity.valid) {
      valid = true;
    }
}
</pre>
<p>
I also added some tests for <code>input.form</code>, <code>input.labels</code> and <code>label.control</code>. I'm also testing the forms related CSS selectors (<code>:required</code>, <code>:optional</code>, <code>:valid</code> and <code>:invalid</code>).
</p>
<p>
I sent a patch to Neils. You can see the result here <a href="http://beta.html5test.com">beta.html5test.com</a>. Basically, webkit score is less good now for the forms section (29/45, 64%), but still better than Firefox4 ;) (and still very good for Opera).
</p>
<em> Firefox4 nightlies now support part of the HTML5 form specification (talk to <a href="http://twitter.com/mounirlamouri">Mounir</a>, the main developer). The latest nightly's is 24/45 (53%), and it'going to get better :)</em>
]]>
  </description>
  <pubDate>Mon, 23 Aug 2010 12:47:22 +0200</pubDate>
  <guid>http://paulrouget.com/e/html5formsandhtml5test</guid>
  </item>
<item>
  <title>My new laptop: nanonote</title>
  <link>http://paulrouget.com/e/nanonote</link>
  <description>
      <![CDATA[<p>The Nanonote, a very, very small laptop, running Linux. Just bought it from <a href="http://hackable-devices.org/products/product/nanonote/">Hackable-device</a>.
Can you see it? :)</p>
<a href="http://www.flickr.com/photos/paulrouget/4906647153/sizes/l/in/photostream/"><img src="http://farm5.static.flickr.com/4115/4906647153_9f20ba5380.jpg"></a>
]]>
  </description>
  <pubDate>Thu, 19 Aug 2010 12:21:04 +0200</pubDate>
  <guid>http://paulrouget.com/e/nanonote</guid>
  </item>
<item>
  <title>RSS with content</title>
  <link>http://paulrouget.com/e/rsswithcontent</link>
  <description>
      <![CDATA[<p>Now, the RSS feed should include the content of blog posts.</p>
<p>Step after step, I'm building my blog engine :)</p>
]]>
  </description>
  <pubDate>Thu, 19 Aug 2010 07:59:15 +0200</pubDate>
  <guid>http://paulrouget.com/e/rsswithcontent</guid>
  </item>
<item>
  <title>IE performance</title>
  <link>http://paulrouget.com/e/ieperf</link>
  <description>
      <![CDATA[<p><strong>Important edit:</strong> From the different results you shared with me: Sounds like they are probably using a D2D enabled build. Also, the result of this test is not constant at all (I just had a "111" on IE9). The only thing this test teachs us is that a hardware accelerated browser is faster. I will publish more data soon.</p>
<p>
Honestly, I'm super excited to see IE9 coming with so many cool features. It's a little revolution :)</p>
Microsoft, you do it right (well, I would like to see IE9 for Windows XP as well).
</p>
<p>
<s>I just want to add one note to <a href="http://blogs.msdn.com/b/ie/archive/2010/08/04/html5-modernized-fourth-ie9-platform-preview-available-for-developers.aspx">their awesome performance tests</a>. When they test Firefox
they don't activate the D2D acceleration in Firefox (and I understand that, we don't enable it by default, <strong> yet</strong>).
But then, the result is a bit different...</s>
<a href="http://imgur.com/wXC13.png"><img width="400" src="http://imgur.com/wXC13.png"></a>
</p>
]]>
  </description>
  <pubDate>Thu, 05 Aug 2010 11:05:09 +0200</pubDate>
  <guid>http://paulrouget.com/e/ieperf</guid>
  </item>
<item>
  <title>HTML5/CSS3 Slides: DZ&nbsp;Slides</title>
  <link>http://paulrouget.com/e/introdzslides</link>
  <description>
      <![CDATA[<p>For the last few weeks, I've been using the same HTML template as
slides for my presentations. This template is now online.
It works great with Firefox 4 and I'm trying to make it work
with other browsers (need help here). Feel free to grab the
code and play with it:
</p>
<p style="text-align: center;">
<a href="http://paulrouget.com/dzslides/">DZ Slides</a>.
</p>
]]>
  </description>
  <pubDate>Fri, 30 Jul 2010 15:08:45 +0200</pubDate>
  <guid>http://paulrouget.com/e/introdzslides</guid>
  </item>
<item>
  <title>RSS available</title>
  <link>http://paulrouget.com/e/rssavailable</link>
  <description>
      <![CDATA[<p>Ok, so now, the RSS should work (<a href="http://paulrouget.com/index.xml">paulrouget.com/index.xml</a>). A part of this RSS is generated with gcc :)</p>
<code>gcc -traditional -E -P -C -x c -D VAR=value</code>
]]>
  </description>
  <pubDate>Thu, 29 Jul 2010 16:57:07 +0200</pubDate>
  <guid>http://paulrouget.com/e/rssavailable</guid>
  </item>
<item>
  <title>RSS coming</title>
  <link>http://paulrouget.com/e/rsscoming</link>
  <description>
      <![CDATA[<p>I'm working on it...</p>
]]>
  </description>
  <pubDate>Thu, 29 Jul 2010 16:00:00 +0200</pubDate>
  <guid>http://paulrouget.com/e/rsscoming</guid>
  </item>
<item>
  <title>Lenovo shop, you do it wrong</title>
  <link>http://paulrouget.com/e/lenovoshop</link>
  <description>
      <![CDATA[<p>You know, I'm a huge fan of Lenovo products. Like "HUUUGE". I love the Thinkpads.</p>
<p>But, seriously, guys, the <a href="http://www.lenovo.com/">Lenovo Shop</a> is just
the most awful online store ever. They don't know HTML links (just JS jumps), you get lost
in like 2 minutes, it's a mess to understand the difference between all the products... well,
a nightmare.</p>
<p>What about a sober but efficient design, like you do for your products?</p>
]]>
  </description>
  <pubDate>Thu, 29 Jul 2010 15:00:00 +0200</pubDate>
  <guid>http://paulrouget.com/e/lenovoshop</guid>
  </item>
   </channel>
</rss>
