スポンサーリンク

デザインのサンプルをコード付きで紹介するサイト「CodeMyUI」を使ってみた

WEBデザイン デザイン
WEBデザイン

デザイナー
デザイナー

いいデザインが浮かばない。。

いいデザインが浮かばないことってありますよね。思いついても、実現方法(実装方法)が分からなかったり。

今日は、そんな悩みを解消する、

流行りのUIをHTMLやCSSやJavaScriptといったソースコード付きで紹介してくれるサイトの紹介です。その名も。

CodeMyUI

デザインのサンプルを紹介するサイトは多々ありますが、CodeMyUIはソースコードも開示しています。ですので、開示されたソースコードを自サイトにコピペで張り付けるだけで、素敵なデザインを実装することができます。

ということで、早速使ってみました!

まずは、サイトにアクセス。色々なデザインのサンプルが表示されていますね。


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

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


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

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

いかがでしたか?

デザイナーの方には参考になるかもしれません。

よかったら、使ってみてくださいね。

ではでは。。

コメント

タイトルとURLをコピーしました