簡単にWebサイトを動かせる、デザインのネタ帳本

デザインのネタ帳 コピペで使える動くWebデザインパーツ

インプレスグループでデザイン分野のメディア事業を手がけるエムディエヌコーポレーションは、矢野みち子氏、五十嵐小由利氏、伊藤麻奈美氏、棧敷友香子氏、錦織幸知氏共著による、Webサイト上で「動く」デザインパーツを集めたソースコード素材集「デザインのネタ帳 コピペで使える動くWebデザインパーツ」を発売した。

Webサイト上で「動く」デザインパーツを集めたソースコード素材集。

サンプルのソースコードをコピー＆ペーストすれば、そのまま使える。

文字や画像がすぅーっと消えたり、ふわっと表れたり、要素が左右にスライドしたり……作るのが意外に難しく汎用性が高い「動く」パーツを豊富に収録した。

収録サンプルは完成データをダウンロードできる。

「デザインのネタ帳 コピペで使える動くWebデザインパーツ」の構成は、まず基本形となるサンプルがあり、続くステップアップとしてカスタマイズ例を紹介する流れになっている。

基本形だけでも十分活用できますし、カスタマイズ例の部分は、ご自身でコードを変えてオリジナル要素をプラスする際のヒントとしても役立つ。

7章構成で、ボタンアニメーションやテキストのエフェクトなどの簡単なものから、ナビゲーションメニューやコンテンツの今風の見せ方などのサイト全体に関するものまで収録。

ギャラリーやスライドショー、フォームやテーブル、SNSのアイコンなどいった細かなパーツのアイデアもまとめた。

Webサイトにちょっとした彩りを添えたいとき、動きを加えたいときなどに活用できる。

「デザインのネタ帳 コピペで使える動くWebデザインパーツ」対象読者

○Webサイトに今風の“動き”を取り入れたい人
○HTML・CSSのコーディング経験が浅い人
○ソースコードをイチから書く手間を減らしたい人

「デザインのネタ帳 コピペで使える動くWebデザインパーツ」の章構成

■Chapter 1 ナビゲーション
■Chapter 2 ボタン
■Chapter 3 スライドショー／ギャラリー
■Chapter 4 背景／コンテンツ
■Chapter 5 テーブル／フォーム／リスト
■Chapter 6 テキスト
■Chapter 7 画像／動画／SNS

「デザインのネタ帳 コピペで使える動くWebデザインパーツ」の特徴

○アニメーションなどの動きを手軽に取り入れられる
○コーディングにかかる時間と手間を減らせる
○基本形＋カスタマイズでバリエーションが広がる

「デザインのネタ帳 コピペで使える動くWebデザインパーツ」Amazonでの購入はこちら

デザインのネタ帳 コピペで使える動くWebデザインパーツ

「デザインのネタ帳 コピペで使える動くWebデザインパーツ」楽天市場での購入はこちら

デザインのネタ帳　コピペで使える動くWebデザインパーツ 価格：3080円（税込、送料無料) (2022/3/18時点) 楽天で購入

デザインのネタ帳　コピペで使える動くWebデザインパーツ【電子書籍】[ 矢野みち子 ] 価格：3080円 (2022/3/18時点) 楽天で購入