善哉庵 ~杏月の萌え日記

腐女子の杏月が「善き哉」と感じたことを徒然に綴ります。I thought what I'd do was, I'd pretend I was one of those deaf-mutes... or should I ?

Entries

秋深き

「秋深き 隣は何をする人ぞ」
松尾芭蕉の、人生最期から2番目に詠んだ句、ですね。













11月になったので、ブログテンプレートを模様替えしました。
今回初めて「レスポンシブ」なテンプレートをお借りしてみましたよ。

レスポンシブデザインとは?
Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。

WebサイトやWebページをパソコンやスマートフォン、タブレット端末など
複数の機器や画面サイズに対応させる際、
内容が同じでデザインや動作をそれぞれに最適化した複数のHTMLファイルやCSSファイルを用意し、
HTTPリダイレクトなどでアクセスを振り分ける手法がよく用いられる。

レスポンシブデザインではこのような対応はせず、
表示された機器の種類やサイズに応じて
表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、
すべての機器に同じように送信する。
複数のファイルを用意する場合に比べ、デザインや機能の自由度は下がるが、
すべての機器に同じ内容を表示でき、更新作業の簡略化や更新漏れの防止が期待できる。
検索エンジンやアクセス解析に内容が重複した複数の異なるURLが出現することも避けられる。

レスポンシブデザインとは(IT用語辞典)

つまり、このブログをPC経由で見ても、スマホ経由で見ても、
同じテンプレートでありながら、見る人の画面サイズに応じて自動的に表示調整してくれる、
って感じです。
これだと、「PC用」「タブレット用」「スマホ用」「ガラケー用」など、
同じ内容なのに複数のファイルを用意する必要がないので、サイトメンテナンスが便利。

ホントは別の某所で運営している女性向け二次創作サイト(現在ほぼ休業状態)の
WEBデザインを構築し直して、このレスポンシブデザインにしたいなぁ、と思っていたりするんですが、
いかんせん、私の独学WEBデザイン知識は、HTML4.01レベルで止まっているのでorz

このFC2ブログ(などレンタルブログ)は、
私がそれぞれのファイルを用意しなくても、記事の文章を書くだけで、
ご覧になる方のディスプレイ端末に応じて、
「PCテンプレート」「スマホテンプレート」「携帯テンプレート」の3種類のどれかで、
自動的に閲覧できるんですけどね。
それでも、「レスポンシブってどんな塩梅なのかしらん?」と興味があったので。

なにか閲覧上の不具合などがありましたら、ご一報いただけますと助かります。
よろしくお願い申し上げます。


さて、紅葉の深まる季節になってきましたね。
東京都23区は11月下旬から! 最新「紅葉見頃予想」 - 既に落葉のスポットも(マイナビニュース11月6日)
紅葉名所2015(Walkerplus)
西~東日本の山沿いや北陸では、既に紅葉の見頃がピークを迎えた、とのことですが。
あなたがお住まいの町はいかがですか?
関連記事

Comment[この記事へのコメント]

管理人のみ閲覧できます 

このコメントは管理人のみ閲覧できます
  • posted by  
  •  
  • 2015.11/08 08:50分 
  • [編集]

Comment_form

管理者のみ表示。 | 非公開コメント投稿可能です。

Trackback[この記事へのトラックバック]

トラックバック URL
»»この記事にトラックバックする(FC2ブログユーザー)

Menu

善哉庵アルバム

2006~2009年の花や空

旬の花時計

カレンダー(月別)

05 ≪│2017/06│≫ 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

最近の記事+コメント

人気ページランキング

ブログパーツ

ブログ全記事表示

全タイトルを表示

カウンター

おお振り単行本

Amazonサーチボックス

プロフィール

Author:杏月
【属性】 腐女子

【心ときめきするもの】
攻殻機動隊
ファイナルファンタジー10(FFX)
おおきく振りかぶって
東北楽天ゴールデンイーグルス
V6
名探偵コナン&まじっく快斗

ことに見る人なき所にても、心のうちはなほいとをかし♪

QRコード

QR