宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

2016-01-24

レスポンシブWebデザイン・1

晩酌なう。湯豆腐でちびちびやりながらレスポンシブWebデザインなるものをアレコレ調べています。本家ホームページ+子豚日記をいかにモバイル端末にフィットさせるか、ちょっと見で、閲覧環境に応じてCSSを振り分けて見栄えを切り替えるのが手っ取り早いというのが第一感。(X)HTMLについてはガチに強固な構造を自負していますのでこの方法が最善だろうなぁ。

表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する。複数のファイルを用意する場合に比べ、デザインや機能の自由度は下がるが、すべての機器に同じ内容を表示でき、更新作業の簡略化や更新漏れの防止が期待できる。Link
Posted by TM* at 2016-01-24 22:10 in Web関連 » miyazaki-rod.com | English | Permalink | 
Tagged as:

このカテゴリ以下の他の日記、メモなど

  1. Dropdown menuを(小)変更
  2. 本家ホームページのレスポンシブ化
  3. レスポンシブWebデザイン・2
  4. 本家日記のメンテナンス
  5. 宮崎ロッドのFacebookページです。
  6. 日記に Facebook のいいね!ボタンを付けてみる
  7. リンクをタブのように見せるCSS
  8. アーカイブスを折りたたみ表示に
  9. blosxomをアレコレ
  10. 2008年11月の子豚のしっぽ、アクセス・ベスト10

Tags

ATH (7), css (34), delight (25), facebook (39), firefox (15), google (5), html (11), maiking-delight (10), memo (62), netscape (7), NO TRUNKS (7), SEO (8), spam (15), twitter (7), war (11), WE LIVE HERE (11), いろいろ (18), うどん (6), お知らせ (5), やきとり (6), イベント (44), イワナ (7), カゲロウ (5), カディス (7), カレー (10), カワゲラ (12), キャス練 (29), ギター (5), クラフト (6), ゲイリー・スナイダー (5), ゲイリー・バートン (5), ジャズ (167), スナップショット (5), スパゲッティ (7), ソウル (19), ソフトウェア (21), ソロー (5), タラノメ (9), チック・コリア (7), ニジマス (5), ハンドクラフト展 (12), バイク (9), バジル (7), バンブーロッド (5), パイプ (5), パット・メセニー (6), ビル・エヴァンス (17), ピアノ (28), フライ (59), フライタイイング (13), フライライン (5), メモ (202), ヤマメ (16), ランディングネット (25), ラーメン (9), リールシート (7), ロッドメイキング (10), 人物 (41), 出来事 (12), 大雪 (5), 奥多摩 (64), 奥多摩川 (32), 小菅川 (76), 小菅川冬季ニジマス釣場 (15), 山菜 (6), 新年 (16), 更新 (41), 東京トラウトカントリー (5), (10), 水生昆虫 (12), 渓流フライ教室 (28), (40), 田渕義雄 (5), 矢野シルクライン (7), (22), 読書 (53), 道志川 (6), 選挙 (6), (20), 雑感 (176), 雑誌 (7)