You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
201 lines
10 KiB
201 lines
10 KiB
<?xml version="1.0"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<style type="text/css" media="all">
|
|
@import "/QA/2006/01/blogstyle.css";
|
|
</style>
|
|
<meta name="keywords" content='css, fun, w3c, web' />
|
|
<meta name="description" content="Get a CSS Drive with your favorite geek song." />
|
|
<meta name="revision" content="$Id: css-drive-with-songs.html,v 1.39 2011/12/16 03:02:44 gerald Exp $" />
|
|
<link rel="alternate" type="application/atom+xml" title="Atom" href="http://www.w3.org/QA/atom.xml" />
|
|
<link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="http://www.w3.org/QA/news.rss" />
|
|
<title>Get a CSS Drive - W3C Blog</title>
|
|
|
|
<link rel="start" href="http://www.w3.org/QA/" title="Home" />
|
|
<link rel="prev" href="http://www.w3.org/QA/2008/03/w3c-mailing-lists.html" title="Many ways to access W3C mailing-lists" />
|
|
<link rel="next" href="http://www.w3.org/QA/2008/03/fix-the-web.html" title="If you had to fix the Web..." />
|
|
|
|
<!--
|
|
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
|
|
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
|
<rdf:Description
|
|
rdf:about="http://www.w3.org/QA/2008/03/css-drive-with-songs.html"
|
|
trackback:ping="http://www.w3.org/QA/sununga/mt-tb.cgi/150"
|
|
dc:title="Get a CSS Drive"
|
|
dc:identifier="http://www.w3.org/QA/2008/03/css-drive-with-songs.html"
|
|
dc:subject="CSS"
|
|
dc:description="Get a CSS Drive with your favorite geek song."
|
|
dc:creator="Karl Dubost"
|
|
dc:date="2008-03-21T09:12:55+00:00" />
|
|
</rdf:RDF>
|
|
-->
|
|
|
|
<!-- <script type="text/javascript" src="http://www.w3.org/QA/mt.js"></script>-->
|
|
|
|
</head>
|
|
<body class="layout-one-column">
|
|
<div id="banner">
|
|
<h1 id="title">
|
|
<a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
|
|
W3C Blog
|
|
</h1>
|
|
</div>
|
|
|
|
<ul class="navbar" id="menu">
|
|
<li><strong><a href="/QA/" title="W3C Blog Home">[ W3C Blog ]</a></strong></li>
|
|
<li><a href="/QA/Library/" title="Documents and Publications on Web and Quality">Documents</a></li>
|
|
<li><a href="/QA/Tools/" accesskey="3" title="Validators and other Tools">Tools</a></li>
|
|
<li><a href="/2007/12/qa-blog-help/index#feedback">Feedback</a></li>
|
|
</ul>
|
|
<div id="searchbox">
|
|
<form method="get" action="http://www.google.com/custom" enctype="application/x-www-form-urlencoded">
|
|
<p id="formbox"><input type="text" size="15" class="textfield" name="q" accesskey="E" maxlength="255" /> <input type="submit" class="submitfield" value="Search" id="goButton" name="sa" accesskey="G" /> <input type="hidden" name="cof" value="T:black;LW:72;ALC:#ff3300;L:http://www.w3.org/Icons/w3c_home;LC:#000099;LH:48;BGC:white;AH:left;VLC:#660066;GL:0;AWFID:0b9847e42caf283e;" /><input type="hidden" id="searchW3C" name="sitesearch" checked="checked" value="www.w3.org/QA" /><input type="hidden" name="domains" value="www.w3.org/QA" /></p>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<div id="main"><!-- This DIV encapsulates everything in this page - necessary for the positioning -->
|
|
|
|
<p class="content-nav">
|
|
<a href="http://www.w3.org/QA/2008/03/w3c-mailing-lists.html">« Many ways to access W3C mailing-lists</a> |
|
|
<a href="http://www.w3.org/QA/">Main</a>
|
|
| <a href="http://www.w3.org/QA/2008/03/fix-the-web.html">If you had to fix the Web... »</a>
|
|
</p>
|
|
|
|
<h2 class="entry-header">Get a CSS Drive</h2>
|
|
<div class="entry-body">
|
|
<p>A colleague from the W3C Team sent us an <a href="http://www.flickr.com/photos/yabin/2349092026/">interesting photo</a>. <a href="http://meyerweb.com/">Eric Meyer</a> had already posted on his flickr account this <a href="http://flickr.com/photos/meyerweb/298100710/">strange plate</a>. Then I imagined right away that I was driving on a long road in fluid landscapes, floating right or left, sunset shining in the background. During my CSS drive, I was certainly listening <a href="http://www.bv3k.com/">Bran Van 3000</a> playing the "toone" <a href="http://www.alwaysontherun.net/branvan.htm#d7">More Shopping</a>. A band I discovered when I was living in Montréal:</p>
|
|
|
|
<blockquote>
|
|
<p>Momus :<br/>
|
|
Moloch passed the message to the Behemoth<br/>
|
|
Whose master passed it on to Zebedee<br/>
|
|
It was sent by Internet, by obscure protocols<br/>
|
|
To its recipient, the delicious Miss Gee</p>
|
|
</blockquote>
|
|
|
|
<p>And maybe I would continue with Gilberto Gil, <a href="http://www.gilbertogil.com.br/sec_discografia_letra.php?id=281">Pela Internet</a> (<a href="http://www.gilbertogil.com.br/sec_discografia_player.php?id=281&numero=11&acao=play">listen the music</a>):</p>
|
|
|
|
<blockquote>
|
|
<p>Criar meu web site<br/>
|
|
Fazer minha home-page<br/>
|
|
Com quantos gigabytes<br/>
|
|
Se faz uma jangada<br/>
|
|
Um barco que veleje </p>
|
|
</blockquote>
|
|
|
|
<p>Internet is fun. What would be your geek song?</p>
|
|
|
|
</div>
|
|
<div id="more" class="entry-more">
|
|
|
|
|
|
</div>
|
|
<p class="postinfo">Filed by <a href="http://www.w3.org/People/karl/">Karl Dubost</a> on March 21, 2008 9:12 AM in <a href="http://www.w3.org/QA/archive/technology/css/">CSS</a>, <a href="http://www.w3.org/QA/archive/web_spotting/opinions_editorial/">Opinions &amp; Editorial</a>, <a href="http://www.w3.org/QA/archive/w3cqa_news/w3c_life/">W3C Life</a><br />
|
|
<span class="separator">|</span> <a class="permalink" href="http://www.w3.org/QA/2008/03/css-drive-with-songs.html">Permalink</a>
|
|
| <a href="http://www.w3.org/QA/2008/03/css-drive-with-songs.html#comments">Comments (1)</a>
|
|
| <a href="http://www.w3.org/QA/2008/03/css-drive-with-songs.html#trackback">TrackBacks (0)</a>
|
|
</p>
|
|
|
|
|
|
|
|
<h3 class="comments-header" id="comments">Comments</h3>
|
|
<div class="comment" id="comment-124231">
|
|
<p class="comment-meta" id="c124231">
|
|
<span class="comment-meta-author"><strong>Eric Meyer </strong></span>
|
|
<span class="comment-meta-date"><a href="#c124231">#</a> 2008-03-21</span>
|
|
</p>
|
|
<div class="comment-bulk">
|
|
<p>Well, if you're going on a CSS drive, then you should definitely consider listening to <a href="http://en.wikipedia.org/wiki/Cansei_de_Ser_Sexy" rel="nofollow">CSS</a>.</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="comments-open" id="comments-open">
|
|
<h3 class="comments-open-header">Leave a comment</h3>
|
|
|
|
<div class="comments-open-moderated">
|
|
<p>
|
|
Note: this blog is intended to foster <strong>polite
|
|
on-topic discussions</strong>. Comments failing these
|
|
requirements and spam will not get published. Please,
|
|
enter your real name and email address. Every
|
|
individual comment is reviewed by the W3C staff.
|
|
This may take some time, thank you for your patience.
|
|
</p>
|
|
<p>
|
|
You can use the following HTML markup (a href, b, i,
|
|
br/, p, strong, em, ul, ol, li, blockquote, pre)
|
|
and/or <a href="http://daringfireball.net/projects/markdown/syntax">Markdown syntax</a>.</p>
|
|
</div>
|
|
|
|
<div id="comments-open-data">
|
|
<form method="post" action="http://www.w3.org/QA/sununga/beach.pl" id="comments-form">
|
|
<h4>Your comment</h4>
|
|
<div id="comments-open-text">
|
|
<textarea id="comment-text" name="text" rows="20" cols="100"></textarea><br />
|
|
<label for="comment-text">Write your comment text here. Remember, keep the discussion on topic and courteous.</label>
|
|
</div>
|
|
|
|
<h4>About you</h4>
|
|
<div id="comment-form-name">
|
|
<input type="hidden" name="static" value="1" />
|
|
<input type="hidden" name="entry_id" value="160" />
|
|
<input type="hidden" name="__lang" value="en" />
|
|
<label for="comment-author">Your Name</label>
|
|
<input id="comment-author" name="author" size="30" value="" />
|
|
</div>
|
|
<div id="comment-form-email">
|
|
<label for="comment-email">Your Email Address</label>
|
|
<input id="comment-email" name="email" size="30" value="" />
|
|
</div>
|
|
|
|
<div id="comments-open-footer">
|
|
<input type="submit" accesskey="s" name="post" id="comment-submit" value="Submit" />
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<p id="gentime">This page was last generated on $Date: 2011/12/16 03:02:44 $</p>
|
|
|
|
</div><!-- End of "main" DIV. -->
|
|
|
|
<address>
|
|
|
|
This blog is written by W3C staff and working group participants,<br />
|
|
and maintained by <a href="/People/CMercier/">Coralie Mercier</a>.<br />
|
|
Authorized parties may <a href="/QA/new">log in</a> to create a new entry.<br/>
|
|
<span id="poweredby">Powered by Movable Type, magpierss and a lot of Web Technology</span>
|
|
</address>
|
|
|
|
|
|
|
|
<p class="copyright">
|
|
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 1994-2011
|
|
<a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>®
|
|
(<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
|
|
<a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
|
|
<a href="http://www.keio.ac.jp/">Keio</a>),
|
|
All Rights Reserved.
|
|
W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
|
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
|
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
|
|
and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>
|
|
rules apply. Your interactions with this site are in accordance
|
|
with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
|
|
<a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
|
|
statements.
|
|
</p>
|
|
|
|
</body>
|
|
</html>
|