YouTubeがTIME誌の「Innovation of the Year」に当選!

/web/trend

But only YouTube created a new way for millions of people to entertain, educate, shock, rock and grok one another on a scale we've never seen before. That's why it's Time's Invention of the Year for 2006. TIME Magazine, TIME Best Inventions 2006

いろいろ問題にもなりましたが、なんだかんだで大きく貢献したってことでしょう。確かにYouTubeの成功を受け、Webにおける動画配信はぐっと普及した感じです。著作権に関する考え方も、だいぶ変わってきましたね。

ただ、日本ではJASRACが頑張っているので難しいかもしれません ^^;

アップル、全従業員にiPod shuffleをプレゼント

/web/trend

アップルのCEOスティーブン・ジョブズ氏は社内向けのeメールで、新発売されたばかりの新iPod shuffleを全社員にプレゼントする意向をあきらかにしたとのこと。 Engadget, アップル、全従業員に2G iPod shuffleをプレゼント

グーグルで言う10の黄金率の1つ「自社製品を自分でも使え」の究極系? しかも実機の支給とは、さすがイノベーション企業はやることが違います。かくして優れた製品ができあがる、と。

XHTMLにFlashを埋め込む

/web/html-css

標準準拠のXHTML文書にFlashコンテンツを設置する方法。

  1. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="340" height="280" id="fNavi" align="middle">
  2. <param name="allowScriptAccess" value="sameDomain" />
  3. <param name="movie" value="flash/navi.swf" />
  4. <param name="quality" value="high" />
  5. <param name="wmode" value="transparent">
  6. <param name="bgcolor" value="#ffffff" />
  7. <embed src="flash/navi.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="340" height="280" name="fNavi" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  8. </object>

強調表示にソースを書きます。てきと~にカスタムしてください。

»続きがあります

floatボックスが親ボックスを突き破る問題

/web/html-css

floatボックスが親ボックスを貫通して表示される問題について。いわゆるclearfixに関するアレコレ。

親ボックスの中に「box_A (float:left;)」と「box_B (float:right;)」があるとする。OperaやFirefox等のモダンブラウザで見てみると、中身(floatボックス)の高さが親ボックスに反映されていないことが判る。ちなみに上記のソースは以下。

  1. <div style="width:140px; padding: 10px; border:1px solid #666; color: #333;">
  2. <div style="float: left; width: 70px; height: 100px; border:1px solid #999; background: #f0f0f0;">box_A</div>
  3. <div style="float: right; width: 50px; height: 50px; border:1px solid #999; background: #f0f0f0;">box_B</div>
  4. </div>

»続きがあります