MdNCORPORATION

プロならば知っておくべきWebコーディング&デザインの定石100

プロならば知っておくべきWebコーディング&デザインの定石100

古籏一浩、比留間和也、平澤隆、境祐司、矢野りん 他12名共著
定価 2,530円
(本体 2,300円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2010-10-26
仕様 A5判/224PP
ISBN 978-4-8443-6153-4
WebデザインやコーディングでWeb制作に関わっている方、プロとしてWeb現場で活躍したい方を対象に、HTML、CSS、JavaScript、jQuery、Ajax、Flash、Webデザイン、スマートフォン、EPUBなどのジャンルについて、最先端の現場で活躍する著者が最新のテクニックとトラブルの解決法100項目を実践的に解説しました。CSS3やHTML5をはじめ、Webの最新テクニックを知りたい現場のための本です。

■ページ見本








目次

【プロならば知っておくべきWebコーディング&デザインの定石100】

CHAPTER 01 HTML + CSS
001 4重などのdivの入れ子をためらわない
002 表組み(table)のセル幅をよりスマートに指定する
003 IEの独自CSS filterプロパティに注意する
004 背景が切れないように工夫する
005 Webフォントを利用した表現
006 Flashと重なる要素が背面に表示されてしまう
007 フロートさせたimg要素の下にテキストが表示されてしまう
008 横並びにしたリストの間に隙間が空いてしまう
009 idやclass名のつけ方で時間を取られてしまう
010 テーブルやリストを交互に色分けしたい
011 新着情報やフォームのマークアップにいつも悩んでしまう
012 フロートさせた複数のボックスがきれいに並ばない
013 ページ送りのセンタリングがうまく行かない
014 特定のブラウザにだけスタイルを適用させたい
015 FirefoxでHTML5 Video映像が繰り返し再生できない
016 HTML5 Video/Audioでブラウザによっては映像や音がでない
017 IEのバージョン9以前でCanvasが使えない
018 placeholderがIE、Firefoxで使えない
019 スタイルを指定したフォントの値がデフォルトに戻ってしまう
020 ボックスの上下マージンを指定しても段落間に変化がない
021 指定したフォントが上下の文章と重なって欠けてしまう
022 欧文やURLを挿入するとテーブルのセル幅が広がってしまう
023 印刷するとページのリンク(参照先のURL)がわからなくなる
024 できるかぎり見た目通りに印刷したい
025 CSS管理の現在を知りたい
026 画像サイズも可変なリキッドレイアウトを実現する
027 text-shadowをうまく使ってよりテキストを際立たせる
028 CSS3の接頭辞付きプロパティは正式名も同時に指定する
029 border-radiusを使って楽をする
030 nth-childとnth-of-typeの違いをしっかりと把握する
031 CSS3のグラデーションを使って表現を豊かにする
032 transitionでリッチなユーザー体験をさせる
033 CSS Animationで印象的なUIを実装する
034 box-shadowプロパティを使ってグロウ効果を演出する
035 CSS3を使って画像を使わずに表現力豊かなボタンを作る
036 RGBaを使って表現の幅を広げる
037 transformを効果的に使って表現力を高める
038 ユーザーのウィンドウサイズによってCSSを切り替える
039 MovableTypeでのスマートフォン対応CMSの作成
040 WordPressでのスマートフォン対応CMSの作成
[column 01] いろいろあるWebコンテンツデザインツール

CHAPTER 02 JavaScript + jQuary + Ajax
041 IEでCSS3を再現する
042 外部JavaScriptが文字化けしてしまう
043 Webページ表示のボトルネックを調べる
044 jQueryによる連動ラジオボタン
045 広告や画像を遅延読み込みさせて高速化
046 外部JavaScriptファイルを必要に応じて取得
047 軽量化ツールを使ってJavaScriptを圧縮
048 DOM要素の絶対位置やサイズを手軽に取得
049 ブラウザ上のマウス位置をIE以外でも取得
050 JavaScriptだけで文字コードを変換する方法
051 モバイルサイト向けのQRコードを自動で作成
052 日付選択インターフェイスの導入
053 DOMの要素をクラス名で指定したい
054 Webページ内の「続きを読む」をトグル表示
055 jQueryオブジェクトのコンテクストの使い方
056 画像が縦方向の中央揃えにならない
057 要素に適用されているスタイルを調べるには
058 トップページに配置されたメニューの項目が多くて使いづらい
059 Googleマップの色を変更したい
060 郵便番号からの住所検索
061 海外向けにWebページの本文を自動翻訳
062 文章の強調したい部分をリッチな画像表示に
063 Ajaxの待ち時間をローダ画像で知らせる
064 Ajaxでサーバのデータをページに挿入
[column 02] スマートフォンと入力フォーム

CHAPTER 03 Flash
065 ビットマップ画像のエッジがギザギザになる
066 モーショントゥイーンの処理が複雑
067 ライブラリを利用して複雑な3D処理を行う
068 ボタンシンボルで作ったボタンの動きがぎこちない
069 サイト更新時作業が面倒
070 全画面表示でリサイズするとナビゲーションの位置が変わらない
071 描画の処理が重くなる
072 スクロールの動きが心地よくない
073 複数の動きを設定するのがわずらわしい
074 ムービーが単調で面白みがない
075 別ドメインの外部ファイルにアクセスする
076 画像がぼけて表示されてしまう
077 同一レイヤーのムービークリップ名を一括で設定する
[column 03] AndroidとFlash

CHAPTER 04 Layout + Graphic + Color
078 文字サイズや行間などを調整しても本文が読みやすくならない
079 色の種類が多いのに軽いイメージのデザインになってしまう
080 ナビゲーションに使われているアイコンがわかりづらい
081 ロゴマークを配置すると野暮ったいデザインになってしまう
082 正確に配置しているのにバランスが悪いページになってしまう
083 ビジュアル要素を加えてもインパクトのあるページにならない
084 Photoshopからのスライスをもっと効率よく行ないたい
085 PNGを積極的に利用する
086 PNGファイルからはgAMAチャンクを削除する
[column 04] EPUBって何?


CHAPTER 05 Smartphone + EPUB
087 Andorid携帯やiPhoneでGPSの精度が悪い
088 iUiによるiPhone向けUIの制作
089 タッチパネルはマウスオーバーが使えない
090 実機での表示チェックのボトルネックを解消する
091 異なる端末でもだいたい同じ色合いをキープする
092 小さい表示領域に対応する
093 ハンドヘルドデバイス間で異なる表示解像度の解釈
094 EPUBの構造を知りたい
095 iBooks向けの書影を入れるには
096 ページに配置した図版を拡大表示すると画質が落ちてしまう
097 章見出しを画像にするとリーダーアプリの目次に反映されない
098 大きな図版は1ページに収まらないので空きができてしまう
099 iBooksで映像が再生されない
100 iBooksでJavaScriptを動かす

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊