[B! css] Ma-Qunのブックマーク

名前にカーソルを合わせた際にかっこ良くプロフィールを表示する例とそのjQueryプラグイン:phpspot開発日誌

Simple yet sexy hovercard with minimum CSS 名前にカーソルを合わせた際にかっこ良くプロフィールを表示する例とそのjQueryプラグイン名前にカーソルを合わせると、名前のテキスト位置はそのままに次のようにプロフィールが浮かび上がるサンプルです。ポップアップでもいいんですが、もとのテキストはそのままの位置というのがなかなかカッコイイのと技術的に面白いですね。プロフィールが浮かび上がります。マークアップとCSSが公開されていて、JSはjQueryを使って数行で実装されています。ｊQueryプラグイン形式でも使うことができるみたいです関連エントリシンプルなツールチップ実装ができるjQueryプラグイン「mTip」 jQueryでツールチップ実装に迷ったらみるエントリページメニューにツールチップを表示して分かりやすくするjQueryチュートリ

Ma-Qun 2011/11/11

リンク

CSSの知識をもっと深める30+2の小技テクニック集｜Webpark

基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。

Ma-Qun 2011/07/27

リンク

IE6-8でもCSS3が使えるようになる「CSS3 PIE」:phpspot開発日誌

CSS3 PIE: CSS3 decorations for IE IE6-8でもCSS3が使えるようになる「CSS3 PIE」。非対応ブラウザがあるのでまだCSS3はいいやという方もいると思いますが、CSS3 PIEというhtcライブラリを使うことでCSS3に対応させてしまえます。角丸、ドロップシャドウ、グラデーションといったプロパティに対応しています。実装の際には border-radius、box-shadow、border-image等が使えるようになります。サイト上のすぐに動くデモを動かしてみると、そのクオリティもなかなかのものだと言うことが分かります。実装も簡単みたいで、PIE.htc をサーバに設置後、behavior に url(/PIE.htc) として設定するだけみたいです。 behavior: url(/PIE.htc); これは楽で便利です。対応していな

Ma-Qun 2010/08/24

リンク

指定した背景画像をx秒毎に切り替えるjQueryプラグイン - Rewish

img要素ではなく背景画像（background-image）を切り替えるjQueryプラグインです。 2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。ダウンロード jquery.bgswitcher.js 開発リポジトリはrewish/jquery-bgswitcher · GitHub 依存ライブラリ jQuery 1.7.x以上が必要です。ライセンス MIT License 主な機能エフェクト付きの背景切り替え切り替えの制御（開始/停止/リセット）ファイル名の連番自動読み込み画像のプリロードデモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>