多機能且つ、クロスブラウザ対応のカルーセルを実装するjQueryプラグイン・carouFredSel 使い勝手が凄く良さそうだったので メモ&シェア。クロスブラウザ対応の カルーセルを実装するjQueryプラグ イン・carouFredSelのご紹介です。 シンプルながら縦タイプ、スライド、 lightboxを付加させる事が出来る...2010.09.10 | 10時58分27秒cssやプログラミングjQueryWebデザイン
WordPressのカテゴリーを開閉可能なツリー型にするWP-dTreeが上手く動かない時の代替法 ちょっと嵌ったので個人的なメモ。WP-dTree という便利なプラグインがあって、カテゴリー やアーカイブのリンクリストをツリー状にしてく れるプラグインで、開閉時の動きも滑らかです し、cookieに開閉の状態を記録してくれるの ...2010.09.06 | 11時30分20秒WordPressカスタマイズプラグイン
アニメーションが可愛らしいツールチップタイプのメニューを実装する国産jQueryプラグイン おっ、と思ったのでメモ。可愛らしい メニューがマウスオーバーでツール チップ的に表示されるjQueryプラグ イン。国産です。メニューの出現時 のアニメーションがなんとも可愛らし いですね。メニューに限らず応用効 きそうです。 ...2010.09.04 | 11時14分36秒cssやプログラミングjQueryWebデザイン
iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢と...2010.09.02 | 11時03分17秒cssやプログラミングjQueryWebデザインメディア関連
マウスオーバーで背景がスライドダウンし、同時にコンテンツを横スライドさせるダイナミックなjQuery jQueryを使った面白いスライダーがあった のでメモ。IE6、7でも一応は動いてくれます よ。メニューのボタンにマウスを乗せると、 他のボタンがフェードアウトし、マウスを乗 せたボタンだけ下にスライド、同時にコン テンツが横にダ...2010.08.30 | 10時28分34秒cssやプログラミングjQueryWebデザイン
WP地味ハック・functions.phpに数行加えるだけでプロフィールの項目にTwitterとか増やす方法 需要があるのか分からないシリーズです。 マルチユーザーのブログで、プロフィールを 使ってるサイトなんかに使えるんじゃないか と思ってエントリー。プログインも使わず、 コアファイルも触らずにプロフィール項目を 増やす方法。2010.08.29 | 11時00分25秒WordPressカスタマイズ
サムネイル付きのボックスをサイドからスライドさせるjQuery ちょっと使う予定が出来るかもなので メモ。サムネイル付きのメニューが マウスオーバーでサイドからスムー ズにスライドします。css3も使用して いますが、シャドウと角丸だけみたい ですね。2010.08.26 | 11時26分19秒cssやプログラミングjQueryWebデザイン
GoogleMapっぽい地図コンテンツを作成出来るjsライブラリ・Polymaps 便利そうだったのでメモ。GoogleMap をはじめ、様々な地図サービスのような ドラッグで移動したり、拡大縮小な地図 コンテンツを実装するJavaScriptライブラリ Polymapsのご紹介。地図には画像を使 い、マス目上に...2010.08.22 | 11時10分14秒cssやプログラミングWebデザイン
Flashに限りなく近いコンテンツをcss3+jsで創り上げたPure CSS3 Spiderman Cartoon ここまで出来る、という想像はしていました が、実際に作ってくれた方がいましたよ。 css3とjs、html5というFlash不使用で、 Flashサイトのようなコンテンツを実装して いるPure CSS3 Spiderman Cartoonの ご紹介です。2010.08.20 | 11時27分03秒cssやプログラミングWebデザイン
コンテンツスライダーを実装できる380バイトほどの超軽量なjQueryプラグイン シンプルで良さそうだったので メモ。コンテンツをスライドさせ る事が出来る、380バイト程度 の軽量なスクリプトです。軽い ですな、これは・・使い勝手も 良さそうです。2010.08.19 | 11時16分17秒cssやプログラミングjQueryWebデザイン
ドラッグ&ドロップで簡単に要素を追加できるオープンソースのCMS・ImpressPages 管理画面でWebサイトの要素を ドラッグ&ドロップで追加出来る オープンソースのCMS。直感で 作成出来そうですね。このタイプ のCMSはいくつか見かけた気が しますが、ImpressPagesの精度 もなかなかです。2010.08.17 | 10時57分04秒オープンソースソフトウェア
透過PNGにも対応のロールオーバーで滑らかに画像が切り替わる国産jQueryプラグイン とっても便利そうなjQueryプラグインが あったのでメモ。国産です。IE6、7でも 確認しましたが、Chrome等のブラウザ と相違なく動いてくれます。動きもとても スムーズで素敵。透過PNGにも対応し ていますが、他のライブラリと併用する形。2010.08.14 | 11時08分46秒cssやプログラミングjQueryWebデザインインスピレーション
APIも有り。画像やWebサイトの拡大可能なビューワーを作れるWebサービス・zoom.it 画像だけでなく、Webサイトにも 対応の、拡大が可能なコンテンツ を作れるWebサービス、zoom.it のご紹介です。APIもありました。 Micrsoftの提供のサイトみたい ですね。2010.08.08 | 11時10分57秒WebサービスWebツール
画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) 画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQuery全般が沢山 あるのと、探してる方が直ぐに見つ けられるようにリンク集を作りました。2010.08.04 | 10時49分39秒cssやプログラミングjQueryWebデザイン
Youtube動画をクール且つシンプルなプレーヤーで実装するjQueryシンプルな動画プレーヤー Youtubeのインターフェースが 気に入らない、という方向け ですね。Youtube動画をクール でシンプルなプレーヤーで 実装出来るjQueryのご紹介 です。2010.07.31 | 10時53分15秒cssやプログラミングjQueryWebデザイン動画関連
AmazonやFlickrのように、画像に範囲を指定してメモやURLを加える事が可能なjQuery-NotesjQuery-note Amazonのユーザーイメージや Flickrのように画像に範囲を指定 して、そこにメモやURLを加える 事が可能なjQueryプラグイン、 jQuery-Notesをご紹介します。2010.07.23 | 11時02分27秒cssやプログラミングjQueryWebデザイン
横に飛び出るjQueryメニュー・Horizontal Slide Out MenuをIE対応にするIE fix 昨日書いたjQueryのメニューの Horizontal Slide Out Menuという 横に飛び出るcssメニューですが、 デフォルトではIEで表示が崩れて います。これをIEでも実装出来る ようにします。2010.07.22 | 10時56分17秒cssやプログラミングjQueryWebデザイン
jQuery+CSSで実装するナビゲーションメニュー総集編css+jQuery jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。2010.07.21 | 10時01分30秒cssやプログラミングjQueryWebデザイン
個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個フレームワーク色々 個人的なメモです。今まであまり 使っていなかったので少し使って いこうと思い、いくつか自分でも使 えそうなフレームワークを探しました。2010.07.20 | 11時01分53秒オープンソースその他のソフトウェアソフトウェア
cssスプライトとjQueryを組み合わせたナビゲーションメニュー・AutoSpritesAutoSprites cssスプライトをjQueryと組み合わせて 使用するAutoSpritesをご紹介します。 軽量化できるので人気のあるcssスプ ライトにjQueryを加える事でより豊かな 表現が可能になりますね。2010.07.19 | 10時40分50秒cssやプログラミングjQueryWebデザイン
jQuery+cssのパネルが滑らかにスライドする、クールなドロップダウンメニュースライドパネルメニュー なかなか良さそうだったのでメモ。 例によってIE6は上手く実装できて いませんでしたが、cssハックでも 使えばなんとかなるかな・・見た目 もクールで素敵なのでどこかで 使いたいです。2010.07.16 | 12時50分16秒cssやプログラミングjQueryWebデザイン
CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpapercssSandpaper これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3をIEにも対応させ るjsライブラリですが、特徴は プロパティが1行で済む点です。2010.07.14 | 10時33分16秒cssやプログラミングWebデザイン