関連サイト
本書の関連ページが用意されています。
内容紹介
スマホサイトでよく使う43種類のUIパーツをビジュアルで解説。名前から実際の使い方、HTML5/CSS3+jQueryで実装するためのソースコードまでを1冊にまとめました。打ち合わせやプロトタイピング、コーディングに役立つ便利な図鑑です。コピー＆ペーストですぐに使えるサンプルファイルのダウンロード付き。
書誌情報
- 著者: 礒田 優, 久保知己, 近藤直人, 早川 稔, 宮田優希（著）, 株式会社まぼろし（監修）
- 発行日: 2015-10-31 (紙書籍版発行日: 2015-02-23)
- 最終更新日: 2015-10-31
- バージョン: 1.0.0
- ページ数: 192ページ(PDF版換算)
- 対応フォーマット: PDF
- 出版社: KADOKAWA/アスキー・メディアワークス
対象読者
デザイナー、ディレクター
著者について
礒田 優
1993年生まれ。Webデザイン系の専門学校を卒業した後、2014年3月から株式会社まぼろしにフロントエンドエンジニアとして入社。マークアップ、JavaScript実装をメインにWebサイト・Webアプリ制作の業務を行なう。
久保知己
1985年生まれ。専門学校でグラフィックデザインを学んだ後、デザイナーとして制作会社に入社。その後、2014年に株式会社まぼろしのマークアップエンジニアとして入社する。個人の活動では、ブログ「KOJIKA17」(http://kojika17.com/)の運営や執筆、登壇などを行なっている。著書に『プロとして恥ずかしくない 新・WEBデザインの大原則』『現場のプロが教えるWeb制作の最新常識』(いずれも共著、MdN刊)などがある。
近藤直人
1990年生まれ。2011年からSEO会社でWeb制作を学び、2014年にフロントエンドエンジニアとして株式会社まぼろしに入社。個人の活動として「isee」(http://isee-web.net/)というブログを運営。
早川 稔
HTML/XHTMLのマークアップ、CSSの設計、JavaScript/jQueryを用いたフロントエンド実装を行なう。開発会社、フリーランスを経て、2011年よりビジネス・アーキテクツに入社。同社を退社後、2013年に株式会社まぼろしのフロントエンドエンジニアとして入社。著書に『CSS3でつくるスマートフォンサイトデザイン』(共著、ソシム刊)がある。
宮田優希
1986年生まれ。システム開発会社を退社後、専門学校、アルバイト等を経て、2014年よりWebデザイナーとして株式会社まぼろしに入社。サイトデザイン、HTML/XHTMLのマークアップ、CSSの設計等を行なう。
目次
はじめに
目次
Chapter01 メインナビゲーション
- 01 ナビゲーションバー
- 02 タブバー
- 03 リストメニュー
- 04 アコーディオンメニュー
- 05 スプリングボード
- 06 プルダウンメニュー
- 07 スライドメニュー
- 08 サークルナビゲーション
Chapter02 サブナビゲーション
- 09 セグメンテッドコントロール
- 10 パンくずリスト
- 11 ページネーション
- 12 ドラッグ&ドロップ
- 13 シェアボタン
Chapter03 リスト／グリッド
- 14 グリッドリスト
- 15 スワイプリスト
- 16 インフィニットスクロール
- 17 タイムライン
Chapter04 ウィジェット
- 18 タブパネル
- 19 カルーセルパネル
- 20 カードUI
- 21 モーダルウィンドウ
- 22 トランスルーセント
- 23 イメージ検索
- 24 フォトギャラリー
- 25 ポップアップムービー
- 26 マップ
- 27 横スクロールコンテンツ
Chapter05 通知
- 28 ツールチップ
- 29 コーチマーク
- 30 アイコンバッジ
- 31 トースト
Chapter06 ビジュアライズ
- 32 インフィニットインジケーター
- 33 プログレスバー
- 34 ステップナビゲーション
- 35 グラフ
Chapter07 フォーム
- 36 基本的なフォーム
- 37 ログインフォーム
- 38 サーチボックス
- 39 トグルボタン
- 40 カスタムボタン
- 41 カスタムアップロードボタン
- 42 カスタムセレクトメニュー
- 43 カウンター付きテキストエリア