Works

iOS絵文字のクロスプラットフォーム(by emojify.js)

本来はua判別してiOS、Mac以外で使います。 iOSとMac Safari(Firefoxは発生しない!)でいくつかの絵文字が記号になってしまう現象は、 [iPhone で「♥(黒塗りハート)」が絵文字になってしまう問題](http://daredemopc.blog51.fc2.com/blog-entry-1075.html) によると`0xFE0F`(VS16と呼ぶそうだ)が必要らしい。 下記をiOS or Mac Safariで見比べるのがわかりやすかも。 [VS16の追加有無による差の一覧](http://blog-imgs-54-origin.fc2.com/d/a/r/daredemopc/iphoneheart2.html) # shortcode&Unicode対応表 HTMLエンティティでなく実際の文字コードがinput[type="text"]に入っている[Emoji Cheat Sheet](http://www.iemoji.com/emoji-cheat-sheet/all)から作成。 ただし、jsdo.itの仕様でHTMLエンティティ化されてしまっている。 # shortcode判定 絵文字変換のためのshortcodeを引き当てるためにUnicodeの1文字ごとループや文字コード取得が可能な [javascript - でBMP以外のUnicode文字をきちんと扱う](http://blog.livedoor.jp/dankogai/archives/51861512.html) を利用した。 # shortcode不具合 `:raising_hand:` [emojify.js](http://hassankhan.me/emojify.js/)をCDN利用する[emojify-cdn](https://github.com/austenito/emojify-cdn)に含まれていなかったので追加。 `:disappointed_relieved:` 同様に[emojify-cdn](https://github.com/austenito/emojify-cdn)の定義(正規表現)で意図せず`isappointed_relieved:`と変わってしまっていたので定義順を優先することで対応。 `:athletic_shoe:` [emojify.js](http://hassankhan.me/emojify.js/)では`:shoe:`だったので修正。 `:footprints:` [emojify.js](http://hassankhan.me/emojify.js/)では`:feet:`だったので修正。 `:onehundred` → `:100:` `:eightball:` → `:8ball:` `:onetwothreefour:` → `:1234:` `:raising_hand:`を単純追加。 以下も単純追加だが、画像なし。 `:package:` `:sparkle:` `:back:` それとfaceマークの`:satisfied:`は[emojify.js](http://hassankhan.me/emojify.js/)と違う。 ただ、これGitHubのコミットミスぽい。 # 対応絵文字 shortcode&Unicode対応表作成時に参照した表が189文字だけでなく[emojify.js](http://hassankhan.me/emojify.js/)が用意している絵文字(の画像)は約850文字分にも対応。 ただし、画像リンク切れ([cdn](http://www.tortue.me)で見当たらない)、変換不可([emojify.js](http://hassankhan.me/emojify.js/)でshortcodeが網羅されてない)が少し残っています。 (今後の人種バリエーションとかはどうなるんだろう・・・)

  • 2645
  • 4

斜め上から見たiPhoneモックの画面スクロール

  • 2103
  • 7

流行のブラー処理を部分的にかけるプラグインのテスト

  • 2118
  • 2

SVGでアニメーションする細~い円グラフ

[SVGでアニメーションするインタラクティブな円グラフ](http://jsdo.it/hirotweets/d3Pl)をforkして、ちょちょいと改造しました。 現状だと目的の数値までアニメーションさせるだけなのでプログレッシブインジケータとは言えないんですが・・・ → のでタイトル変更しました(^^; ----- # 更新履歴 色を16進表記でもオブジェクト形式でも指定可能に修正しました。 複数同時も可能になりました。

  • 2170
  • 1

ツムツム風ボタン

  • 731
  • 1

ツムツム風Launch Screen

  • 704
  • 1

JavaScriptの型 ~ Qiita記事の検証 ~

[Qiita](http://qiita.com/)でJavaScriptの型について、いくつか参考になる記事があったので、それを検証しました。 参考にしたのは 1. [JavaScriptでオブジェクトの型を判別するのにtypeof演算子使うとツラいよね](http://qiita.com/Layzie/items/465e715dae14e2f601de#comment-99e8f262a7672b66a60e) 2. [typeOf()](http://qiita.com/Hiraku/items/87e5d1cdaaa475c80cc2) です。 1.は超シンプルですが、`'hoge'`が`'string'`ではなく`'String'`(`new String('hoge')`は'String'で良いと思う)とか、 `null`を`'Null'`か?と確認するのも、ちょっとなので、2の`typeOf()`を使った`_is()`のほうが良いのかな? ちょっとそれるけど、`console.log`を別関数にエイリアス的?に置き換えると、Webkit系で`null`を扱うときに`is not defined`で例外発生してしまうみたい・・・

  • 1012
  • 1

JavaScriptのクロージャ ~ Qiita ~

  • 773
  • 1

JavaScriptの数値判定

  • 1062
  • 1

CSSでキャンドルの炎

[CSSでキャンドルの炎](http://ksk-soft.com/2012/03/18/css_candle_light/)のコピペです。 す、すごい!

  • 1122
  • 1

Ace Editor

  • 623
  • 0

forked: Shodou

  • 494
  • 0

forked: Dragon (Fireworks)

  • 1084
  • 0

Skills

Hot tags

Categories

HTML / CSS / JavaScript