jQueryを使った何でもブルブル震えるプラグイン。
今回はjQueryを使ったユニークなプラグインを紹介します。任意の要素を何でもぶるぶる震わせちゃうちょっとネタみたいなスクリプトなんですけど、設置も簡単なのでエディットライフでも試してみました。フッターのIEがゴミ箱に入ってるアレなアイコンをポインタするとまるで生きているかのように（オイオイ）バイブします。つかウザっ！！ 面白いのでぜひお試しあれ。 使い方は簡単でjQueryとプラグインに動作を調整させるスクリプト、そしてバイブさせる要素をIDで指定する。これだけです。非常にシンプルなのがいいです。でもアイデア次第で面白い使い方ができそう。コリスでは「続きを読む」に触れた瞬間ぶるぶる震えだすので一瞬の驚きが楽しい。大胆だなあ。 今回は指定した要素がブルブルとバイブするユニークなjQueryプラグインの紹介。設置後はIDを指定してdivなどで挟むだけでかんたんに震わせることができます。 マウ
ブラックに映える美しいネオンサインを再現したPhotoshopのレイヤースタイル
ブルー、レッド、グリーンに輝くネオンサインを再現したPhotoshopのレイヤースタイルを紹介します。 Psd Neon Text Effect Photoshop [ad#ad-2] ダウンロードできる素材はPhotoshop用のPSDファイルで、ネオンサインのレイヤースタイルはもちろんのこと、各レイヤーも保持されています。
[JS]ページ上のさまざまな要素をぷるぷる振動させるスクリプト -jQuery Vibrate
デモ：更なるエフェクト CSSの各プロパティを変更することもできます。 [ad#ad-2] jQuery Vibrateの実装 JavaScript jQuery Vibrateはさまざまなオプションを簡単に設定できます。 $('.vibrate').vibrate({ speed: 50, // Vibration speed in milliseconds trigger: "mouseover", // Triggering event reverse: false, // Reverse behaviour overEffect: "stop", // Over effect, see details below vibrateClass: "", // CSS class applied when vibrating (New in vers. 1.1!) overClass:
[CSS]見出しの両端に水平ラインを天地中央に配置するテクニック
紙媒体でよく見かける、見出しの両端に水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 Centered Heading Overlaying a Horizontal Line with CSS [ad#ad-2] 下記は各ポイントを意訳したものです。 実装のポイント Method 1: 疑似要素 Method 2: 隣接兄弟セレクタ Method 3: 線形グラデーション Method 4: 最後にjQueryを使ったメソッド 全部のデモ 実装のポイント 実装するにあたり、下記の点に留意します。 画像は使用しない。 余分なHTMLは使用しない。 Scalable: フォントのサイズを大きくしても調整される。 Fluid: 可変。 JavaScriptは使用しない。 Method 1: 疑似要素 見出しの疑似要素で水平線を配置し、spanタグを内側に配置し水平線が中央
[CSS]hr要素をおしゃれにスタイリングする8つのテクニック
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
