HOME > サイト作成&運営 > nJOY お知らせ > 「nJOY BLOG」スマホ対応化完了

RSS 購読

nJOY BLOG

ゲーム攻略サイト「nJOY(エンジョイ)」管理人のブログ

2015Jul18

「nJOY BLOG」スマホ対応化完了


今見ているこのブログのデザインをリニューアルして、スマホでも読みやすくしてみました。

使っている端末の解像度に応じてデザインが最適化される「レスポンシブデザイン」を採用しています。

前回、ブログをリニューアルしたのが2008年9月(「nJOY BLOG 模様替え」参照)。BlognPlus のスキンをいじるのは7年ぶりで、忘れていることも多く結構大変でした。

話はちょっとそれますが、調べてみると iPhone の日本発売は2008年7月なんですね。
当時はスマホでのウェブ閲覧率がこれほどまで上がるとは思っていませんでした。ウェブページも PC で見られることを前提に作っていれば良かったので、ウェブサイト運営側としては昔の方が楽でしたね。

nJOY BLOG 旧デザイン

PC で見ると左側にメインカラム+右メニューという基本的な部分は旧デザイン(↑)から変えていませんが、内部的には全然別物になっていてスマホで見るとメニュー部分がメインカラムの下に移動します。

レスポンシブにするにあたり、「Material Design Lite」や 「SkyBlue CSS Framework」も検討しましたが、最終的には 米 Yahoo! が提供する「Pure.css」という軽量フレームワークを使用しました。

Windows と Android での主要ブラウザで問題なく見えることを確認。
3DS で見ると記事の投稿日とメニューの表示がおかしい以外は良好。直せたら直します。

関連記事

コメント

コメントはありません

コメントする(半角1000文字まで)

Cookieに登録

この記事のトラックバックURL

※ 言及のないトラックバックは拒否される事があります(トラックバック・ポリシー

トラックバック

トラックバックはありません


最新記事

人気記事

月別アーカイブ

コメント

カテゴリー

リンク

発売スケジュール

2017/02/15

ゼルダの伝説 30周年記念コンサート

2017/03/01

ゼルダの伝説 30周年記念書籍 第2集 THE LEGEND OF ZELDA HYRULE ENCYCLOPEDIA :ゼルダの伝説 ハイラル百科

2017/03/03

ゼルダの伝説 ブレスオブザワイルド COLLECTOR'S EDITION

2017/03/09

キングダム ハーツ HD 1.5+2.5 リミックス

2017/03/18

モンスターハンターダブルクロス(初回特典「オリジナルテーマ DLC コード」& Amazon 限定特典「ラバーマスコットクリーナー ミルシィ」付)

2017/03/22

シン・ゴジラ Blu-ray 2枚組

2017/04/20

ファイアーエムブレム Echoes もうひとりの英雄王

2017/04/28

マリオカート8 デラックス(Amazon特典「オリジナルポストカード10種セット」付)

2017/05/25

UDF リンク「ムジュラの仮面3D」

2017/05/31

figma リンク トワイライトプリンセス ver. DX エディション

2017/06/30

ねんどろいど リンク ブレスオブザワイルド Ver. DXエディション

2017/07/13

ファイナルファンタジーXII ザ ゾディアック エイジ

バイオハザード7 イーカプコンバナー