https://www.mojiru.com/entry/web-parts

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

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

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

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

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

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

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

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

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

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

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

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

f:id:mojiru:20220318135146j:plain