Beautiful Background Image Navigation with jQuery | Codrops 背景画像をクールにかえつつナビゲーションを行うjQueryでのメニュー実装例。 デモページを見ていただくとそのクールさ加減が分かると思います。Flashを使わずになかなかクールな効果が出てますね。 ちょっとしたプロモーションサイトなんかに導入してみるのもよさそうです。 関連エントリ アニメーションの残像が残るjQueryアニメーションチュートリアル 泡のアニメーションで癒しを演出できるjQueryプラグイン「Bubble Engine」 キャラクターとバックグラウンドをアニメーションさせられるjQueryプラグイン「Spritely」 ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム jQueryでアニメーションするソート可能なデータグリッ

Firefox web browser - Faster, more secure & customizable Firefox 2系と比べるとFirefox 3系のメモリ消費はだいぶ改善されている。FreeBSDのメモリアロケータであるjemallocを採用したことが大きい。しかし、マルチプロセスアーキテクチャを採用したChromeが登場してから、ふたたびFirefoxのメモリ消費が気になるようになってきた。たしかにChromeの消費するメモリ量は多いが、タブがそれぞれプロセスとして分離しているため、タブを閉じると1プロセス分まるまるメモリが開放される。消費は多くても開放もしっかりしていて、いつまでも大量のメモリを消費し続けるFirefoxよりも魅力を覚えるユーザが増えている。 しかし、Firefox向けに提供されているアドオン/エクステンションは強力で魅力的。特定のアドオン/エクステン

ColorPicker 0.6 軽量かつ柔軟にカスタマイズが可能なJavaScript ColorPicker。 次のような様々なUIデザインを選べる上に、CSSでデザインできるカラーピッカーです。 カラーピッカーは色々ありますが高機能な部類に入るのではないでしょうか。 特定のライブラリに依存しない点もいいですね。 １つの選択肢として覚えておいてもよいでしょう。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 単体で使えるJavaScriptカラーピッカー「DHTML Color Picker」 PhotoShopのカラーピッカーそっくりなカラーピッカー「JavaScript Color Picker」

なかなか需要がありそうだな、と 感じたのでエントリー。御連絡を 頂いて知りました。機能も結構 充実していますので、企業の方 は試してみてはいかがでしょう。 現在ベータ版でのリリースで、リリースしたのは五足の靴の運営先のアユダンテさんですよ。この場を借りて御連絡の御礼申し上げます。 珍しく利用には連絡が必要みたいですが、連絡後はOAuth認証でのログインが可能のようです。企業向けゆえですかね？という訳でテスト投稿はしていませんのでヘルプに有る機能説明などを参考にご紹介します。 1つの広報アカを複数人で管理する事が可能です。ざっと機能をご紹介。 [note]つぶやきデスクという名に変更されたとのことです。[/note] 子アカウントの紐付け メインアカウントに子アカウントを紐付け、同時に管理する事が可能です。クリックだけで切り替えが出来るみたい。 Mentionsが分かりやすい 非公式RTやリ

「2chRevival」は2ちゃんねるのdat落ちしたスレ（全部見られなくなったスレ）を復活させるChrome拡張機能です。 他にもdat落ち復活拡張機能はあるのですが、「2chRevival」はワンクリックで復活させられるので便利です。 原理としては、2ch DAT落ちスレ ミラー変換機 ver.４を利用しています。 自動的に復活させることもできますし、ミラーサイトを自分で選択することも可能。 以下に使ってみた様子を載せておきます。 まず「2chRevival」をインストールしましょう。 そして、dat落ちしたスレを開いてみます。 dat落ちしているので、通常は、最初のレスしか見られません。 「2chRevival」をいれていると、上部に「DATファイルを復活させる」というリンクがあります。 「DATファイルを復活させる」をクリックするだけでOK。 このとおり、最後のレスまで全部見られま

ステンレス、チタニウム、ゴールド、カーボン、リサイクルペーパー、古紙、グランジなど、高解像度のフリーのテクスチャ素材をpsdGraphicsから紹介します。

EC-CUBEの商品詳細の管理画面を簡単にWYSIWYGエディタ（CKEditor）にするモジュール 商品管理ページの詳細データの入力欄は、HTMLのタグ入力ができますが、ここでHTMLタグを入力して管理するのは意外と面倒です。かといって市販のエディタソフトで一旦編集してからソースをコピペするのも面倒です。そんなことを思って、一層のこと入力欄にWYSIWYGエディタを適用させようと考えました。WYSIWYGエディタならHTMLタグの知識がない人でも、簡単に文字の大きさや色、表組みなどを作ることができます。 また、より簡単にWYSIWYGエディタを導入するために、EC-CUBEソースのカスタマイズ等の作業を不要とし、単にモジュールファイルのアップロードだけで、EC-CUBEの商品詳細にWYSIWYGエディタが適用される仕組みを採用してみました。 適用イメージ 動作環境 「EC-CUBE」（v

この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ（ユーザーエージェント）にとって未知な存在の要素を生成し、認識させることができます。

仕事を超快速にするGoogle Chromeの拡張11選に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiよりお知らせ(PR) モバイルPC、活用できていますか？ mobilepc.nanapi.jp nanapiがお送りする、モバイルPCの活用法 法人向けパソコンの購入なら panasonic.biz パナソニック法人向けモバイルPCの購入相談なら はじめに Google Chromeというものがあります。これはWebを素早く見るためのブラウザと呼ばれる、インターネット閲覧ソフトウェアです。 Chromeの使い方については以下をご覧ください。 ブラウザソフトを変えて、より快適にインターネットを見よう！ | nanapi[ナナピ] Chromeの特徴として、豊富な拡張機能があります。これはExtensionsとも呼ばれており、

一枚の画像で、サイズ指定があるものやないものなど異なるサイズのボックスいっぱいに背景を表示するスタイルシートを紹介します。 CSS3 Background Images - 100% width/height of container デモ 上記三つのデモは上から順に、 widthとheightの指定あり width指定ありheight指定なし widthとheightの指定なし となっており、同じ背景画像を使用してボックスいっぱいに表示しています。 背景には下記の画像を使用されています。

近年では、SEOに関する知識の多くは、書籍やインターネット上から得ることができるため、自社でSEOを行うところも少なくありません。 しかし、SEOに関する知識を持つスタッフが社内にいない場合や、現状よりもより高い効果を求める場合など、SEO事者者の利用を検討するケースもあるでしょう。そこで、どのようなSEO事業者を選ぶべきなのかは、SEOを行う目的や、予算、社内体制などによって変わってきます。 インプレス R&D社刊「SEO/SEM事業者比較調査報告書2010」の執筆に携わった関係、昨年の秋から日本の主要なSEO・SEM事業者を20社程、取材を行う機会がありましたので、その取材を元に、今回は、このSEO事業者選びのポイントについて、まとめて見たいと思います。 SEO事業者の分類 一口にSEO事業者と言っても、個人で行っている「自称SEO事業者」のような人から、上場まで行っている大手SEO事

Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.

Plugins | jQuery Plugins Amazonスタイルのアイテムスクローラー実装jQueryプラグイン。 amazonでよく見る次のようなアイテムスクローラーをjQueryで簡単に実装できます。 <ul>でアイテムリストを定義しておいて、$(element).amazon_scroller({options}); のようにして簡単に初期化することが可能です。 ブログエントリの下部でのオススメ商品なんかの紹介に使えそうですね。 関連エントリ 画像を縦・横にゆっくりスライドさせたい場合に使えるjQueryプラグイン「PanoScroll」 カートが目立たず、いい感じにスライドしてくれるショッピングカートの仕組み コンテンツを滑らかにスライドさせるjQueryプラグイン