1. Home
  2. サイト運営情報
  3. アップデート
  4. 横になりながらダラダラした状態でブログを見れるようにしました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
様々なデバイスに対応したFaviconに一括変換してくれる「Real Favicon Generator」が便利!

様々なデバイスに対応したFaviconに一括変換してくれる「Real Favicon Generator」が便利!

今回紹介するのはサイトのFaviconを様々なデバイスに対応した状態で一括変換してくれる「Real Favicon Generator for all platforms」です。スマートフォンのiOS/Android、...

プロ用動画編集ソフトのVEGASシリーズが最大90%割引のキャンペーンを実施中!

プロ用動画編集ソフトのVEGASシリーズが最大90%割引のキャンペーンを実施中!

現在ソースネクストでは、全製品が衝撃プライスのThe Chance Ultraキャンペーンとして、プロ用映像制作ソフトの最新版となるVegas Pro 16シリーズや知識がなくても作曲可能...

Windowsで画像ファイルのサムネイル(縮小表示)が表示されない時の解決方法!

Windowsで画像ファイルのサムネイル(縮小表示)が表示されない時の解決方法!

今回はWindowsを使っていて画像ファイルのサムネイル(縮小表示)が白くなって正常に表示されない問題が発生したときの解決方法を紹介したいと思います。先日スクリーンショ...

moto modsが30%OFF!春のmoto mods割引キャンペーンが実施中!

moto modsが30%OFF!春のmoto mods割引キャンペーンが実施中!

現在、Motorola公式ショップではモトローラ創立90週年 春のmoto mods割引キャンペーンが実施されています。moto Z、moto Z play、moto Z2、moto Z2 play、moto Z3、moto Z3...

日本未発売moto modsのMoto Z Flip Case Marstakを買ってみた!

日本未発売moto modsのMoto Z Flip Case Marstakを買ってみた!

今回は日本未発売のMoto Z Flip Case Marstakを購入してみたのでレビューを書きたいと思います。このケースはmoto Zシリーズのmoto mods用のケースで、moto mods装着用の磁...

Chromeの新機能Blink LazyLoadを有効にして表示を高速化しよう!

Chromeの新機能Blink LazyLoadを有効にして表示を高速化しよう!

Webページを閲覧していて気になるのはその表示速度ですが、今回は簡単にChromeの表示速度を上げる方法を紹介したいと思います。それがChromeの新機能であるBlink LazyLoad...

AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!

AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!

Web開発ではChromeの開発者ツール(デベロッパーツール)はよく使うものであり、必須とも言えるくらい便利なものです。レスポンシブでスマホ用のレイアウトを作る際に、PCのC...

Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Googleの「Chrome」チームが初となるChromeの公式テーマを公開しました。今回公開された14色のカラーリングは色合いや濃淡も様々なものが用意されています。これらのテーマ...

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

一般的なWebサイトに用いられている画像はPNGやJPEGがほとんどですが、今回はWebサイトにおける次世代画像フォーマットのWebP(ウェッピー)の話をしたいと思います。WebPはG...

NetaGear RSS News

Now Loading

Article

横になりながらダラダラした状態でブログを見れるようにしました!

 アップデート 
april_2012_000.png

今まで横になりながらだとShop DDが見にくいと思っていたあなたに朗報ですね!Shop DDのサイト全体を90度回転させました!これにより、横になりながらサイトが気軽に見えるようになりました。

当サイトでは、閲覧ユーザにだらだらした状態で横になりながらブログを見ることを推奨しています。管理人が寝ながらサイト閲覧推奨派ということもありますが、寝ながらブログを見るために最適化されたサイトとして他のブログの先を行くために、ユーザが何もしなくても標準で90度回転した状態で表示するように変更しました。
※現在はトップページだけ回転させています。

april_2012_001.png
標準状態だとどうしても、横になりながらの閲覧には向かないですね。そこでサイトを90度回転させました。

回転方法


body{
transform:rotate(270deg);
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}



april_2012_002.png

上の回転用のコードを表示がこのようになります。まあ実際にはちょっと微調整しないといけないんですが細かいことはおいておきましょう。。

今回の個人的感想!




というわけで、90度回転しているので、普通の状態の人には読みにくい訳ですが、このサイトを普通の状態で見ている人はそうそういないので問題はないでしょう。プラス思考に考えれば脳トレもできるサイトとして使えます。

CSSも行っているのでjavascriptがoffでも動作してくれるのが良いですね~。ぜひ寝ながらサイト閲覧推奨派の方は試してみてください!

Related article

COMMENT TO THIS ENTRY

開いた瞬間ブラウザバグったかと思いましたよw

9655

開いた瞬間びびったww

9656

横になって見ると逆に読みにくい事に気付いたww

9657

人によってはCtrl+Alt+↑→↓←で回転できるけどね

9658

やっとこの機能でたか

今までモニターを横にしてて大変だったんだよ

9664

Most Popular

Now loading...

Social Links

Sponsored Link

Popular Article

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位15位が表示されます。今ならリンクするだけで簡単に上位に表示されます。