[JS]これを待ってた!波紋のように広がる美しいエフェクトを簡単に実装できるスクリプト -Waves

Googleが提唱する新UX「Material Design」で採用されている波紋の美しいエフェクトを簡単に実装できるスクリプトを紹介します。

ボタンでもアイコンでもパネル・画像でも簡単に波紋を適用でき、jQueryなど他のスクリプトは不要です。

サイトのキャプチャ

Waves
Waves -GitHub

続きを読む

TwitterやFacebookなどのプロフィール画像をLEGO風のかわいいブロックにするオンラインサービス -Brickapic

TwitterやFacebookなどで使用しているプロフィール画像をLEGO風のブロックにするオンラインサービスを紹介します。

画像はブロックでつくった感じになるので、いい感じのモザイクにもなります。

サイトのキャプチャ

Brick-a-pic

続きを読む

全100種類のパターン!幾何学的なものや和テイストなどさまざまなパターンが揃っているベクターの無料素材

個人でも商用でも無料で利用できる、最近人気のある幾何学的なパターンをはじめ、和テイストやイラストベースなどのかわいいパターンまで100種類のしっかりとデザインされたベクター素材を紹介します。

制作は、当ブログでもお馴染みのfreepik.comの新作です。

素材のキャプチャ

100 repeating vector patterns

続きを読む

[CSS]フォームを入力する際、気持ちいいアニメーションで入力欄をちょっとだけ目立たせるスタイルシートのテクニック

ユーザーがフォームの入力欄をフォーカス・アクティブした際、アニメーションを加えて入力欄をちょっとだけ目立たせるスタイルシートを紹介します。

アニメーションでおっと思わせるだけでなく、入力欄が複数並んでいる時にアニメーションで目立たせるとフォーカスを失わずに入力できる効果もありますね。

デモのアニメーション

続きを読む

商用無料の写真素材のブックマークに加えておきたい、高解像度でセンスのいい写真画像がダウンロードできるサイト -raumrot

個人でも商用でも無料で利用できる、完全オリジナルの高解像度でセンスのいい写真画像をダウンロードできるサイトを紹介します。

サイトのキャプチャ

raumrot

続きを読む

Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ

Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。

量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。

サイトのキャプチャ

Google's 200 Ranking Factors: The Complete List

続きを読む

フラットの進化形!より使いやすくデザインされたiOS 8のUIを一足先に堪能できる無料のPSD素材 -iOS 8 GUI PSD

2014年秋にリリースされるのではないかと噂されているiOS 8のGUIを一足先に楽しめるPSD素材を紹介します。

サイトのキャプチャ

iOS 8 GUI PSD

続きを読む

新人デザイナーにオススメ!デザインの要素と原則への理解をアニメで深める動画 -Elements of Design

デザインのさまざまな要素と原則を非常にセンスのいいアニメーションでまとめたショートフィルム「Elements of Design」を紹介します。

サイトのキャプチャ

続きを読む

 1 2 3 4 5 ... 571 572 Next

top of page

©2014 coliss