PHP documentation - PHP.net - Chrome ウェブストア Chromeから一瞬でPHPマニュアルが引ける拡張「PHP documentation」。 phpマニュアルは便利でphperなら誰もがお世話になりますが、Chromeの拡張としてインストールすることで関数をインクリメント検索することが出来たり、ページ内に表示される関数を右クリックして簡単に調べられます。 インストールすると、アイコンがツールバーに表示されます。なかなかシャレていますね。 クリックで検索窓が表示されます。 うろ覚えでもインクリメンタル検索なら簡単に探せます。 ページ内のドキュメントを選択し、右クリックで簡単にマニュアルに飛べます。 海外製の拡張ですが、ちゃんと jp.php.net で日本語表示されます。 というわけで、関数が多いPHPにおいて「あれなんだっけ」「引数どんなだっけ」を素早

背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」 2011年04月25日- jQuery Backstretch by Scott Robbin 背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」 大きな写真等を背景にしていると、ブラウザ幅によって折り返されたりしてかっこ悪くなってしまいますが、このプラグインを使えばブラウザ幅に応じて自動伸縮してくれます。 使い方はプラグインを読み込んだ後、次のように１行書くだけで実装できます。 <script type="text/javascript"> $.backstretch("http://farm3.static.flickr.com/2443/3843020508_5325eaf761.jpg"); </script> 背景に大きな画像を指定し

これは必見のCSS3のBox Shadow等を使って描画されたオブジェクト描画例い... 次の記事 ≫：フレッシュなWordPressテーマ１００ MagicEdit - currentPage: A jQuery plugin to add "current" to nav links 現在閲覧しているページへのリンクをハイライトできるjQueryプラグイン「currentPage」。 一般的なナビゲーションの場合、現在いるページにハイライトをすることで、どこにいるか、分かりやすく表示することが多いですね。 これをサーバサイドでやると分岐が増えてソースが見にくくなってしまう。 例えばphpなら次のような処理がリンクごとに発生して超めんどくさい。 <?php if ($_SERVER['REQUEST_URI'] == "aaa.php") { ?> <em>aaa</em> <?php

Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins | Lava360 jQueryベースの画像スライダー３０まとめエントリのご紹介。 画像スライダーといっても、実に様々なデザインがありますが、３０個もあれば自分の目的に合ったものが見つかりやすそうですね。 全体的にクオリティは高いようです。 昔では想像もできなかったことが実現できていることに色々と感動しますね。 関連エントリ JavaScript製の画像スライダー・ギャラリーいろいろ 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 軽量でいい感じの画像スライダー実装jQueryプラグイン「Choco-Slider」 画像切り替えがユニークな画像スライダー実装jQueryプラグイン「Coin Slider」

jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 綺麗にデザインされたバーもブラウザ依存のスクロールバーで台無しになってしまったり、OSによってデザインに違いが出てしまったりとあまりよいことはないですね。 かといってデザインを崩したくない場合なんかで、スクロールさせないわけにもいけないような時に使えそうなプラグインです。 以下のような自由なデザインのスクロールバーが作れます。画像を切り替えることで簡単に独自デザインにも出来ます。 で、独自デザインにしつつも、ちゃんとマウルホイールにも対応しています。 Twitterの新UIなんかでもスクロールバーが独自になっていたり

画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル＋ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ

20 Color Scheme Generators for Web and Graphic Designers カラースキームに迷ったら使える２０のジェネレーターがまとまっています。 それぞれ特徴がありますが、大量にあるのでケースにあった物が探せそうです。 色あいを変えれば大きく変わるWEBサイト。こうしたツールで最適な色あいを探していけそうですね。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」

30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル３０。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 学習資料なんかに活用させていただきましょう。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集８０