試験公開中

このエントリーをはてなブックマークに追加

CSS3&jQueryで作る スマートフォンサイトUI図鑑

KADOKAWA/アスキー・メディアワークス

2,800円+税

何度もコピペして使いたい! スマホサイトの定番UIを集めました

関連サイト

本書の関連ページが用意されています。

内容紹介

スマホサイトでよく使う43種類のUIパーツをビジュアルで解説。名前から実際の使い方、HTML5/CSS3+jQueryで実装するためのソースコードまでを1冊にまとめました。打ち合わせやプロトタイピング、コーディングに役立つ便利な図鑑です。コピー&ペーストですぐに使えるサンプルファイルのダウンロード付き。

書誌情報

  • 著者: 礒田 優, 久保知己, 近藤直人, 早川 稔, 宮田優希(著), 株式会社まぼろし(監修)
  • 発行日: (紙書籍版発行日: 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 カウンター付きテキストエリア
Home 書籍一覧 CSS3&jQueryで作る スマートフォンサイトUI図鑑 ▲ ページトップへ戻る