Webデザインの“いま”の手法が身につく「WEBデザイン 新・スタンダードテクニック 37」 - デザインってオモシロイ -MdN Design Interactive-
デザインってオモシロイ MdN Design Interactive

Webデザインの“いま”の手法が身につく「WEBデザイン 新・スタンダードテクニック 37」

  • 新規会員登録
  • ログイン管理
  • Twitter
  • facebook
  • はてなブックマーク
  • RSS

2026.5.2 SAT

  • TOP
  • 特集
  • 連載
    • ALL
    • デザイン・アート
    • テクノロジー
    • コラム
    • インタビュー
    • レポート
    • インサイト
  • Tech
    • ALL
    • プログラミング
    • UI/UX
    • フレームワーク
    • Webアプリ
    • Webサービス
    • その他
  • ニュース
    • ALL
    • ニュース
    • 新製品
    • テクノロジー
    • アートイベント
    • モバイル
    • ネットで話題
新規会員登録
ログイン管理
  • プレスリリース
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 広告掲載について
  • インプレスグループ
閉じる
  • TOP
  • ニュース -
  • Webデザインの“いま”の手法が身につく「WEBデザイン 新・スタンダードテクニック 37」
【サイトリニューアル!】新サイトはこちら/MdNについて
  • ALL
  • ニュース
  • 新製品
  • テクノロジー
  • アートイベント
  • モバイル
  • ネットで話題

2015.8.18 TUE

Webデザインの“いま”の手法が身につく「WEBデザイン 新・スタンダードテクニック 37」

Webデザインの“いま”の手法が身につく「WEBデザイン 新・スタンダードテクニック 37」



株式会社エムディエヌコーポレーションは、「現場のプロが教える WEBデザイン 新・スタンダードテクニック 37」を8月18日に発売する。B5変型判/256P/オールカラー/2800円(税抜き)。

昨今ではPCよりもスマートフォンからのアクセスのほうが多いWebサイト。“モバイルファースト”と呼ばれる考え方が広まっており、現在ではHTML5+CSS3に対応したモダンブラウザを前提に、多彩なデバイスに対応できるWebサイトづくりが主流となっている。

本書ではこのような制作状況の進化を踏まえ「これからのWeb制作のスタンダード」となる手法をまとめている。近年のWebサイトでよく見られるレイアウト・ナビゲーション・エフェクト・UIパーツをステップ・バイ・ステップ形式で紹介。ドロップダウンメニューやスライドショーといった頻出の基本から、背景全面動画やMasonryなどの流行の手法まで、“いま”のWebデザインに欠かせないテクニックを網羅。

また、サンプルデータもダウンロードできるので、実際に手を動かしながらコードの挙動なども確認できる。

本書の内容
■Chapter1 デザイン&レイアウト
レスポンシブのマルチカラム/レスポンシブのシングルページ/メディア風に見せる/背景全面画像&動画/Infinite Scroll/CSSフレームワーク/Masonry/チャット風吹き出し

■Chapter2 ナビゲーション
アコーデオンメニュー/ドロップダウンメニュー/上部固定メニュー/ポップアウトメニュー/ページネーション/タブメニュー/オフキャンバスメニュー

■Chapter3 エフェクト&インタラクション
スライドショー/ホバーアニメーション/スクロールアニメーション/ページスクロール/Lightbox/ボタンデザイン/ホバーのコンテンツ切り替え/ポイントアニメーション

■Chapter4 ユーザビリティ
ツールチップ/Now Loading/Googleマップ/問い合わせフォーム/検索フォーム/レスポンシブな表組み/Webフォントアイコン/SNSボタンの設置/タイムラインの取り込み/トップへ戻るボタン/スクロール位置表示/レスポンシブな画像出力/ドラッグ&ドロップ

Chapter1 デザイン&レイアウト「近年のWebデザインのトレンド」
Chapter1 デザイン&レイアウト「近年のWebデザインのトレンド」

Chapter3エフェクト&インタラクション「Webエフェクトのトレンド」
Chapter3エフェクト&インタラクション「Webエフェクトのトレンド」

出版社:株式会社エムディエヌコーポレーション
価格:2800円(税抜き)
URL:http://www.mdn.co.jp/di/book/3215203004/
Amazon:http://www.amazon.co.jp/exec/obidos/ASIN/4844365185/mdndi-22/
2015/08/18
2015/08/18
release


twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちら/MdNについて

前の記事を読む

プレゼンはデザインで劇的に変わる「プレゼン資料のための正しいデザイン」

プレゼンはデザインで劇的に変わる「プレゼン資料のための正しいデザイン」

2015.8.18 TUE

次の記事を読む

85歳の大道芸人の写真集「伝説の大道芸人 ギリヤーク尼ヶ崎への手紙 大道芸と祈りの踊り」

85歳の大道芸人の写真集「伝説の大道芸人 ギリヤーク尼ヶ崎への手紙 大道芸と祈りの踊り」

2015.8.19 WED

アクセスランキング

8.30-9.5

  • 携帯大手3社、メッセージアプリ「+メッセージ」を各社全ブランドとMVNOに拡大
  • テレビの音声をワイヤレス化して飛ばせる「トランスミッター」発売、サンワサプライから
  • iPhone 12/iPhone 12 Proに音の不具合、対象モデルは無償修理へ
  • ビクトリノックス、30色バリエーションのマルチツール「クラシック カラーズ」を発売
  • 今月発表のiPhone13、低軌道衛星通信を使い“圏外”でもテキスト送信などが可能か
MdN BOOKS|デザインの本

Pick upコンテンツ

現在

  • 【文房具連載】第19回 五十嵐製紙「Food Paper」/物語のある、ニューフェイスな文房具・雑貨
  • 見た目のかわいさだけじゃない、犬の形をした実用性の高いウェブカメラ
  • この秋に発表予定のiPhone 13(仮称)はどのような変貌を遂げるのか?
  • 植物性由来100%、合成香料不使用など、エコな洗濯洗剤5選/ライフスタイル連載・こんげつのきぶん
  • 【DESIGN DIGEST】書籍カバー『顔のない花嫁/K.R.アレグザンダー』、商品パッケージ『秋の限定商品/アフタヌーンティー・ティールーム』

MdN公式Instagram

Instagramでは、デザイン関連本や本に関連した参加型コンテストについて発信しています。

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • インプレスグループ
  • 広告掲載について
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.

page top
MdN
impress
  • メルマガの登録・解除
  • プライバシーポリシー
  • 特定商取引法
  • 利用規約
  • お問合せ
  • 会社概要
  • 広告掲載について
  • インプレスグループ
  • MdN デザインの本
  • MdN新書 新ジャーナリズム宣言。
  • “静寂”文具サイト
  • MdN DESIGNFONT STORE

Copyright © MdN Corporation,
an Impress Group company. All rights reserved.