JSでのCanvas操作を簡単かつ高機能にできる「Fabric.js」:phpspot開発日誌
Fabric.js Javascript Canvas Library JSでのCanvas操作を簡単かつ高機能にできる「Fabric.js」 canvasのネイティブAPIは若干分かりづらいという方も多そうですが、このライブラリを使えばオブジェクト指向で楽々Canvasプログラミングが出来そうです 単に便利にコーディングできるようになるだけでなく、オブジェクトをマウスで拡大や回転できるなどといった色々な機能も盛り込まれていて便利そうです ネイティブAPIだと、四角形を描画するのに、次のようなコードを書きます。 これが、Fabric.jsを使うと次のように、とても分かりやすくなります。fillRectの引数の順ってどうだっけ？と毎回リファレンスを牽く必要もなくなりますね 他にもドキュメントを参照すれば、CanvasをネイティブAPIで書く面倒さを理解できるはず デモページも結構充実しており
１見の価値あり！なフルスクリーンWEBサイトのまとめ:phpspot開発日誌
50 Impressive Fullscreen Websites for Your Inspiration | Awwwards １見の価値あり！なフルスクリーンWEBサイトのまとめです。 ５０サイトほど紹介されていますが、フルスクリーンサイトを作る際の参考にできそう。 ポップアップで全体に最大化でフルスクリーンにされるっていうよりかはブラウザ全体に広がるという意味でのフルスクリーンです フルスクリーンってサイズの都合上、昔は敬遠された気がしますが、今となっては迫力あるデザインが出来るのがいいですね。 関連エントリ 秀逸なFacebookファンページデザイン集４０ お洒落なECサイトデザイン集３８ 次のサービスに使えるかもしれないロゴデザイン集２２ ソーシャルブックマークにシェア！の部分のデザイン集
異なる幅・高さの画像も超綺麗に整列させる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以上ということで殆どのブラウザに対応。 まず、必要な
WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ:phpspot開発日誌
(追記) 2/16 23時 いくつかのライブラリを追記しました。 WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ。 本家pearには560程のモジュールがあります(2011/2月現在)が、WEBサービスを作る上でよく使う物をまとめてみました。 これからPHPを使ってサービスを作ろうと思っている方は代替を使うことになると思うので参考にしてみて下さい。 php はインストール時点で既に多くの機能が備わっており、大体のことができてしまいますが、PEARを使うことで面倒なことがより簡単にできるようになります。 PEAR以外にも便利なライブラリはあるのですが、今回はあえて殆どをPEARサイトで公開されている物に絞ってご紹介します。 基本的なパッケージ まず、汎用に使える便利なパッケージのご紹介です。 HTTP_Request2 url を渡してリモートのテキストを取って
PHPでリッチなショッピングサイトを構築できる「Avactis」:phpspot開発日誌
Ecommerce Solutions | Avactis: Ecommerce PHP Shopping Cart Software PHPでリッチなショッピングサイトを構築できる「Avactis」。 スキンに対応していて見栄えを変えられる他、CSSによるテンプレートデザインが可能。 ショッピングカートや、PayPal等による決済機能、商品管理や注文統計が見れるリッチな管理画面、検索機能などショッピングカート構築に必要な機能は殆どそろっています。 ショッピングサイト画面。ＵＩもamazon風ですっきり見やすい。 スキン切り替えでデザイン変更が容易にできます。 管理画面がとっても多機能です。 今後の発展にも期待したいですね。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Ze
CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」:phpspot開発日誌
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライブラリごとに違うようで、サイト上にそれぞれ掲載されています。 完璧ではないようですが、便利なものが多く使えるということで、活用してみてもいいかもしれませんね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ
HTML5ベースのTODOリスト「5List」:phpspot開発日誌
5List -The Free HTML5 to-do list. HTML5ベースのTODOリスト「5List」が公開されています。 HTML5のストレージ機能を使うことで、ローカルにTODOを保存することが可能です。 HTML5を使わない場合、Ajaxでサーバに保存してという感じになると思いますが、HTML5によってサーバは不要でスタンドアロンで動くTODOが作れるという実用例です。 HTML5で動くアプリというものがより身近に感じられますね。 関連エントリ 見ておくべきHTML5サイト集 HTML5のポテンシャルを感じられる４８のサンプルサイト CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能にするライブラリ集
便利なCSS3ツール6つ＋α:phpspot開発日誌
Six Useful CSS3 Tools | Tools 便利な６つのCSS3ツールがまとまったエントリを＋αでご紹介。 まだ覚えていないプロパティなんかもWYSIWYGやジェネレート等で簡単に理解＆覚えることが可能です。 CSS3 Button Maker CSS3なボタンメーカー。角丸やシャドウの指定が可能 CSS3 Generator CSS3を使ったスタイル効果をブラウザ上で簡単ジェネレート CSS3 Please! クロスブラウザ向けのradiusやshadow等を一括生成 CSS3 Gradient Generator CSS3のグラデーション生成ツール CSS3 Transforms WYSIWYGでCSS3のtransformプロパティを生成可能 CSS3 Selectors Test ブラウザのCSS3対応状況が分かるツール CSS3 Click Chart by Im
どんなページにも高機能なコメントフォームを埋め込め一元管理できるPHPシステム「Commentics」:phpspot開発日誌
どんなページにも高機能なコメントフォームを埋め込め一元管理できるPHPシステム「Commentics」 2010年07月22日- Commentics - A free PHP comments script どんなページにも高機能なコメントフォームを埋め込め一元管理できるPHPシステム「Commentics」。 コメントがないページにも、CAPTCHAやアバターアイコン、星レーティングやRSSフィード出力、メール通知といった高機能なコメントフォームを埋め込むことが可能です。 更に、システム全体に書き込まれたコメントの削除や修正が可能。バックアップ機能等も備わっています。 コメント欄が実際に実装された例。かなりの高機能ですが、機能を絞ってシンプルにすることも出来るみたい。 コメントをページに埋め込む際には、管理画面からコメントを埋め込むページを作って、次のようなPHPコードをページ内に埋め
泡のアニメーションで癒しを演出できるjQueryプラグイン「Bubble Engine」:phpspot開発日誌
Bubble Engine - Plugin for jQuery - SOYOS Labs 泡のアニメーションで癒しを演出できるjQueryプラグイン「Bubble Engine」。 次のように泡をページ内にアニメーションできます。 ちょっとしたサイトの演出に使ってみてはどうでしょう。 大量に発生させるとコマ落ちしてしまう点に注意したいですが、バブル発生に特化したプラグインということで、なかなか面白いですね。 関連エントリ アニメーションの残像が残るjQueryアニメーションチュートリアル キャラクターとバックグラウンドをアニメーションさせられるjQueryプラグイン「Spritely」 ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム jQueryでアニメーションするソート可能なデータグリッド実装ライブラリ
これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」:phpspot開発日誌
これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」 2010年06月24日- Sencha - Introducing Sencha Touch - HTML5 Mobile App Framework 日本語の情報はこちら HTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」 Ext JSをご存知の方も多いと思いますが、なんと知らない間にSencha(煎茶)という名前に変わっています。 名前だけではなく、プロダクトとしての方向性も変わっているようです。 で、Senchaのプロダクトの一部として Sencha Touch があるという位置づけで、HTML5のモバイルアプリケーションフレームワークとして使える模様です。 WEBアプリといえど、Sencha Touchで構築されたアプリケーションを実際に使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーで使える比較的新しいWordPressテーマ:phpspot開発日誌