自分でスタイリングして好きなアイコンを選んでセットでDLできる「Iconbench」:phpspot開発日誌
Style, hand pick & download icons of your choice. 自分でスタイリングして好きなアイコンを選んでセットでDLできる「Iconbench」。 アイコンセットといえば多数の画像ファイルから構成されるアイコンセットが殆どですが、今回は、まずアイコンのDropShadow等のデザインからはじまり、多数のアイコンセットからクリックでポチポチ選んでCSSスプライトでDLできるという優れものです。 アイコンスタイルをデザイン 見本アイコンからポチポチ選びます。 選んだものはショッピングカート風にどんどん追加されていきます Downloadボタンでジェネレート CSSスプライト出力も可能 これはとても便利ですね。 こういう感じのアイコン配布プラットフォームがあっても面白そう 関連エントリ WEBサイト制作に使えるベクターアイコンセットｘ２５ Windows8
PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌
phpmaster | Server-Side HTML Handling Using phpQuery PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」。 紹介記事を読んで使ってみました。 phpQuery はjQueryのPHP版でDOMの操作をjQueryっぽくできるライブラリです。 HTMLのスクレイピングはもちろん、HTMLを追加したり要素に属性を追加等のDOMを操作も簡単に行えます。 jQueryの便利さがPHP上でも十分に使えますので知っておくと確実に面倒な処理を楽に書けるようになるでしょう。 スクレイピング HTMLのスクレイピングをする場合には超簡単かつ、jQueryを使ったことがある方なら抵抗なくすぐに習得できます。 ちょっとコードを書いて実験してみました。 と書くと <div id="two"></div>の中身である t
ボタン等を光らせて目立たせ、分り易くすることが出来るjQueryプラグイン「jQuery illuminate」:phpspot開発日誌
ボタン等を光らせて目立たせ、分り易くすることが出来るjQueryプラグイン「jQuery illuminate」 2011年06月02日- jQuery illuminate - Tony Lea ボタン等を光らせて目立たせ、分り易くすることが出来るjQueryプラグイン「jQuery illuminate」。 あんまりギラギラするのはチカチカしてうっとうしいものになってしまいそうですが、このプラグインで実装すれば、まるでイルミネーションのように穏やかに光らせられるので、注目を集めたいような部分に適用すると使い勝手の向上につながるのかも。 動作ムービーは以下を参照してみてください。実際にブラウザで見てみたい方はサイトにアクセスしてみましょう。 このエフェクトが、必要ライブラリを読み込んだ後、$('#button').illuminate(); だけで出来ちゃいます。 オプションで強さや、ス
知っとくと便利なPHPのテクニック９つ:phpspot開発日誌
9 Useful PHP Functions and Features You Need to Know | Nettuts 知っとくと便利なPHPのテクニック９つが掲載されていました。 初心者の方は勿論、PHPを長年使ってる人にも使えるテクニックが載っていましたので勉強がてらにメモ。 func_get_args() 関数で可変引数 を受け取る 通常、関数といえば、次のように引数と共に定義します。 function hoge($arg1, $arg2) { } のように定義して引数を受け取りますが、好きな個数で引数を受け取りたい場合は、次のようにfunc_get_argsで受け取れます。 function hoge() { $args = func_get_args(); foreach ($args as $key=>$value) { echo "arg{$key} is $value
PHPでprint_rやvar_dumpよりリッチな折りたたみ出来る変数出力が出来る「kint」:phpspot開発日誌
PHPでprint_rやvar_dumpよりリッチな折りたたみ出来る変数出力が出来る「kint」 2011年01月27日- kint - Project Hosting on Google Code PHPでprint_rやvar_dumpよりリッチな折りたたみ出来る変数出力が出来る「kint」。 ライブラリを読み込むと、d($var) 関数や、Kint::dump($var) メソッドが使えるようになります。 同様のライブラリは過去にありましたが、かなりリッチに表示してくれ、折りたたみも可能なので複雑な連想配列でも見やすくなります。 デモページ printデバッグな方は入れておくと便利かもしれません 関連エントリ print_rをより分かりやすくするprint_a PHPのprint_rを更に分かりやすく視覚的に表示する方法
CSS3の3Dトランスフォームを使って螺旋状に画像をアニメーションさせるサンプル:phpspot開発日誌
Breathtaking animated CSS3 helix using 3d transforms CSS3の3Dトランスフォームを使って螺旋状に画像をアニメーションさせるサンプル。 スクリプトを使わず、3Dトランスフォームだけで次のようにアニメーションさせてるようです。 JSだけでやるのでも大変そうな処理ですが、ＣＳＳで出来ちゃうっていうのがすごいですね デモページ イメージとしては、画像を縦に100分割して、CSSスプライトみたいにして画像を分割させます。 あとはアニメーションさせるというハックによって実現させてるようです。 CSS3の機能が拡張されて、今後、あっと驚くようなハックもどんどん出てくるんでしょうね。 関連エントリ CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3ツール6つ＋α CSS3のジェネレーター１４種 IE6-8で
フェイスブックの作ったオープンソース色々:phpspot開発日誌
公開初日に早速フェイスブックの映画、ソーシャルネットワークを見てきました。 サービスを作ってる人は、\1,800はらうだけでやる気を200％ぐらいにしてくれる映画だと思うので費用対効果は安いと思います。 映画の中で、ハーバード大学は2時間で22000アクセスのトラフィックを集めただけで落ちちゃうの？とかナップスターの作者さん遊び上手すぎじゃない？とか、新機能の実装に家かえってから1、2分とか早すぎない？等の、ツッコミどころなんかも楽しめます。 映画の中ではコーディングに関することは殆ど出てこなかったわけなんですが、膨大なトラフィックをさばくためにfacebook自体、多くのオープンソースを公開しているのでdevelopers.facebook.comから紹介してみます。 もうすぐ6億人に届くほどのユーザを扱うためには、想像を絶するインフラや高速化、サーバ間連携の仕組みが必要になるわけですが
ファイルをアップしてブラウザ上でGIFアニメを作れるツール「Animated Gif Generator」:phpspot開発日誌
Dynamic Drive: Animated Gif Generator ファイルをアップしてブラウザ上でGIFアニメを作れるツール「Animated Gif Generator」. 連番の画像を次々にアップロードしていくだけでGIFアニメができます。 サイズ指定やスピード、ループの回数なんかもそのまま指定しちゃえます 以下が実際に作られたGIFアニメーション 覚えておけば、画像さえあればいつでもどこでもGIFアニメーションが作れますね 関連エントリ ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」 ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
