1. Home
  2. サイト運営情報
  3. アップデート
  4. 横になりながらダラダラした状態でブログを見れるようにしました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
PainterやVEGASなどが最大91%OFFのVEGAS&Corel全製品値下げキャンペーンを実施中!

PainterやVEGASなどが最大91%OFFのVEGAS&Corel全製品値下げキャンペーンを実施中!

現在ソースネクストの公式サイトでは、PaintShop、WinDVD、Painter、VideoStudio、CorelDRAWなどのCorel全製品とVEGAS Pro、ACID Pro、SOUND FORGE、SPECTRALAYERSなどのVE...

YouTubeでHTTP Error 400が出てサイトにアクセスできない時の解決方法!

YouTubeでHTTP Error 400が出てサイトにアクセスできない時の解決方法!

今回はYouTubeで出くわしたHTTP Error 400(Bad Request)が出て、YouTubeにアクセスできなくなってしまった時の解決方法を紹介したいと思います。この現象が発生してしまう...

日本郵便が無償で提供する年賀状ソフト「はがきデザインキット2019」がおすすめ!

日本郵便が無償で提供する年賀状ソフト「はがきデザインキット2019」がおすすめ!

今年も残すところあと30日間を切り、もうそろそろ年賀状を用意して送らないといけない時期ですね。そこで今回は年賀状作成ソフトについて書きたいと思います。ちなみにみな...

ついにFC2ブログの独自ドメインがSSL対応したのでSSL化しました!

ついにFC2ブログの独自ドメインがSSL対応したのでSSL化しました!

ついにFC2ブログで独自ドメインを使ってるブログもSSLに対応しました。FC2のサブドメインを使っているブログは2017年10月からSSL化されていましたが、有料プランである独自...

CASIO G-SHOCKタフソーラーの二次電池交換をWEB修理受付サービスからしてみた!

CASIO G-SHOCKタフソーラーの二次電池交換をWEB修理受付サービスからしてみた!

今回はCASIOの時計のG-SHOCKタフソーラーの二次電池交換をWEB修理受付サービスから申請した時の流れを書きたいと思います。G-SHOCKタフソーラーの二次電池の場合は普通の時...

KADOKAWAの電子書籍が半額でさらにポイント50倍のニコニコカドカワ祭りがものすごい!

KADOKAWAの電子書籍が半額でさらにポイント50倍のニコニコカドカワ祭りがものすごい!

現在電子書籍ストアのBOOK☆WALKERで開催されているニコニコカドカワ祭り2018でものすごいキャンペーンを実施中です。KADOKAWA作品が19000点が半額でさらに45000点がコイン5...

Amazon.comで不良品が送られてきたのでEMSで返品して返金してもらった話!

Amazon.comで不良品が送られてきたのでEMSで返品して返金してもらった話!

以前に海外のAmazonを有効活用して安く買い物をしよう!という記事で簡単に海外のAmazon.comから輸入する方法を紹介しましたが、今回は海外Amazonで購入したものが不良品だ...

総額350ドル!有料ソフト8製品のライセンスキーを無料配布するキャンペーンが実施中!

総額350ドル!有料ソフト8製品のライセンスキーを無料配布するキャンペーンが実施中!

WonderFox Soft, Inc.は同社製品である新しいWonderFox HD Video Converter Factory Proを含む合計8製品のライセンスキーを無料配布するWonderFox 2018 Back to School Par...

Chromeのタブを休止させてメモリ消費を抑えられる拡張機能「The Great Suspender」を使おう!

Chromeのタブを休止させてメモリ消費を抑えられる拡張機能「The Great Suspender」を使おう!

みなさんもよく使っているであろうブラウザのChromeですが、タブを沢山開いているとメモリの消費量がすごいことになることがよくありますよね。そんな時におすすめなのがCh...

無料で使えるVRoid Studioでオリジナル3Dキャラクターを作ろう!

無料で使えるVRoid Studioでオリジナル3Dキャラクターを作ろう!

今回はWindows・Macどちらでも使える無料で使える3DキャラメイカーのVRoid Studioを紹介したいと思います。3D制作の知識がなくても誰でも簡単に自分だけのオリジナル3Dのキ...

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

MENU

NetaGear

Pure Css Design

Access Ranking

Now Loading...

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

Amazon

Now Loading...