Works

AngularJSでタグの追加・削除

よくある、一覧からタグを選ばせるUIをAngularJSで作った。 セレクトボックスから選択で追加され、 タグをクリックすることで削除される。 セレクトボックスの下においてあるpreタグに配列の中身が 表示されているので、実際に増えたり減ったりしてるのが見れます。

  • 2849
  • 0

【AngularJS】日付範囲の選択を実現するカスタムフィルタ

ググっても上手く見つからなかったので自分で作ってみた。 ただ、HTML5ので取ってきた値の挙動がなんか怪しい気もするのでそのうち調査する。 このサンプルはフルスクリーンでの表示推奨。 データ元はこちらから。 http://www.bookservice.jp/layout/bs/common/html/schedule/comic_top.html

  • 5397
  • 0

キャラ選択画面っぽいの。

iPhone向け。 素材はこちらから。 ・タイトル:ジュエルセイバーFREE ・URL:http://www.jewel-s.jp/

  • 2840
  • 3

クエスト画面っぽいの。

iPhone向け。 素材はこちらから。 ・タイトル:ジュエルセイバーFREE ・URL:http://www.jewel-s.jp/

  • 2078
  • 1

CSS3のアニメーションを使った画像スライドショー

CSS3のアニメーションを使った画像スライドショー。 特定のidのdivの下の画像の数を認識し自動的にループします。 http://migi.hatenablog.com/entry/2013/06/05/004031

  • 2934
  • 2

汎用モーダル(SmartPhone対応済)

javascriptの連想配列を利用して、 「ある要素をクリックしたらそれに連動してある要素がモーダルで出てくる」 ということを汎用的に簡単に設定できるようにしました。 モーダルの中の縦幅と横幅を自動的に取得し、Window内の今いるところの中央に モーダルが表示されるように設定しています。 詳しい使い方はjsのコードの中を参照ください。

  • 1134
  • 0

canvasでスクラッチくじ風の何か

http://zreference.com/iphone-multi-touch-canvas/ を参考に canvasの練習がてら作ってみた。スマフォ対応。 もっとスクラッチくじっぽくするためにはどうすれば良いんだろう?

  • 3475
  • 1

ボタンクリックで地図画像の任意の場所にピン立て

フロアガイドなどでトイレやロッカーといった場所を閲覧者にわかりやすく表示させるためのナビゲーション。 スマフォ対応。 ピンの種類が増えるほどjsのコードが長くなってしまうので、もっと短くしたい。

  • 3442
  • 3

よくある、画面右端からうにゅって出てくるやつ

  • 2768
  • 4

Skills

  • jQuery
  • jQuery mobile
  • HTML5
  • XHTML
  • CSS
  • CSS3
  • JavaScript
  • SCSS
  • node.js

Hot tags

Categories

HTML / CSS / JavaScript