色々と使えそうなフリーのUIエレメントPSD７０種:phpspot開発日誌
70 Free PSD Web UI Elements For Designers | Free and Useful Online Resources for Designers and Developers 色々と使えそうなフリーのUIエレメントPSD７０種。 とりあえずモックを作ったりするような場合や実際にデザインに応用して使ったりして作業を効率化できそうです。 動画プレイヤーのUI アバターアイコン iTunesのUI。iTunesの重要度は年々あがってきていると思いますが、WEBページ内にイメージを組み込む際などに 名刺っぽいUIにリボンを付けたおしゃれなオブジェクト。アイテムのダウンロード部分なんかに設置でクリック率が上がるのかも windows7のタスクバー。色々あります おなじみ料金表 その他、画面パーツを色々とまとめたUIパーツ集 関連エントリ かなりクールなPhotos
HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」:phpspot開発日誌
HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 2011年05月26日- jQuery HTML5 Uploader HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」。 デスクトップからブラウザにドラッグ＆ドロップできたら、初心者の人とかはもっとアップロードが簡単になるはずですね。 HTML5を使って実装されていて、そのUIなんかも面白いUIで提供されていたのでご紹介。当然ダウンロードして使うことができます。 ファイルを画面の割れ目の穴にドロップしましょう。複数ファイルもOKみたい。 なんと、すぐ下にイメージが表示されてアップ開始。進捗表示もできます。 こんなことが出来るんだというのを知っておくだけでもよさそうですが、jQue
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。:phpspot開発日誌
HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 2011年05月26日- DESKTOPIFY Aquaron HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 このライブラリを使うことで簡単にjquery風の記法でデスクトップ通知が出来るようです 試しに、入力して送信してみると。 という具合にChromeだと表示されます。 通知していいかどうかも聞かれるのでそこを一度許可すれば、便利な通知として使えます。 LightBox的通知もいいですが、わかりやすさでいえばこちらもいいですね。 関連エントリ JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 ブラウザに分かりやすい通知を送れるスクリプト色々 利用者に対し非常に分か
PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイト:phpspot開発日誌
PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイト 2011年05月23日- Benchmarks PHPを使う上で、どう書けば高速になるか？をその場で試せるベンチマーク結果満載なサイトがあるようです。 同じことをやるのに複数の書き方があったりしますが、2つの書き方を並べてそれぞれどちらがどれだけかかったかという結果が記載されていて面白いです。 で、そのいくらかかったか？という秒数も、ページ上でリアルタイムに計算され、リロードすると実行され、実行タイムが表示されます。 サイトの作者環境による比較ではなく、その場で動いて何度も試せるので自分でその差を確認できるのがGood。 個人的には長年PHPをやっているのですが知らなかった物も多々あり、非常に勉強になりました。 1回のロードでは結果が変になることもあるので、サーバの負荷にならない程度に数回確認させてもら
細かく描画された雑多なフリーアイコンセット４０:phpspot開発日誌
40 Big and Highly Detailed Free Icon Sets to Improve Your Designs - DesignModo 細かく描画された雑多なフリーアイコンセット４０ WEBアプリケーション用、とかではなくて、実に雑多なアイコンセット。見ているだけでもなんとなく感動してしまうぐらい緻密に描画されています。 汎用というわけではありませんが特定のジャンル向けの物に使うことができそうですね。 これぐらい描けるといいですね。 関連エントリ モダンなブラウザアイコンセット９ アイコン検索エンジントップ１０ 475種類の汎用に使えるフリーのアイコンセット
WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」:phpspot開発日誌
WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」 2011年05月09日- Awkward Showcase ? A jQuery Plugin | Awkward Group - A Digital Agency WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」。 divの中に複数のdivを並べて初期化することで簡単にコンテンツスライダーを作れます。 １つのコンテンツにはHTMLが入れられ、ツールチップ表示用の機能なんかも同梱されています。 初期化も次のように簡単。コンテンツのサイズ等をオプションとして渡せます。 $("#showcase").awShowcase({ content_width: 700, content_height: 470 }); デモページはこちら
新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」:phpspot開発日誌
新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」 2011年04月25日- 新卒さん向け、速攻でプログラミングをマスターできるvimプラグイン「quickrun」。 この春、会社に入って、サーバに入って vim でプログラミングさせられている人はそれなりにいそうですが、その場合に速攻でプログラミングをマスターできるquickrunプラグインを入れておきましょう。 プログラミングを覚えるには作って動かすが一番いいですが、「書いて」→「保存して」→「実行して」を一瞬で行えます。 具体的にはプログラムを書いていて、コマンドモードで「￥r 」をタイプするだけでペインが分かれてプログラムの実行結果が得られます。 VPSなどを借りて、これからプログラミングをはじめようって方にも有効です。 かなりインスタントに実行できるので、こう書くとこう出る、がサクサク進められる
ピュアCSSでスライドアウトインタフェースの実現:phpspot開発日誌
Pure CSS Slide-out Interface ピュアCSSでスライドアウトインタフェースの実現。 ページの再度にちょこっとタブ風の画像を置いておいて、クリックするとアニメーションしながら表示されるあのUIがJSなしで実装されています。 具体的なサンプルCSSとマークアップが提供されています。 :hover と transition を使って実装されているようですが、こんなに簡単にできるのはいいですね。 IE7,8でもアニメーションはしませんが一応動くように作られています。 関連エントリ ピュアCSSなドロップダウンメニュー実装例 ピュアCSSでonclickイベントをシュミレーションするデモ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集
色々使えそうなフリーのPSD素材ファイル３０:phpspot開発日誌
30 Best And Free Photoshop PSD Files For Designers 色々使えそうなフリーのPSD素材ファイル３０のまとめエントリのご紹介。 種類は本当に雑多ですが使えそうな物が色々と収録されていたのでご紹介。 サイトを彩るパーツなんかに使えそうですね。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」 ノートやソフトウェアパッケージ等が色々のPSDテンプレート集
かなりクールなPhotoshop用フリーUIキット-PSDファイル50個:phpspot開発日誌
50 Free PSD UI Kits and Templates for Web Designers かなりクールなPhotoshop用フリーUIキット-PSDファイル50個。 ボタンやフォーム要素やメニュー、パンくずリストといったあらゆるURLパーツが揃ったPSDファイルのまとめエントリです。 ページのモック作成や本番のデザインにも使えそうです。そもそものクオリティが高いものばかりが選ばれており、更にPhotoshopのレイヤーに分かれていることで再配置も容易なので有益なものとなっています。 素晴らしいまとめです。 関連エントリ WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 WEBレイアウト作成用のモック作成ツールキット iPhoneアプリのモックアップが簡単に作れるサイト「iPhone Mo
メタリック感がリアルかなりクールなブラックのボタン作成Photoshopチュートリアル:phpspot開発日誌
Stylish Metallic Button in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials メタリック感がリアルかなりクールなブラックのボタン作成Photoshopチュートリアル。 次のようなボタンを作成するチュートリアルです。 円のふちはレイヤースタイルで比較的容易に実現できます。 あとはレイヤースタイルとパスツールを使ってよりリアルにしていきます。 レイヤースタイル、パスツール、グラデーション機能をフルに使っていて色々と応用できそう。 関連エントリ プロレベルのPhotoshopチュートリアル集 クラウド時代にファンシーな雲を描画するPhotoshopチュートリアル ボタン作成のPhotoshopチュートリアル集
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定（左右上下など） ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が
HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」:phpspot開発日誌
HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 2011年04月08日- Test HTML5 Desktop Notification Plugin HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」。 画面の右下にポップアップ通知を出す機能がHTML5であるみたいですが、それをjQueryで超簡単に実装するプラグイン。 jQueryで実装することで、とりあえず次のように簡単に実装できます。画像のパスなんかも指定してアイコンを設定出来ます。 $.jwNotify({ image : 'path-to-image-file', title: 'title-to-be-shown', body: 'body-of-the-notification', timeout:
モバイルアプリに使えそうなフリーのベクターアイコン「99+ICONS」:phpspot開発日誌
Roam Design Blog Blog Archive Free Vector Icons モバイルアプリに使えそうなフリーのベクターアイコン「99+ICONS」。 次のようにモバイルアプリのツールバーなんかに出てきそうな汎用アイコンセットがダウンロード出来ます。 形式は、.ai のイラストレーター形式です。 ライセンスはCreative Commons Attribution 3.0 United States License 関連エントリ モバイル端末アプリ向けに付けそうなフリーアイコンセット「Mobile Icon Set」 iPhone等のスマートフォンのアイコンが詰まったパック iPhone・Androidアプリ等に使えるアイコンセット総まとめ：2010
色々と応用できるかもしれないPhotoshopによる写真加工チュートリアル色々:phpspot開発日誌
20 Mind Blowing Photoshop Photo Manipulation Tutorials | Code Fear 色々と応用できるかもしれないPhotoshopによる写真加工チュートリアルが色々。 アイデアが良いものや、これ一体どこで使うんだろうという物まで、多彩なグラフィックス作成チュートリアルのまとめになっています 空飛ぶ地面を作るテクニックは色々と応用できそう 単なる木の写真をうまいこと手のひらにのせてインパクトのある画像を作る例 零下の地にカエルをリアルに合成するテクニック。舌をリアルに氷に伸ばしているところなんかを作ってて面白い。 実写と３Dイメージを合成してクールなグラフィックスを作成する例 関連エントリ モダンなコーポレートサイト作成用Photoshopチュートリアル 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル２５ プロレベ
白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット:phpspot開発日誌
JustVector Social Icons 1.0 Alex Peattie, a web developer and designer. 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット。 次のようなアイコンが公開されています。 形式は、EPS、SVG、AI、PNG形式で配布してるようです。 当然ながらPNGのものは32x32のラスター形式になっています。 evernote、amazon、facebook等のアイコンもありますね。 関連エントリ iPhone・Androidアプリ等に使えるアイコンセット総まとめ：2010 jQuery UI のアイコンチートシート モダンなブラウザアイコンセット９
知っとくと便利な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
WordPressでのページ表示高速化の色々まとめ:phpspot開発日誌
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
475種類の汎用に使えるフリーのアイコンセット:phpspot開発日誌