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をオフにした状態でスクリーンショットを撮ったり、高さや幅の指定、切抜きの
HTML5のCanvasによって画像加工が出来る「CamanJS」:phpspot開発日誌
CamanJS - Image Manipulation in Javascript HTML5のCanvasによって画像加工が出来る「CamanJS」。 画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。 ビフォア アフター 次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。 こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
写真加工に活用できるPhotoshopアクション100種類:phpspot開発日誌
100 Free Photoshop Actions (And How to Make Your Own) 写真加工に活用できるPhotoshopアクション100種類と、Photoshopアクションの作り方について書かれたエントリのご紹介です。 多数のアクションがあって、よく使いそうなものは入れたりカスタマイズしておくと便利ですね。 Photoshopのチュートリアルサイトで解説されているような一連の流れもよいものはAction化しておくとよさそうですね。 関連エントリ 高度な画像編集が一瞬でできてしまうPhotoshopアクション集 写真にビンテージ感を出せるPhotoshopのアクション集 写真をもっと魅力的にみせるためのPhotoshopアクション１００ 写真をいい感じに一瞬で加工してくれるPhotoshopアクション４５
PHPで書かれた次世代のショッピングカートシステム「TomatoCart」:phpspot開発日誌
TomatoCart- New Generation Ecommerce PHPで書かれた次世代のショッピングカートシステム「TomatoCart」。 ショッピングカートといえばosCommerceが有名ですが、TomatoCartはosCommerceからブランチしてweb2.0的な仕組みを取り入れたり、ExtJSを導入したりしていて、なかなか便利そうです。 ショッピングカートを実装する必要にかられたときに１つの選択肢として覚えておいてよさそうです。 管理画面がすごくて、Windowsのデスクトップ風UIで超リッチで直感的に使えるものになっています。 アイコンごとに機能が分かれていて、クリックするとアプリケーションが立ち上がるイメージで機能を利用できます。 管理画面のアイコンで立ち上がるアプリケーションっぽいものはExtJSを使って作られていて、使いやすさもなかなかよさそう。 SEOフレ
ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌
25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近
実用的なPHP用の正規表現ｘ８:phpspot開発日誌
記事の訂正です。 (phpspotの人は正規表現について語らないほうがいいのでは)というエントリの指摘を受け、本記事を修正します。 問題は、簡単な目視のチェックのみで動作確認を行わなかった点が問題ですね。 掲載した正規表現では厳密なチェックは行えない、一部の正規表現で正しく動作しないという問題点がありました。 また、「メールアドレスの正規表現」の記事修正も行っています。 メールアドレスの正規表現はきちんと書くと長くなってしまったりするので、注意文とメールが届くかどうかのチェックを促すよう記載しました。 それでも、まだ問題があるよ、という方はお手数ですが、こちらまでご連絡ください。 (追記) 正しい正規表現は、秋元さんのブログにも掲載されていますが、次のエントリを参考にするのがよいでしょう PHPでメールアドレスかどうか調べる方法 PHPでメールアドレスを確認する「正しい方法」(Linux
MySQLのバックアップを行うmysqldump機能を提供するPHPクラス:phpspot開発日誌
Coders4fun PHP backup of a mysql database First of all, I searched for a php script that makes the direct dump of the database. MySQLのバックアップを行うmysqldump機能を提供するPHPクラスが公開されていました。 コマンドラインから使うmysqldumpというツールがありますが、今回紹介のものは次のようにPHPのクラスとして使うことが可能です。 new MySQLDump("localhost", "root", ""); PHPのクラスにすることで、制御がより簡単になる上、WEBのインタフェースとして機能を組み込むのにも便利ですね。 関連エントリ MySQLデータのバックアップ方法 MySQLのバックアップツール: phpMyBackupPro
Apacheのログを解析してRSSに出来るPHP5用クラスライブラリ「Apache Log Analyzer 2 Feed」:phpspot開発日誌
Apacheのログを解析してRSSに出来るPHP5用クラスライブラリ「Apache Log Analyzer 2 Feed」 2007年06月11日- Apache Log Analyzer 2 Feed ApacheLogAnalyzer2Feed is a really powerful open source PHP 5 class to parse and analyze Apache Web Server log files. Apacheのログを解析してRSSに出来るPHP5用クラスライブラリ「Apache Log Analyzer 2 Feed」。 このクラスを使って、例えば次のようなことが出来るようです。 Googleのクローラーがサイトにいつ訪れたか？をRSSによって配信 Googleのクローラーがサイトのどのページにいつ訪れたか？をRSSによって配信 ユーザがいつ、どの
jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
Webデザイナー/開発者が覚えておくとよい２５のテクニック:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
デフォルトのフォームをクールにカスタマイズする方法:phpspot開発日誌
maratz.com archive Fancy checkboxes and radio buttons Many young guns ask about how to style custom checkboxes and radio buttons in forms. I prepared a typical markup, a few lines of CSS and some JavaScript functions (Safari label behavior fix included). デフォルトのフォームをクールにカスタマイズする方法。 以前、「Niceformでエレガントなフォーム生成 」というので独自フォームにデザイン変更する方法をお伝えしましたが、どういう仕組みか気になっていました。 独自フォームデザインの実装方法について書かれているサイトを発見したので仕組みを説
商用利用も出来るフリーのクリスマスアイコン:phpspot開発日誌
Christmas Holiday Icons This Christmas theme icons are available in both bitmap and vector formats. 商用利用も出来るフリーのクリスマスアイコン。 次のようなかわいらしいアイコンがフリーで使えます。 もうすぐクリスマスですが、サイトのクリスマス企画なんかに使えるかもしれませんね。 アイコン関連エントリ フリーのWeb2.0風の16x16アイコンを配布しているサイト集 2色のハイクオリティなフリーアイコン配布サイト「2pt3」 ソーシャルブックマークのアイコン集 フリーのWindowsVista用アイコン等をダウンロード ロイヤリティフリーのアイコンを試す
CSSだけでフレームを作るテクニック:phpspot開発日誌
CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき
CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
Apples To Oranges ? San Francisco Bay Area Visual and Experience Design Studio CSSオンリーでクールなグラフを書くサンプル集。 3つほど紹介されていてどれもクールで実用的。 1. まず、次のようなグラフを書くサンプル。 実際のHTMLコード <style> .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop→WordPressテーマが簡単に行える「DIVINE」:phpspot開発日誌
CSSで独自にデザインされたチェックボックス＆ラジオボタン:phpspot開発日誌