スクロールイン時のボックス要素の表示アニメーションを設定できる「Box Loader」:phpspot開発日誌

2015/05/12 22 users アニ phpspot開発日誌 スクロール時

Box Loader スクロールイン時のボックス要素の表示アニメーションを設定できる「Box Loader」 最近流行りのスクロール時のアニ... 続きを読む

ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」:phpspot開発日誌

2012/06/26 221 users jQueryプラグイン phpspot開発日誌 elem

ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」 2012年06月26日- jQuery Shadow Plugin ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」。 次のようにボックス要素に対して影を自由に付けられるプラグインです。$(elem).shadow(option); という風にす... 続きを読む

画像やボックス要素にhoverするとエフェクト付きで別のボックス要素を表示するjQueryプラグイン・ContentHover - かちびと. net

2012/01/14 109 users net フェードエフェクト 画像 ホバーエフェクト マウス

画像やボックス要素にマウスホバーすると 別のボックス要素をフェードエフェクトや スライドアニメーションで表示させる事が 出来るjQueryプラグインです。昔は色々と これ系を見かけましたけど最近は全然無い ですね。 これくらいなら自作する、という方も多いのか、以前はかなり見かけたホバーエフェクトのjQueryプラグインは全然見かけなくなりましたが、プラグインの方が楽な場合も多々あると思いますのでこ... 続きを読む

ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll（無限スクロール）機能を加えたサンプル - かちびと.net

2011/09/14 220 users Infinite Scroll 無限スクロール jQuer

必要になってjQuery Masonryのサイトに出向い たらいつのまにかInfinite Scroll機能（スク ロールで次ページを読み込むやつ）が追加され ていたのでちょっと触ってみました。まだ使う 機会はありませんけど、なんとなくこのUIを よく見かけるのでメモ的に記事にしておきます。 jQuery Masonryはボックス要素をレンガのように敷き詰めてレイアウトを組めるようにするjQuer... 続きを読む

[CSS]box-shadowを使って洗練されたエフェクトを加える二つのテクニック | コリス

2011/04/18 346 users コリス box-shadow ウェブデザイン シャドウ CSS

CSS3の「box-shadow」を使用して、ウェブデザインに洗練された美しいエフェクトを加えるテクニックを二つ紹介します。 下記は各ポイントを意訳したものです。 box-shadowプロパティとは ページ全体に奥行きを加えるエフェクト 紙がめくれたようなエフェクト 対応ブラウザ box-shadowプロパティとは 「box-shadow」は、ボックス要素の内側・外側に多数のシャドウを加えることが... 続きを読む

高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～

2010/12/01 885 users XHTML クロノドライブ HTMLコーディング HTML

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス... 続きを読む

ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌

2009/12/09 629 users jQuery Masonry phpspot開発日誌

ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以... 続きを読む

ウノウラボ Unoh Labs: CSSを書くときに使っているツールの紹介

2008/08/06 263 users ウノウラボ CSS Unoh Labs inspect ツール

yamaokaです。 今回は、ぼくが普段CSSを書くときに使っているツールを紹介します。 Firebug 入手先: Firebug :: Firefox Add-ons Firebug posted by (C)フォト蔵 もはやJavaScriptの開発には欠かせなくなった感のあるFirebugですが、CSSを書くのにも使えます。 ボックス要素を調査（inspect）、CSSを書き換えてレイアウト... 続きを読む

JavaScriptでボックス要素の角丸を自由自在に操るライブラリ「RUZEE.Borders」:phpspot開発日誌

2007/03/26 204 users ライブラリ phpspot開発日誌 角丸

ruzee.com - Steffen Rusitschka ShadedBorder - JavaScript Round Corners with Drop Shadow Rouding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners ... 続きを読む