色調を様々に変えてくれるPhotoshopアクション80:phpspot開発日誌
80 Color Altering Photoshop Actions | Freebies 色調を様々に変えてくれるPhotoshopアクション80。 Photoshopのアクションを使って一発で写真の色合いを変えられます。 変更する色合いも様々です。写真がなんだか映えないなぁ、という場合に順に試してみると良い作品ができたりするかも。 色調だけではなく、写真の印象を変えてくれるアクションも色々です。 関連エントリ 写真加工に活用できるPhotoshopアクション100種類 高度な画像編集が一瞬でできてしまうPhotoshopアクション集 肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」:phpspot開発日誌
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 Facebook, Twitter, Google, Yahoo, Windows Live, MySpace, LinkedIn, FourSquare, O
スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ:phpspot開発日誌
8 Best jQuery Mobile Plugins | ZoomZum スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインがまとまっていましたのでご紹介。 １から作るとかなり大変そうな機能もライブラリで瞬間的に実装できます。一通りチェックした上でご紹介。 Drag And Scale For IOS ブロック要素をピンチイン、アウトによって拡大、回転させることも可能です。これでiPhone向けのWEBサイトといってもアプリのような自由度が得られます（デモ）。 こんなことできるんっ、という声が出てしまうかも（Androidはドラッグのみ） jQuery Mobile Photo Album リッチなフォトアルバム実装が可能 Jquery Mobile Device Drag And Drop 要素のドラッグ＆ドロップが可能 Jquery Swipe スワイプイベン
TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」:phpspot開発日誌
Picons | Vector Icons and Pictograms TwitterやFacebookの独自アイコンを作る場合に覚えておきたい「Picons」 ベクター形式でロイヤリティフリーなので独自アイコン作成の際にはうってつけ。 デザイナーさんなら誰もが独自のアイコンを作りたいと思うのでこれをベースにするとよさそうです。 ６０種類のソーシャルアイコンが同梱 配布形式も色々で扱いやすいです。 アーカイブをDLすればそれぞれ収録されています 関連エントリ 選びたい放題のフリーのソーシャルアイコンセット色々 TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０ シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット
PHPで画像からHTMLのカラーパレットを作るサンプルプログラム:phpspot開発日誌
Generating a color palette from a image in php PHPで画像からHTMLのカラーパレットを作るサンプルプログラムがcode dieselにて公開されています。 画像を渡せば、GDを使って使われている色を分析し、頻度の多い順に配列で受け取ることができます。 なんらかのWEBサービスやツールに応用することができそうです。 クラスライブラリの形なので再利用も超簡単です。 元記事ではテーブルタグを使ったカラーパターンの出力用プログラムも公開されています。 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPでAmazon SESを使うチュートリアル
PHPでWEBサイトのスクリーンショットを作成するチュートリアル:phpspot開発日誌
Taking screenshots of websites in PHP PHPでWEBサイトのスクリーンショットを作成するチュートリアルが紹介されています。 スクリーンショットの撮影には wkhtmltopdf というオープンソースソフトウェアを利用します。 このソフト自体がMac OS XやWindows、Linuxで動作するコマンドラインツールとなっているようなのでクロスプラットフォームで動作します。 このツールを使えば、「wkhtmltoimage --quality 50 //phpspot.org/blog/ snap.jpg」のようにコマンドを打つことでスナップショットが撮れます。 コマンドラインオプションが多数あるのでPHPerじゃない方も覚えておいて損はなさそうです。 例えば、 JavaScriptをオフにした状態でスクリーンショットを撮ったり、高さや幅の指定、切抜きの
よくデザインされた１２のロゴまとめ:phpspot開発日誌
12 Best Logo Designs Of the Month April 2011 よくデザインされた１２のロゴまとめ。 次のような一度見ると印象に残りそうなロゴが１２個紹介されています。 次のWEBサイト用ロゴなんかに参考にできるところがあるかも。単にみるだけでも感性が磨かれそうです。 やっぱり白背景のものが使いやすそうですね。 関連エントリ アイデアあふれるロゴが色々なエントリ 次のサービスに使えるかもしれないロゴデザイン集２２ アイデアあふれるロゴデザイン４０
超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌
jQuery Marquee Animation Plugin Preview - CodeCanyon 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。 ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。 そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。 生まれ変わったマーキーを見てみよう 実装は超簡単！ <script language="javascript"> $(document).ready(function() { $('.marquee').fMarquee({width: 960, height: 100}); // サイズをオプション指定 }); </script> <!-- 内容はdivに入
CSS3で実装するApple.comのナビゲーションメニュー:phpspot開発日誌
The fancy Apple.com navigation menu created using only CSS3. CSS3で実装するApple.comのナビゲーションメニュー。 Appleのサイトで実装されているメニューをCSS３で実装してしまおうというデモ。 グラデーションが綺麗に表現されています。 検索ボックスも次のとおり 画像として使われているのはロゴと虫眼鏡のみ。 検索ボックスが伸縮しない部分は公式とちょっと違いますが自分で実装してみても面白いかもしれませんね。 関連エントリ 立体的なCSS3でデザインされた検索フォーム実装チュートリアル CSS3をフル活用した立体的な画像ギャラリー作成デモ CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3で動くプログレスバー作成サンプル
PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイト:phpspot開発日誌
PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイト 2011年05月23日- Benchmarks PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイトがあるようです。 同じことをやるのに複数の書き方があったりしますが、2つの書き方を並べてそれぞれどちらがどれだけかかったかという結果が記載されていて面白いです。 で、そのいくらかかったか？という秒数も、ページ上でリアルタイムに計算され、リロードすると実行され、実行タイムが表示されます。 サイトの作者環境による比較ではなく、その場で動いて何度も試せるので自分でその差を確認できるのがGood。 個人的には長年PHPをやっているのですが知らなかった物も多々あり、非常に勉強になりました。 1回のロードでは結果が変になることもあるので、サーバの負荷にならない程度に数回確認させてもら
ChromeをiPhoneシミュレーターにできる拡張「IPSim」:phpspot開発日誌
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」:phpspot開発日誌
新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう。 プログラミングを覚えるには作って動かすが一番いいですが、「書いて」→「保存して」→「実行して」を一瞬で行えます。 具体的にはプログラムを書いていて、コマンドモードで「￥r 」をタイプするだけでペインが分かれてプログラムの実行結果が得られます。 VPSなどを借りて、これからプログラミングをはじめようって方にも有効です。 かなりインスタントに実行できるので、こう書くとこう出る、がサクサク進められる
メニューに困ったら参考にできる40個のプラグインやスクリプト:phpspot開発日誌
40 Javascript Menu Plugins and Scripts | AJAX | TutsList メニューに困ったら参考にできる40個のプラグインやスクリプト。 便利そうなナビゲーション用のUIがジャンルごとにまとまっていて、それぞれ使えそうです。 自分で作ると超大変そうなものもあり、気になるものはブックマークしておいてもよさそう。 ツリービュー アイコン付きツリービュー ドロップダウン 階層付きドロップダウン アイコン付き階層ドロップダウン RSSメニュー タブ 縦横にタブ iPodスタイルメニュー Dock風メニュー 素晴らしいですね。こういうのを１０年前のWEBで出来るなんて誰が想像したか？というところなんでしょうが、次の１０年どうなっているか楽しみです。 関連エントリ カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigatio
CSS3のよく使いそうな１０個のテクニックのまとめ:phpspot開発日誌
The top 10 CSS3 techniques | Feature | .net magazine CSS3のよく使いそうな１０個のテクニックのまとめエントリのご紹介。 font-face によってマシンに入ってないフォントを使うCSS例 opacity による要素の透明度指定 rgbaでRGBと透明度を併せて指定 border-radiusによる角丸 box-shadowによるブロックに影を付ける効果 text-shadowによる影付きテキスト効果 ボックスのグラデーション 複数バックグラウンド指定 transformによる変形 transitionによるアニメーション テクニックのリストだけではなくて、対応していないIE等もカバーするための具体CSSも記載されていて親切です。 関連エントリ CSS3等を使ったサンプルや各種CSSリソース集 CSS3で立体的な3Dリボンを作成するチ
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル＋ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ
コピペで使えるCSS3ボタン６つのレシピ:phpspot開発日誌
6 Useful CSS Button Recipes You Can Copy & Paste | Design Shack コピペで使えるCSS3ボタン６つのレシピ。 次のようなボタンのCSSとHTMLが掲載されています。 一昔前はオーサリングツール抜きに出来なかったこともCSSで出来るように。CSS4の時代にはどうなっているのだろうと少し楽しみです。 関連エントリ CSSスプライトでカッコイイボタンを作るチュートリアル シンプルさがなんともいい感じのCSSボタン集「Super Simple CSS Buttons」 CSSでクールなボタンを作るまとめ CSSでボタンを綺麗にスタイルするサンプル集
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション:phpspot開発日誌
フォーム要素をクールにするためのjQueryプラグイン集:phpspot開発日誌
一見の価値ありなスマフォサイト色々２５:phpspot開発日誌