画面上の文字や画像を選択できないようにする at softelメモ
問題 文字や画像をダブルクリックされると、選択状態になってしまう。 文字やリンクや画像に、onclickで何らかの処理をするスクリプトを作っているのだが、カチカチクリックされたときやドラッグされたとき選択状態になると、どうにもかっこ悪い。 ダブルクリックしたときやマウスを使って選択しようとしたときに、選択状態にならないようにできる？ 答え CSS3では以下のように書ける。 user-select: none; ただ、だいぶ普及した角丸をするborder-radiusのようには広く実装されていないようなので、現状では各ブラウザの独自実装にも合わせておく必要がありそう。 以下のように、各実装にあわせた記述をしておく。 user-select: none; /* CSS3 */ -moz-user-select: none; /* Firefox */ -webkit-user-select:
Internet Explorer 8でCanvasを動かす時のメモ - Fujimura
最近IE8でCanvasを使ったクライアントコードを動かす仕事をしました。有用かもしれない情報があるのでメモっておきます。あくまでメモなので正確さは期待しないでください。 前提Rails上のCoffeeScriptコードjQuery 1.9.1画像を表示して、リサイズしたり、座標を取得したりするMVCフレームワーク、Canvasのラッパーは特に使っていないBackbone.jsのViewを真似た構成になっているなるべく副作用の無い関数に切り出して、node.js(mochaとか)でユニットテストを書いてる。とはいってもカバレッジ20%くらいおよそ550LOC(テスト抜き)わかったことIE8ではCanvasは動かない。ライブラリで動かすようにすることはできる。Canvasを動かすためのライブラリはExplorerCanvas、uupaa-excanvas、その後継？のVMLCanvasなどが
条件付きで外部ファイルの読み込みが出来る「yepnope.js」 | Web活メモ帳
読み込みが完了するまで待機し、完了後のコールバック関数を設定できるようになります。 例えば、IEのためだけに書かれたコードを「if IE」タグを使うのではなく動的に変更する事が出来るようになります。 以下のようなコードで動作するようです。 yepnope([ { load: 'js/jquery.js', wait: true }, { test: Modernizr.geolocation, nope: ['googleapi.js', 'needs-googleapi.js'], wait: true, callback: function(){ alert('JS was loaded!'); } } ]); このコードはjQueryの読み込み完了後に、googleapi.jsとneeds-googleapi.jsを読み込み、 全ての読み込みが完了したらアラートを表示するサンプルです
[JS]入力するのが楽しくなるアニメーションを備えたフォーム -Fancy Input
フォームにテキストを入力する際、ちょっと面白いアニメーション（5種類）を与えるjQueryのプラグインを紹介します。 colissと入力、そして削除すると、こんな感じです。 Fancy Input Fancy Input -GitHub Fancy Inputのデモ Fancy Inputの使い方 Fancy Inputのデモ デモはFirefox, Chrome, Safari, Operaでご覧ください。 IEはゴメンナサイとのことで、通常通りに入力できるだけです。 デモページ デモではテキストとテキストエリアの2種類があり、エフェクトはそれぞれ5種類用意されています。 ※日本語の入力は対応していないようです、残念。 Fancy Inputの使い方 実装は非常に簡単です。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。
[JS]条件付きでJavaScriptやCSSファイルをロードできるスクリプトローダー -Yepnope
プレフィックス（接頭辞）を使用して、ロードのタイミング、UAごとに必要なファイルだけをロードなど、条件付きでファイルをロードさせることができるスクリプトローダーを紹介します。 yepnope.js -A Conditional Loader For Your Polyfills! [ad#ad-2] yepnope.jsの書式 yepnope.jsの基本書式は、下記のようになります。 yepnope(resources /* string | object | array */ [, $LABchain]) css! プレフィックス「css!」を使用して、指定したファイルをCSSファイルとしてロードします。 ※「.css」で終了していない名前はJavaScriptファイルとして認識されます。 例：cachebusted.css?version=1452318 yepnope({ load
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
