ログイン/ユーザ登録といったフォーム実装用のフレームワーク「jFormer」:phpspot開発日誌
jQuery Form Framework - jFormer ログイン/ユーザ登録といったフォーム実装用のフレームワーク「jFormer」。 JavaScript と PHP、CSSファイルが１つのセットになっており、このフレームワークを使って便利なフォームをPHPで簡単構築できるライブラリです。 例えば、ログイン用のフォームを見てみると、次のように、demoユーザの案内を出すことも出来ます。 デモページ上には、単にデモだけではなく、実現するためのPHPコードがデモページ上から確認でき、比較的容易に実現できるようになっています。 全てPHPのコードで記述出来てしまうところがこのフレームワークの特徴。PHPとJavaScriptの思考をいったりきたりする必要がなくて作り安いというわけです。 テキストのバリデーション機能なんかも入ってます。 ここら辺もPHPでrequiredに設定することで
ブログにPDFを直接埋め込めるWordPressプラグイン「Embed PDF」:phpspot開発日誌
WordPress ? DirtySuds - Embed PDF WordPress Plugins ブログにPDFを直接埋め込めるWordPressプラグイン「Embed PDF」。 正式なドキュメントはPDFで発行されることが多いですが、そんなPDFをGoogle Doc Viewer を使って、そのままページ内で閲覧できるようにするものです。 直接PDFひらいてもいいのですが、他のテキストと共にPDFを埋め込めるっていうのは意外と便利ではないでしょうか？ 利用は、プラグインをダウンロードして有効にし、投稿記事内で、[embed]PDFのURL[/embed] のように記述するだけ。 WordPressプラグインのフィルタ機能を活用した便利な機能ですね。 元となったPDFファイルはこちら(PDF注意)です サムネイル表示も出来ます。Google Doc Viewerって凄い！ 関連エ
WordPressでのページ表示高速化の色々まとめ:phpspot開発日誌
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速１５の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」:phpspot開発日誌
jqmPhp | HTML Code Generator for jQuery Mobile Framework | jqmPhp jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」。 次のようなコードにより、簡単にjQueryモバイルのページを作れます。 <?php include 'lib/jqmPhp.php'; $j = new jqmPhp(); $j->addBasicPage('', 'Hello World', 'It's works!'); echo $j; ?> addBasicPageメソッドによって、jQueryモバイルでのページを簡単作成可能。 単にページの追加だけではなく、ボタンを追加したり、各種コントロールの追加がPHPで出来るところが特徴です。 以下、jqmPhpで作ったページデモ。実際に動作するデモページはこちら このスマートフ
iPhone/Androidのアプリやサイトを紹介するのに使える実機PSD集:phpspot開発日誌
スマートフォンのアプリやサイトを紹介するのに使える実機PSD集。 このサイトはiPhoneに対応してますよ、とか、アプリありますよっていうのを実機に埋め込んだ形で表示しておいてあげると分かりやすくていいですよね。 そういう埋め込み用に、国内でも流通している端末を中心にPSDを集めてみました。 iPhone用 iPhone 4 iPhone 4 (ベクター形式) 伸縮できるベクターデータ iPhone 3G Android Xperia Samsung i9000 Galaxy S Desire Desire HD Nexus One Nexus S iPad、タブレット iPad Samsung Galaxy Tab その他 BlackBerry
特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」:phpspot開発日誌
特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 2011年02月10日- TypeWriter 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 １文字１文字をスピードを指定してアニメーション表示させられるので、１つのエフェクトとして使えそうです。 アニメーション終了後のコールバック等も可能で、アニメーション後に次のアニメーションを開始したりといったことが可能。 １から実装すると微妙に大変そうな機能も、たった１行で実現することが可能です。 単に文字をメッセージとして表示するよりも、動きがある方がインパクトがありますので、伝えたいメッセージがある場合に導入してみてもよいかも。 関連エントリ サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「
CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例色々:phpspot開発日誌
CSS drop-shadows without images ? Nicolas Gallagher CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例が色々公開されています。 一昔前なら、どう考えても画像を使っていると思ってしまうこうしたグラフィックもCSSで実現できてしまいます。 パターンも多くて実用的です。ヘッダ、メニュー等、ありとあらゆる部分に応用できそう。 画像編集ツールは一切不要です。 例えば、1個の要素を見てみましょう。 HTML では <div> にclassをふって中身は<p>のみだけというのに、これだけのデザインが実現します。 当然、要素を回転させることも出来ますが綺麗に描画できています。 なんとも夢のような話ですが、CSS3対応の Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ という大体の
iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」:phpspot開発日誌
iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」 2011年02月17日- Skinkers Labs : TouchSwipe iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」。 タッチパネルを触って左にスライド、右にスライドといった操作をスワイプといいますが、このイベントを取得するjQueryプラグインのご紹介です。 1本指だけではなく、2本指でスワイプした際のイベントを取ることも出来ます（それぞれ区別可能） ブラウザ上でiPhoneアプリっぽい動作を簡単に実現できますね。 demoをiPhone等で見てみましょう(違和感なくスワイプできるはずです） 1本指スワイプのデモ 2本指スワイプのデモ スワイプを使った画像ギャラリー 実装はjQueryベースということでや
ファイルをアップしてブラウザ上でGIFアニメを作れるツール「Animated Gif Generator」:phpspot開発日誌
Dynamic Drive: Animated Gif Generator ファイルをアップしてブラウザ上でGIFアニメを作れるツール「Animated Gif Generator」. 連番の画像を次々にアップロードしていくだけでGIFアニメができます。 サイズ指定やスピード、ループの回数なんかもそのまま指定しちゃえます 以下が実際に作られたGIFアニメーション 覚えておけば、画像さえあればいつでもどこでもGIFアニメーションが作れますね 関連エントリ ブラウザ上でC#やPHP5を動かせて遊んで学べる「CodeRun」 ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」:phpspot開発日誌
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」 2011年02月03日- Multi-column lists | jQuery Plugins 長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」。 <ul><li>1</li><li>2</li> ....... </ul> と、長い ul リストを、jQuery("ul").columns(5, true);のようにすることで、5行に勝手に分割してくれます。6行にしたければ6を指定 次のようになります。 通常これをやろうとすると、数値で割って、規定値にきたら一旦</ul>で閉じてみたいなことをする必要がありますね。 これをたった1行で出来るというのはかなりHTML出力側のプログラムが楽ちんになり、頭を使う必要がないですね。 行
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」:phpspot開発日誌
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」 2010年12月06日- jQuery Apple Effect 最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」。 最近Appleのサイトを見たことがある方なら分かると思いますが、最初に1枚の画像を表示しておいて、ナビゲーションなんかは少し待たせて、フェードインしながら表示するというカッコいい効果を作れます。 最初に1枚の画像を表示 フェードインしながらナビゲーションを表示する こちらのデモで動きを確認 実装は1行。 $('#target').appleEffect(); オプションを渡すことでアニメーション開始までの時間を設定したり、コールバック関数を指定できたりします。 ちょっとめんどくさそうなこの機
高解像度な美しい織物テクスチャ５０:phpspot開発日誌
50 Free Expedient High-Resolution Fabric Textures | Naldz Graphics 高解像度な美しい織物テクスチャ５０がまとまったエントリのご紹介。 サイトのバックグランド等に使うことができそうです。 単に背景画像等にするだけでもサイトの印象ががらっと変わりそうですね。 関連エントリ ハイクオリティな紙のテクスチャ３５ ヴィンテージ感がいい感じのテクスチャ色々 カラフルでフリーな美麗テクスチャ集 ジーンズ模様のテクスチャ色々
iPhone/iPad用のサイトを作る際のデバッグに便利な「Bugaboo」:phpspot開発日誌
Bugaboo App iPhone/iPad用のサイトを作る際のデバッグに便利な「Bugaboo」。 デスクトップに入れたSafariで動作確認をしても、実際には若干の違いがあってうまく動かない場合がありますね。 この仕組は、iPhoneにはアプリとしてBugaboo Appを入れておくと、iPhone上にデーモンが起動して、PC等のブラウザから直接iPhoneに繋いでJavaScriptデバッグできるというものです。 デスクトップにはiPhoneのデバッグコンソールが現れ、デスクトップから直接JavaScriptのコマンドを実行して動作確認することが可能です。 動きを見てみる場合は以下のムービーを参照して下さい。
スキンが利用可能なHTML5動画プレイヤー実装jQueryプラグイン「FryPlayer」:phpspot開発日誌
HTML5 Video Player | FryPlayer スキンが利用可能なHTML5動画プレイヤー実装jQueryプラグイン「FryPlayer」 サイトはロシア語っぽく何を書いてあるかは全く分かりませんが、サンプルコードを見れば使えるはずです。 $('video').FryPlayer( options ); で <video>タグ部分をリッチにデコレーションすることが出来るようです。 幅、高さ、スキン、ボリュームのデフォルト値なんかをoptionsに渡せます 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」
漫画っぽさが超いい感じのWEBアイコン集「Web Cartoon」:phpspot開発日誌
Icons Pack "Web Cartoon" by *shlyapnikova on deviantART 漫画っぽさが超いい感じのWEBアイコン集「Web Cartoon」。 次のような４０種類のアイコンセットが公開されています。 綺麗にデザインされたアイコンが多い中、なかなか強烈なインパクトがありますね。 関連エントリ 手書き感がなんとも素晴らしいアイコンセット集 アイコン検索エンジントップ１０ 10セットの1000種類にのぼる秀逸なフリーのアイコン集 アイコンデザイナーのためのツール集
jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード:phpspot開発日誌
Fluid Width YouTube Videos | CSS-Tricks jQueryでYoutube埋め込みビデオをブロックの幅に合わせるコード。 ビデオの幅を自由に調整できるので、幅が変わったとしても簡単にページレイアウトになじませられます。 jQueryベースのコードで簡単に対応できるようです。 関連エントリ YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム PHPからYouTubeのAPIを簡単に使えるServices_YouTube
まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」:phpspot開発日誌
まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」 2010年08月31日- elFinder - file manager for web まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」。 次のような左側にツリービュー、右側にファイル一覧のインタフェースをもち、ファイルはドラッグ＆ドロップも出来たりするリッチなブラウザベースのファイルマネージャを実現できるオープンソースです。 フォルダはAjax形式で画面遷移せずに中身を表示することが出来ます。 ファイルのアップロードは勿論、フォルダや新規ファイルをその場で作るような機能もあります。 新規ファイルはその場で直接編集することだってできちゃいます。 ツールバーから色々な操作が可能です。 認証など、気をつけたい部分はありそうですが、ちょっと設置し
選びたい放題のフリーのソーシャルアイコンセット色々:phpspot開発日誌
Social Media Icon Sets (free) 選びたい放題のフリーのソーシャルアイコンセット色々５１種。 今やサイトPRのために必須のソーシャルサイトにシェアするアイコンが選びたい放題の５１種類まとまっています。 これだけあればサイトのデザインにあうものが見つかりそう 関連エントリ 押してもらいやすそうな綺麗なボタンっぽいソーシャルアイコン集
PHP＆MySQLでiPhoneのプッシュ通知を実現する「Easy APNS」:phpspot開発日誌
Easy APNS PHP＆MySQLでiPhoneのプッシュ通知を実現する「Easy APNS」 サーバ側のPHPコード、MySQLスキーマとObjectiveCのサンプルコードがパックになっていて、プッシュ通知の実装が比較的簡単に実現できそうです。 実装方法はムービーで解説されており、更に実装しやすくなってます。 EasyAPNs - Getting everything setup from Raphael Caixeta on Vimeo. サーバと通信してプッシュ通知を受け取るようなアプリ作成の際に参考にできそうですね。 関連エントリ iPhoneアプリにソーシャルサイトでのシェア機能を３行で簡単実装できる「ShareKit」 iPhoneアプリのツールバー部分に使えそうなアイコン色々 RememberTheMilkと同期するiPhoneアプリ「Appigo Todo」 iPho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クオリティーの高い１１のNewなフォント集:phpspot開発日誌