Wicker Wings

実験室

  1. HOME
  2. 実験室
  • CSS、lang属性セレクタ

    lang属性を指定しての「属性セレクタ」の動作検証

  • canvasへテキストを書き出す。

    Safari : strokeText()
    Firefox : mozDrawText()

  • 変数の比較

    JavaScriptのnull、undefined、false、0を比較する。

  • 変数のスコープ

    変数のスコープのテスト。

  • document.all

    document.allのサポート状況の確認。

  • フィボナッチ数列

    フィボナッチ数列を出力するJavaScript。

  • 関数の呼び出しもと

    arguments.callee.callerの動作検証。

  • 右クリック禁止

    いわゆる右クリック禁止。

  • 回転テーブル

    回転テーブルの上に物を置いている雰囲気を出す。(canvasタグ)

  • コンテクストメニュー

    コンテクストメニューを表示する。

  • 回転テーブル

    回転テーブルの上に物を置いている雰囲気を出す。(imgタグ)

  • 画像アップロード

    WindowsエクスプローラーやFinderからファイルをドラッグ&ドロップすると、サーバーにアップロードする。

  • スクロールバー

  • 小数第2位で切り捨て

    小数を切り捨てて整数にする関数Math.floor()を使って、小数第何位で切り捨てる。

  • 画像先読み

    HTTP1.1のkeep aliveがどんな風に機能するか。

  • スライドバナー

    バナーがスライドしながら変わる。

  • location.hrefを変更する

    Opera11で、location.hrefを変更してもアドレスが変わらない問題の確認用。

  • 手動スライドショー

  • プレーンテキストをHTMLに変換

    プレーンテキストにpタグを付けるJavaScriptコードを生成するスクリプト。

  • SVGアニメーション

    Objectタグを使用して外部SVGファイルを表示する。

  • setTimeout()の第一引数の違い

    setTimeoutの第一引数を、文字列で指定するか、関数オブジェクトを渡すかの違いを調べる。

  • SVGアニメーション

    SVGタグを使用してインラインSVGを表示する。

  • CSSで斜線を引く

    背景のグラデーションを利用して斜線を引く。

  • デバイスモーション、デバイスオリエンテーション

    iPhoneのデバイスの傾きと方角(コンパス)を検出する。

  • JavaScript、with ベンチマーク

    withとローカル変数への代入のベンチマーク

  • SSIでスマホを振り分ける

    SSIでスマホを振り分け

  • iPhoneのposition:fixed

    iPhoneでのposition:fixedを、position:absoluteとJavaScriptでエミュレートする

  • Image、Audioファイルをローカルストレージに保存する

    XHRでダウンロードした物をbase64エンコードして保存。 画像はcanvas経由の方法も併用。

  • Image、Audioファイルをローカルストレージに保存する

    XHRでダウンロードした物をbase64エンコードして保存。 画像はcanvas経由の方法も併用。

  • Audioファイルをローカルストレージに保存する

    iPhoneでエラーが出ていた前回から、ファイルサイズを減らしたもの。

  • クッションページの生成をJavaScriptで行う。

  • ontouchmoveイベント中のtargetを取得する

  • スクロールに合わせてスライドする

    縦スクロールと横スライドの組み合わせ

  • 一定幅に表示された文字数を取得

    字数の取得

  • 万華鏡以外の何か

    万華鏡を作ろうとして諦めた

  • CSSでハッシュリンクのターゲットを点滅させる

    BlinkHashみたいなやつ

  • 色を変更する

    opacityを変更して色を変更する。

  • 色を変更する

    opacityを変更して色を変更する。opacity:0から1への変化するバージョン。

  • 一定時間後に消え、マウス操作で表示

    マウス操作をしていないと一定時間後に消え、マウス操作で表示。

  • 兄弟セレクタの機能実験

    兄弟セレクタ E ~ F の実装確認。

  • チェックボックスと画像を連動させる

    チェックボックスと画像を連動させる。

  • セクションの1文字目を大きくするCSS

  • Youtube APIでビデオを再生

    プレビューの取得と、プレビュー画像クリックでビデオ再生

  • 文字の背景をCSS3アニメーション

  • 文字種判定

    指定文字の前後の文字種を判定する。

  • 文字種判定2

    指定文字の前後の文字種を判定する。クラス化してみた。

Sitemap

  • HOME
  • Profile
  • だぶだぶノート
  • Software
  • だぶ天
  • Motel
バナー
©Wicker Wings

[pr]