裏風 » Web http://urakaze.com 2005年からだらだら続くガジェットハック系ブログ Fri, 22 Apr 2011 13:11:08 +0000 ja hourly 1 http://wordpress.org/?v=3.3 YouTubeの再生画面が16:9のワイド大画面に http://urakaze.com/post-295.html http://urakaze.com/post-295.html#comments Tue, 25 Nov 2008 08:11:16 +0000 Wind http://urakaze.com/?p=295
本日午後（12時半？）、突然YouTubeが16:9のワイド画面表示になりました。つい先日1280×720の高画質HD動画に対応したばかりですが、それらの動画をフルスクリーン化しないでも十分に満喫できる仕様になったようです。


↑アップデート前後の画面、クリックで拡大。

表示サイズは従来の480x360から640x360になり、以前の4:3の動画は左右に黒帯が挿入され再生されるようです。

そして今回のアップデートで、YouTube各所にGoogleChromeのダウンロードを促すリンクが設置された模様。表示領域の大きいGoogleChromeで拡大されたYouTubeの動画の鑑賞を誘導することで、本格的にGoogleもブラウザのシェアを伸ばす手段に出たようです。Googleに資金の8割を依存しているMozilla Firefoxはこの先寿命がますます短くなっていくのでしょうか。

タグ: , ,
]]> http://urakaze.com/post-295.html/feed 0 overflowを使用し引用文(blockquote)をスクロールさせるCSS http://urakaze.com/post-215.html http://urakaze.com/post-215.html#comments Fri, 03 Oct 2008 08:39:41 +0000 Wind http://urakaze.com/?p=215 引用文が長い場合、本文を遠く下まで押し出してしまい、見栄えが悪くなるのを解決するCSSを紹介します。

当サイトではまだ導入していませんが、次回アップデート時に導入を検討中です。
詳細は以下のとおり。


普通に長文をblockquoteで囲むと、
当然のことながら原文よりも引用記事が長くなり、
本文までスクロールする前に読み手の読む気が失せてしまいます。

そんな問題を解決するのが今回のCSS。


普通に引用した場合こんな感じ。

これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。



これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。


そして今回紹介するCSSを使った場合がこちら。

これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。



これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。
これは長文のサンプルです。これは長文のサンプルです。これは長文のサンプルです。

これは長文のサンプルです。これは長文のサンプルです。

このCSSを利用することにより、原文を読みつつそれに対する文章も同時に直下に表示することができるので、読み手にとっても便利でしょう（一々フレーム内もスクロールするのは面倒だという意見もありますが）。

これはheightとoverflowの2要素を書き足すだけで実現できます。
CSS内に書く場合、

blockquote {
height:250px;
overflow-y:scroll;
}

HTML内に書く場合、

<blockquote style="height:250px;overflow-y:scroll;">引用文</blockquote>


なお、heightの部分は任意の数値に変更してください（上記サンプルが250pxです）。

タグ: ,
]]> http://urakaze.com/post-215.html/feed 0 Google SEO的に動的URLが推奨される時代へ http://urakaze.com/post-188.html http://urakaze.com/post-188.html#comments Wed, 24 Sep 2008 14:21:41 +0000 Wind http://urakaze.com/?p=188 グーグル、動的URLはそのまま、静的URLへ書き換えすべきでない » 海外SEO情報ブログ・メルマガ

この記事によると、従来はGoogleに登録されにくかった動的URLが、新しいGoogleのエンジンによって認識されるようになり、.htmlのような静的URLに変換する必要がなくなるとのことです。

静的URLの例：www.xxx.com/index.html
動的URLの例：www.xxx.com/?p=111

当サイトではPHPにより生成される動的コンテンツをpost-xxx.htmlの形で出力していますが、
この様な置き換えをしなくてもGoogleが正常に認識してくれるとのこと。

これでPHPなどを利用したCMSを使ったサイト構築の手間も少し減るのではないでしょうか。

タグ: , ,
]]> http://urakaze.com/post-188.html/feed 0 サイトをデザインの色で分けるソーシャルブックマークサービス http://urakaze.com/post-176.html http://urakaze.com/post-176.html#comments Sun, 21 Sep 2008 03:59:34 +0000 Taichi http://urakaze.com/?p=176 どうしても紹介したかったので自分のサイトからこちらでも紹介。
CoorTube
サイトを色で分けるデザイン系のソーシャルブックマークサービス（以下SBM）のColorTubeの紹介。
あまり人気が無い？というか利用者が少ないようですが、こういうサイトはかなり好きです。

ColorTubeより引用

色でタグ付けすることをコンセプトとした、オンラインブックマークサイトです。ブログやWebサイトなど、デザインするすべての人に、色でカテゴライズできるネットギャラリーとしてお使い頂けます。


意外と、かっこいいデザインのサイトを集めたようなサイトは今までいくら探しても見つからなかった（あっても大企業のサイトばかり）ので、このサイトにもっと利用者が増えてくれればうれしいです。

SBMという利点はマイナーなブログやサイトでもデザインが良いものならどんどん集まってくる事だと思います。
自分のサイトを持っている方もデザインに自身のある方は登録してみるといかがですか？

URL: http://www.colortube.jp/

※タグ付けは基本的にカタカナで色の名前を入力するようです。

ブックマークレットもあります。
: ColorTubeに登録する
: ColorTubeに登録する（ポップアップ）

タグ: ,
]]> http://urakaze.com/post-176.html/feed 0 サイトのデザインに使えそうな壁紙集 http://urakaze.com/post-15.html http://urakaze.com/post-15.html#comments Fri, 30 May 2008 11:59:36 +0000 Taichi http://urakaze.com/?p=15 Deviant art より画像の紹介です。

wallpaper
Warped Abstract - Wallpack by ~MadPotato on deviantART

Web2.0な壁紙集です。
すべての壁紙に一貫性があり、なんとなくサイトのデザインに向いているような気がします。
サイズ: 1900×1200 , 2048× 1536

http://deviantart.com/

Written by Taichi

]]> http://urakaze.com/post-15.html/feed 3