ドラッグによるテキストの選択をキャンセルする【CSS, HTML, JavaScript】 - Programming Magic
Webページでは普通、マウスでドラッグするとテキストを選択することができるが、JavaScriptやスタイルシートを使うことで選択を防ぐことができる。 ただし、これはサイトの文章をコピーさせない目的で使うことは推奨しない。 紹介する方法でドラッグによる選択を防いだとしても、Ctrl+Aの全選択を防ぐことができないことが多く、ソースを表示させればコピーできてしまう。 さらに、文章をコピーできないサイトは不便で、ユーザに不快な思いをさせてしまう可能性が高い。 このドラッグによる選択をキャンセルする方法は、JavaScriptなどでドラッグで特殊な効果を表現する際に、通常の選択はしてほしくないという場合などに使うと良い。 例えば、テーブルのセルをドラッグで選択するサンプルのような場合がある。 これでテキストを選択してしまうと、おかしく見えてしまう。 ドラッグによる選択をキャンセルす
グラフィカルに加速度を作って要素をCSS3アニメーションさせられる「Ceaser」:phpspot開発日誌
Ceaser - CSS Easing Animation Tool - Matthew Lein グラフィカルに加速度を作って要素をCSS3アニメーションさせられる「Ceaser」。 単純にアニメーションさせるだけではなく、加速度をつけたほうがよりリアルに活き活きと動かすことが出来ますが、そのアニメーションの加速度指定をベジエ曲線を描く要領で指定出来ます。 ベジエ曲線を指定したら「Left」「Width」といったボタンをクリックし、動きを確認出来ます。 動きを作ったら、*-transition: のCSS3プロパティが生成されるので、コピペで使うことが出来る模様。 関連エントリ ピュアCSS3で3Dアニメーション アニメーションの残像が残るjQueryアニメーションチュートリアル 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
