カタログクリップ

クライアントサイドにあるsvgデータを、ユーザが右クリック保存でダウンロードできるように、imgタグに埋め込む方法を紹介します。データをajax + phpなどで取得したり、javascript(D3.js)などで生成した場合に使います。 svgは、ベクター形式の画像データ形式のひとつです。ベクターデータなので、拡大縮小などによる劣化がなく、最近流行りのレスポンシブデザインに向いています。また、その実体はテキストデータであり、javascriptやphpなどで用意に扱うことが出来ます。ユーザが、gifやpngなどへ変換したい場...

Wordpressの広告管理は大変ですが、広告挿入プラグインを使うと管理が楽になります。最近ローンチされたGoogle公式のAdsense pluginを一ヶ月使用してみましたので、その利点と欠点を紹介します。 広告は、Google Adsenseを利用しています。Google Adsense自体は、自動で広告サイズや広告内容を選んでくれたりして楽です。またレポート画面も見やすいです。変な広告も入りませんのでおすすめです。 さて、プラグインには、最近ローンチされたGoogle公式 のAdsense pluginを選んで使用していました。設置の際に試行...

Paypalで支払いと引き出し限度額解除のためにカード登録手続きをしましたが、確認用の4桁のコードが三井住友カードのオンライン利用明細Vpassに表示されませんでした。対応して無事コードを知ることができましたので、その方法を紹介します。 Paypalは米国で70%程度のシェアを持つ電子決済サービスです。他にもっと良い決済サービスはありますが、シェアには勝てませんので先日アカウントを作成しました。ページ遷移がバグってたり、ヘルプページへのリンクがNot foundだったりして、お金を扱うページにしてはとて...

HTML5でサポートされたレンジ入力欄(スライダー)は、そのままではユーザーが現在値を知ることができません。ユーザーのスライダー操作を感知して、現在値を表示する方法を紹介します。javascriptを使用します。複数のスライダーにも一つのコードで対応します。 デフォルトの状態 HTML5では、次のようなレンジ入力欄がサポートされました。大まかな数値を入力することが出来ます。 <input type="range" id="range" min="0" max="10" step="1" value="5"> type="range"を指定すると表示されます。minが最小値...