反応型 ウェブデザイン (異端 マコッ, ウェブエックチュオルリコリア)

本は かなり 前に 読んだが 今 下線たちを あげる. 良い 句節たちが 多かったが 時間に 追い回されて 読むために 下線を 多く メモする 数価 なかった. それでは, 下から 手始めだ.

——

印刷デザインを 経験した デザイナーが 分かって ある 条件たち(ウェブデザインにも 適用して たくなる)銀 団地 プリント物にだけ 適用する 数 あります. ウェブ上では このような 制約 条件[固定された サイズ, 固定された 内容 ような ものなど - アンヒョングウ]これ ないという 事実を 受け入れて 可変性を 考慮した デザインを すると します. しかし それより 先に 私たちは ‘流れる 世の中の 流れ[ウェブの 流動性を 言う よう - アンヒョングウ]を バッアヤドルにすると’ します.

P.6

——

冷情で 不便な 真実だが インターネット エクスプローラ 6科 彼 下位 バージョンは max-width 速成を 支援するの ないです. IE7科 彼 上位 バージョンは どうですか? max-widthを 十分に 支援します.

P.54

——

[旧バージョン ブラウザーに メディアクイーリーを 適用すること のために - アンヒョングウ] 最近に 私は respond.js と 殖やす スクリプトを 自主 使って ありますが( http://bkaprt.com/rwd/38/ ). これ 作故 素早い ライブラリは スコット ゲル Scott Jehlこれ 開発した のです. css3-mediaqueries.js 増えた ない のが ない 位 機能が 多いが, respond スクリプトは 簡単に 旧バージョン ブラウザーで [メディアクイーリーの - アンヒョングウ] min-widthわ max-width街 支援されるように 日 与えます.

P.113

——

メディアクイーリーは 本当 終えます. … しかし メディアクイーリー 単独では 反応型 サイトを 製作する 数 ないです. 真の 反応型 サイトと言う(のは) 可変 レイアウトで 出発して, これ 固定されるの ない 可変 レイアウト 基盤 上に メディアクイーリーを 上げて 製作する のを 言います. ここに 色々 主張が 申し立てられて あるが 特に 注目する に如く 点は 可変 レイアウトは ジャバスクリプトと @mediaを 認識するの できない 器機と ブラウザーに 十分な 対備策を 提供するという のです.

P.116

——

可変で 始めると するという 事実は [反応型 サイトを 製作する 時 - アンヒョングウ] 作ると 割 コードが 少ないという のを 意味します.

P.116

——

仮装(家長) 重要な のは 反応型 ウェブデザインが モバイル ウェブサイトを 取り替えようと 作られた のは ないという 点です. 私は 反応型 ウェブデザインは デザイン 哲学と同時に フロント エンド 開発 戦略の 一環だと 信じます. そして 開発 戦略として プロジェクトの 要求 条件を 満たすかに 大海 評価するという 意味を 持ちます. 皆さんが デスクトップと モバイル サイトを 分離しておく のに 相応しい 理由が ある 数 あって, 反応型 方式で 提供する のが もっと ましな 首都 あります. 汚職 皆さんと 皆さんの 使用者(訪問者)だけが 彼 答を 卵 数 ある のです.

P.125 ~ 126

——

もし モバイル テスト セット 設定が 知りたかったら ‘スマートフォン ブラウザー 動向’ ~ 記事を お勧めします. 記事は A List Apartで ボール 数 あります. ( http://bkaprt.com/rwd/50/ ).

P.136

——

[モバイル まず注意を 適用して デザインすれば, 共通で 適用される - アンヒョングウ] スタイルシーツには 色相と 書体に 係わった 規則 外には 特別な 規則が ない だから あらゆる 使用者に 基本的な (するが 幸いにも 相変らず 魅力的な) サイトで 見えます. 彼 次 480px, 600px, 860px科 1200px義 最小 ビュポト 幅で 4犬の 解像度 分岐点を メディア クイーリーに 設定します. 解像度が 設定した 範囲より 大きくなれば 彼に 当たる レイアウト 規則が 適用されます. しかし メディア クイーリーが 支援されるの ない ブラウザーを 通じて サイトに 接続すれば respond.js ジャバスクリプト パッチが 適用されるの ない 場合でも 魅力的な 単一 段落の レイアウトが 見えます.

P.147

——

スライド ショーを 作動させること のために メッ マルクィス Mat Marquisという 開発者が デザインした 無料 jQuery プラグインを 使います. ( http://bkaprt.com/rwd/55/ ). 斉家 使って見た の 中で 仮装(家長) 力強い スライド ショー スクリプトです. これ スクリプトは 可変 コンテンツと 寝る 作動して 斉家 非常に 好きです. これ プラグインを 利用すれば スライドに それぞれ 違う 良医 テキストや イメージが 入って ある 時 複雑な CSS しわざに 頼るの なくて 阿洲 易しく 解決する 数 あります. (はい, ‘しわざ’と しました. 私 今 いたずらをする の いいえ.)

P.152 ~ 153

——

スクリプトに 簡単な 解像度 テストを して見る 数 あります. 

if (screen.width > 480) {
  $(document).ready(function() { ... });
}

今 見える if 構文は min-width: 480px メディア クイーリーと 同等な ジャバスクリプトです. スクリーン 幅が 480ピクセルより 小さければ 含まれた ジャバスクリプトは 作動するの ないです.
これ 接近 方式を まどろみ もっと 整えて見ます. 理想的な 方法で Lab JS(http://labjs.com/)私 Head JS(http://headjs.com/)わ ような 軽い ジャバスクリプト ローダーを 使って 使用者の スクリーンが 特定 解像度 範囲 以上の 場合に 一年…

P.159 ~ 160

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。