2015/09/24
WEBデザインのインスピレーションに!UIデザインのコードスニペットコレクション「CodeMyUI」
WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「CodeMyUI」をご紹介。
すっかりご無沙汰になってしまいました。
風邪がなかなか完治せず、夕方になると高熱がでてしまう悪循環が続いて、更新できずにおりました。
辛いですね、熱。
みなさまもくれぐれもご自愛ください。
さて「CodeMyUI」です。
個人の方が集めているUIで利用できるコードスニペットです。
興味深いUIばかりが集まっているのでとても参考になると思いますよ。
WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「CodeMyUI」
「CodeMyUI」は、WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされたサイトです。
個人の方がコレクションされているサイトなんですが、興味深いUIデザインのコードが数多く集まっています。
サイトにいけばすぐわかりますが、UIの様子がすべてアニメーションGIFになっています。
だから、英語表記だけど、どんなUIなのかがすぐにわかるという便利さ。
眺めているだけで、実装したいコードが出てきますよ。
「CodeMyUI」の使い方
使い方は特にありません。
カテゴリー分けされていませんし、検索ボックスがあるぐらいです。
ですので、ブラウジングして気に入ったものを見つけてください。
クリックすると以下のような詳細ページに飛びます。

ご覧のとおり、コードはCodePenからの引用です。
メールアドレスを登録しておけば、更新のたびに知らせてくれますよ。
ぜひ参考にしてしてみてくださいね。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
背景画像をフルスクリーン&レスポンシブ対応にする方法
背景画像をスクリーンいっぱいに表示しているサイトが増えているとはいえ、いま見てもインパクトがあります
-
-
HTML5ビデオにも対応できる無料動画変換ツール/コンバーター10
HTML5ビデオを利用したサイトも見かけるようになってきました。 今後はHTML5ビデオを利用する
-
-
よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル
初心者のためのCSS3 transition(トランジション)とtransform(トランスフォーム
-
-
画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法
アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を
-
-
もはやアート?ブラウザの閲覧履歴をファビコンで一覧表示する「Iconic History」
ブラウザの閲覧履歴をファビコンで一覧表示するChromeの機能拡張「Iconic History」を
-
-
使える!2015年時点で最高の無料レスポンシブ用フリーテンプレート50+
2015年時点で最高の無料レスポンシブ用フリーテンプレートをご紹介します。 今回ご紹介する無料のH
-
-
スタイリッシュなポップアップ/モーダルウインドウ用jQuery無料プラグイン25
jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。
-
-
jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
2014年に登場したベストなjQueryプラグインを50個ご紹介します。 レイアウト系のプラグイン
-
-
レスポンシブWEBデザインなら導入したいレスポンシブ対応CSSフレームワーク35(〜2013年9月まで)
レスポンシブWEBデザインにますます注目が集まっているようです。 つい最近では、カラーミーショップ
-
-
今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション
ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい
