
デザイナー
いいデザインが浮かばない。。
いいデザインが浮かばないことってありますよね。思いついても、実現方法(実装方法)が分からなかったり。
今日は、そんな悩みを解消する、
流行りのUIをHTMLやCSSやJavaScriptといったソースコード付きで紹介してくれるサイトの紹介です。その名も。
デザインのサンプルを紹介するサイトは多々ありますが、CodeMyUIはソースコードも開示しています。ですので、開示されたソースコードを自サイトにコピペで張り付けるだけで、素敵なデザインを実装することができます。
ということで、早速使ってみました!
まずは、サイトにアクセス。色々なデザインのサンプルが表示されていますね。

Flashlight Mouse Pointerというデザインが気に入ったので、クリックしてみます

スクロールしていくと「Run Pen」というボタンがあるのでクリックします。

HTMLやCSSやJSといったソースコードが表示されるので、自サイトにコピペする。

若干手直しは必要ですが、ぺんしるの場合はわずか数分で問題なく動きました。↓な感じです。

いかがでしたか?
デザイナーの方には参考になるかもしれません。
よかったら、使ってみてくださいね。
ではでは。。
コメント