jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい:phpspot開発日誌
mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ＆ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
CSSフレームワーク、ラウンドアップ:phpspot開発日誌
Hidden Pixels - CSS Frameworks CSSフレームワークがまとまっていたので紹介。 CSSフレームワークを使えば、ブラウザ間のCSSの差異吸収や、ブロックレイアウトが簡単になって便利、ですが沢山ありますね。 Elements CSS Frameworks YUI Grids CSS YAML CSS Framework Blueprint CSS Schema Web Design Framework CleverCSS Tripoli CSS Framework ESWAT Web Project Framework Boilerplate CSS Framework WYMstyle CSS Framework That Standards Guy CSS Framework 960 Grid System Emastic CSS Framework これだけ
WEB開発に使えるアイコン集「Free web development icons」:phpspot開発日誌
Icojoy - stock icons shop, article 'Free web development icons #3' Icojoy team have released new free icon set (addon for this set). The subjects of this set are blogs, dating, player, social networks. These icons are free to use in any kind of project unlimited times. WEB開発に使えるアイコン集「Free web development icons」。 ＲＳＳやタグ、カートやスターの他、ナビゲーションに関するアイコンがつまったフリーアイコン集です。 ２６種類あって、形式は、ico, .icns, .tif, .gif, .
デスクトップ操作をビデオにするソフトやサービスx１１個:phpspot開発日誌
デスクトップ操作をビデオにするソフトやサービスx１１個。 ソフトの紹介や、サイトの使い方の紹介するのはビデオ化するのが一番分かりやすいですね。 操作録画のためのソフトはどういうものがあるのか、調べてみました。 Wink - Windows, Linux対応の録画ソフト。ムービーへの注釈などの挿入も簡単。 Jing - Mac, Windows 対応の録画ソフト、サイトでの共有機能あり freescreencast.com - Windows向け(.Net必要)の録画ソフト、サイトでの共有機能あり TipCam - Windows向けのPC操作録画ソフト。Facebookにてシェア可能 DesktopCam - デスクトップ上の動きをWMV形式で高品質に録画できるキャプチャソフト Istanbul - Linux向け。Ogg Theora Video形式などに保存できるみたい AviScre
PHPでのif〜else部分を3項演算子で短くするするサンプル色々:phpspot開発日誌
PHP Shorthand If / Else Examples In looking at my Google Analytics statistics, I see a lot of visitors searching for PHP shorthand if/else (ternary) information. PHPでのif〜else部分を3項演算子で短くするするサンプル色々。 まず、変数への代入の分岐を1行で行う。 $is_admin = ($user['permissions'] == 'admin' ? true : false); // $user['permissions'] が admin だったら true 、そうでなければ false 次に、変数の状態によって表示内容を分岐。1行で。 echo 'Welcome '.($user['is_logged_in']
クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」:phpspot開発日誌
CSS Buttons is the Plug and Play Solution for Web Designers and Developers - CSS Buttons.net CSS Buttons will allow designers to quickly implement consistently looking, cross-browser, buttons regardless of the element used. クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」。 CSS Buttons を使えば、Win,Mac,Linux上の色々なブラウザでちゃんと動作するボタンが実装できるようです。 ブラウザのボタンに関するレンダリングの差異を吸収するCSSが含まれています。 a, button, input タグによるボタン実装が考えられて
jQueryベースの滑らかなグラフ描画ライブラリ「Flot」:phpspot開発日誌
Ruminations: Flot 0.1 released! It draws on inspiration from Plotr and PlotKit, and several other commercial packages. But also from venerable old gnuplot - there's nothing more boring than hand-picking axis scales so I wanted the default algorithm to be smart. jQueryベースの滑らかなグラフ描画ライブラリ「Flot」。 Flotを使えば次のようなグラフをJavaScriptで描画することが可能です。 コードは次のように書くみたいです。 <div id="placeholder" style="width:600px;height
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました:phpspot開発日誌
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました 2007年11月15日- My DebugBar | ToDo / Beta This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode ! WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました。 DebugBar をインストールすると、DebugBarツールバーとDebugBarエクスプローラーバーがインストールされます。 DebugBarツールバーでは次のことが出来ます。 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10%
ＰＨＰで配列の(プラス)演算子:phpspot開発日誌
【PHP TIPS】 59. 配列の (プラス) 演算子：ITpro 配列を2つ結合するのに一番よく使用される関数は、おそらく array_merge ではないでしょうか。ただし、array_merge 関数を使用すると数字キーの番号がふり直されてしまうので、キーが数字形式の連想配列を扱う場合に少々やっかいです。 ＰＨＰで、配列の(プラス)演算子。 配列と配列をマージするのに、array_merge が使えますが、+演算子によるマージも可能という記事。（実際にはそれぞれ挙動が異なるため、注意が必要） 例えば、次のサンプルプログラム $a = array("a" => "apple", "b" => "banana"); $b = array("a" => "pear", "b" => "strawberry", "c" => "cherry"); $c = $a + $b; print_r
PhotoShopで輝く美しい球体を作成するチュートリアル:phpspot開発日誌
COSMO-DESIGNS.COM PhotoShopで輝く美しい球体を作成するチュートリアル。 次のような美しい球体を１から作るチュートリアルです。 球体の輝かせ方が非常に参考になります。 これをこなしておけば、物体を輝かせるような画像を作るのに役立てられますね。 ロゴの横なんかに置くと映えそうなオブジェですね。 関連エントリ 風景画像をCDジャケット風の超クール画像にするPhotoShopチュートリアル ゲームのキャラクターをクールに装飾するPhotoShopチュートリアル 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光
PhotoShopで美しいボタンを作るチュートリアル39個:phpspot開発日誌
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
シンプルで美しく使い勝手のよいフリーアイコン集「Sizcons」:phpspot開発日誌
Sizcons - Random Jabber Sizcons is my own little icon set. Sizcons, if you couldn’t tell is a combination of my last name plus the word icons. シンプルで美しく使い勝手のよいフリーアイコン集「Sizcons」。 16x16と12x12のサイズをPNG形式にて配布しています。 サイト作りに役立てることが出来そうですね。 関連エントリ ブログに使えるフリーな超キュートアイコン集「Tiny Little Icons」 フリー＆フレッシュなアイコン配布サイト集２０＋ フリーのアイコンを探す＆入手できるサイト集 超クールかつロイヤリティフリーなMacOS Xアイコン集 ロイヤリティフリーなアイコン配布サイトいろいろ
Smarty徹底入門(loop:テンプレート内で繰り返し/2):phpspot開発日誌
繰り返しにはforeach以外にもう一つあります。 それは、section です。 {section name="test" loop=$data} {$smarty.section.test.iteration}:{$data[test]} {sectionelse} データがありません {/section} これはphp構文で言うfor文に近いものです。 name にはループ名として自由に指定して、loop ではループさせたいデータを指定するだけです。 {$smarty.section.test.iteration}でインデックス番号($iみたいな添え字)が取れます。 {$data[test]} によって、ループ中の要素が取れます。 ちょっと変わった記法ですね。 更に、section に、 {section name="test" loop=$data start="0" step="
PHPでファイルのZIP圧縮をする際に便利に使えるクラスライブラリ:phpspot開発日誌
Tutorial: Create a zip file from folders on the fly - Web Development Blog For a future project I needed these days some easy to use zip or gzip class to create a zip file from files / folders inside a specified directory. PHPでファイルのZIP圧縮をする際に便利に使えるクラスライブラリ。 次のように、圧縮対象のディレクトリや、複数ファイルをアーカイブに登録するためのメソッドが用意されています。 $createZip = new createDirZip; $createZip->addDirectory(‘themes/’); $createZip->get_file
目を引くRSSアイコン配布サイト色々
Over 35 Different Styles of RSS Icons : Design Bliss I’m not going to sit here and claim this is every different design, but I found quite a few them. 目を引くRSSアイコン配布サイト色々。 RSSのアイコンが目立つと、AutoDiscover非対応のブラウザを使っている利用者にもRSSを購読リストに追加してもらえやすくなるかもしれません。 BittBox UtomBox snap2objects Vikiworks Fasticon 続きを見る サイトのデザインに合致したアイコンを使ってより発見しやすく、調和したものを選びたいですね。 関連エントリ ちょっとカスタマイズされたRSSフィードアイコン集 マウスオーバーで跳ねるRSSアイコン
超ハイクオリティーな３０の英文フォント:phpspot開発日誌
Devlounge | 30 Fonts You Want to Have Everyone has their own personal preferences when it comes to deciding what fonts to you one their designs.超ハイクオリティーな３０の英文フォントが紹介されていました。 ロゴなんかに活用できそうなフォントが多数紹介されているようです。 その中でも特に目を引いたものを抜粋。 Segoe UI - フリー(VistaのSystemフォントらしいですね) Decker - フリー(これはクールです) SoopaFresh - フリー Ubahn - フリー Bitstream Vera Serif - フリー Bold Bold - フリー Interstate - シェア Rockwell - シェア Ar
画像にページめくり効果をつけられるJSライブラリ「curl.js」:phpspot開発日誌
curl.js (with IE 6/7 support) Shows some of the things curl.js does. 画像にページめくり効果をつけられるJSライブラリ「curl.js」。 JavaScriptで次のようなページめくり効果を付けられます。 同サイトでは他にもいろいろJavaScriptによる画像編集ライブラリが配布されています。 Corner.js - 角丸効果や、シャドウ効果を画像に与える Glossy.js - 画像にガラス風の光沢を与える Instant.js - インスタントカメラ風エフェクトを与える Slided.js - スライドのフレーム風にエフェクトを与える Filmed.js - 映画のフィルム風エフェクトを与える Loupe.js - 画像に虫眼鏡をかざした効果を与える Edge.js - マスクをかける 関連エントリ 画像の映り込みエ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP製のショッピングカートシステムいろいろ:phpspot開発日誌
PHPで再帰関数を使ってディレクトリ内サイズを計算するサンプル:phpspot開発日誌