watilde

Backbone/Rails/CSS Programming/TypeScript/Scala
Dartstack: http://dartstack.com/

Works

ダイアログフォーム

会場はこちら http://jsdo.it/event/html5csc/vol2 紹介されました http://gigazine.net/news/20130219-dialog-form/ 記事かきましたー http://watilde.hatenablog.com/entry/2012/12/20/110212 ## お題:思わず登録したくなる「登録フォーム」


### 意図 * メッセージアプリでの登録をイメージして作りました * 人とチャットしてるときはタイピングが苦じゃないってことで、クラウディアさんに来て頂きました * クラウディアさん情報: http://msdn.microsoft.com/ja-jp/claudia00_03.aspx
### 工夫した点 * 動線を考え、クラウディアさんの発言するタイミング、テキストフィールドやボタンを表示するタイミングを調整しました * パスワード入力を [全て伏字 & 2回入力] にしない代わりに [一部を伏字で表示 & 確認] とういう動作にしました * 見られても大丈夫なコードを目指して丁寧に書きました
### iPhoneのSafariからホームスクリーンに追加を行うと全画面になります
      _,,,
     _/::o・ァ    chun chun
   ∈ミ;;;ノ,ノ 
     ヽヽ
おしまい。

  • 56388
  • 56

Chrome Logo

  • 3959
  • 1

Executive Chrome Clicker

Only Canvas :3 ニュートンのゆりかご http://ja.wikipedia.org/wiki/%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%88%E3%83%B3%E3%81%AE%E3%82%86%E3%82%8A%E3%81%8B%E3%81%94 Executive Ball Clicker http://en.wikipedia.org/wiki/Newton's_cradle

  • 3257
  • 0

dartsboard

Dartstackで使ってるコードの一部だったりします http://dartstack.com/

  • 4436
  • 2

CSSでFizzBuzz

ピュアCSSでFizzBuzz div*100はZen-Codingとか使います。 counter()の初期化 body {counter-reset: i; } counter()を使って数値を代入 div:before { counter-increment: i; content: counter(i); } :before{content: ~; }の上書きを利用して分岐 div:nth-child(3n):before {content: 'Fizz'; } div:nth-child(5n):before {content: 'Buzz'; } div:nth-child(15n):before {content: 'FizzBuzz';}

  • 8826
  • 4

CSSでダイス

記事 http://watilde.hatenablog.com/entry/2013/03/27/185407 参考 https://developer.mozilla.org/en-US/docs/CSS/transform-function#perspective() http://dev.classmethod.jp/client-side/html5-css3-jquery-study-10-1-css3transforms3d/

  • 9696
  • 3

  • 2238
  • 1

$_GET

  • 1199
  • 0

Prime War

n番目までの素数の和

  • 1419
  • 0

JustEditのろご

低クオリティ & コードぐちゃぐちゃすいません。 リファクタリングそのうちします。

  • 1898
  • 1

html5でカレンダー

  • 2405
  • 1

クリックした地点と隣接したブロックの色判定。

  • 1679
  • 0

2013-12-12 1st

  • 910
  • 0

Skills

  • iOS Browser
  • jQuery
  • Titanium Mobile
  • jQuery mobile
  • PhoneGap
  • Sencha Touch
  • HTML5
  • XHTML
  • CSS
  • CSS3
  • JavaScript
  • CoffeeScript
  • SCSS
  • PHP
  • Perl
  • Ruby
  • Python
  • SQL
  • Shell Script
  • node.js

Awards

Hot tags

Categories

HTML / CSS / JavaScript