WEBデザインの参考になるサイト

kayama 119views 更新:2015年9月9日

サイトを作る時、html・cssやjQueryのプラグインの使い方を紹介している記事を参考にすることがよくあります。 
最近気になっているのがThecCodePlayerです。最近は更新が止まってしまっているようなのですが、モダンUIの実装方法がまとまっているので勉強になります。
今日はレビューの仕事しかしていないので、このサイトの紹介をしてみたいと思います・・!

ThecCodePlayer

7930498320.png

記事のアイキャッチ画像にあるデザインの作り方を紹介してくれるサイトです。
気になるデザインがあったら開いてみます。開いたリンク先のページでは右側に出来上がりのデモが表示されていて、左側に説明っぽい文章が表示されています。

ここがすごい

  • 左側画面の上の方にあるView codeをクリックすると、左側の部分にhtml/css/jsのコードが表示される
  • その隣のボタンPlay Walkthroughをクリックすると、ドットインストール的な感じで実際にコーディングをしているのを見ることができる

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません