• Popular
  • Category
  • Tags
  • アーカイブ

News

follow us in feedly
Toggle

Webデザイン

Snap.svgを使ったSVGのパスのモーフィングアニメーションデモ

Snap.svgを使ったSVGのパスのモーフィングアニメーションデモ

SVGを変形させたりアニメーションさせることができる、Adobeがオープンソースで提供しているJavaScriptライブラリである「Snap.svg」を使って、SVGのpathを別のpathにモーフィングさせるアニメーションサンプルをご紹介...

CSSだけで作るローディングアイコン

CSSだけで作るローディングアイコン

Webサイトでヘッダー画像など表示されるまでに多少時間がかかるコンテンツ部分に、読み込み中であることが閲覧者にわかるようにローディング画像を表示しておく場合があります。 よくある手法はローディング用のアイコン画像をアニメーションGIFで作成...

ジェームズ・ボンドとパララックスデザイン。

ジェームズ・ボンドとパララックスデザイン。

パララックスデザインってご存知ですか? 例えばサービスや商品などの画像、PRポイント、主要機能などすべてのコンテンツが1ページに詰め込まれていて、スクロールしていくとそれらのコンテンツがレイヤーのように重なって遠近っぽくずれながらスライドし...

【素材】左右45度からあらゆるオブジェクトにロングシャドウを付けれるPSD「Long Shadow Generator」

【素材】左右45度からあらゆるオブジェクトにロングシャドウを付けれるPSD「Long Shadow Generator」

最近ロングシャドウネタばかりですが、、、 フラットデザインにロングシャドウ効果を施せる無料のジェネレーター(PSD素材)を見つけたのでご紹介します。 自分で作成したオブジェクトに、左右別で45度のロングシャドウを付けることができます。 Lo...

【参考】フラットデザイン向けの代表的なカラーサンプル集

【参考】フラットデザイン向けの代表的なカラーサンプル集

フラットデザインを考えるときに役立つ、最もポピュラーな配色パターンをチェックできるサイトをご紹介。 ピックアップしたカラーを参考にオリジナルカラーを作ってみましょう!

Return Top