Eコマースシステムはそれが最適かどうかは別とすれば、ほぼ仕組みが決まりつつあると言っても良いだろう。商品の一覧と詳細、ショッピングカート、決済と続く。その間にユーザ登録があるなしといった違いはあっても、概ね同じようなものだ。 ユーザ画面 そう考えるとEコマースシステムは自作で作るほどのものではないということになる。もっと違う切り口からユーザに迫るためにも、システムは既存のものを使った方が良いだろう。 今回紹介するオープンソース・ソフトウェアはDantoCart、PHP+MySQLによるEコマースシステムだ。 DantoCartはとても完成度の高いEコマースシステムだ。ユーザ向け画面はカテゴリと商品一覧に加えて特定の情報を出すCMS機能もある。商品をカートに追加すると画像が飛んでカートがアップデートされる仕組みもある。 商品詳細 ユーザ登録は必須となっており、新規購入時にパスワードを入力する
3M architectural finishes are decorative surfaces that can be applied virtually anywhere and offer hundreds of different design choices. Because…
Tweeting from PHP - Fabien Potencier PHPからTwitterに簡単に投稿できる15行の関数が公開されています。 以下のような、tweet 関数で実現可能みたい。 function tweet($message, $username, $password) { $context = stream_context_create(array( 'http' => array( 'method' => 'POST', 'header' => sprintf("Authorization: Basic %s\r\n", base64_encode($username.':'.$password)). "Content-type: application/x-www-form-urlencoded\r\n", 'content' => http_build_que
Writing your own URL shortener in 25 lines of PHP :: Jaisen Mathai PHP25行で書くURL短縮プログラムが公開されています。 案外簡単なので、自分用に使いやすくカスタマイズして公開してみるのもよいかもしれません。 SQLスキーマ、mod_rewriteの設定についても書かれています。 関連エントリ URLを短くできるTinyURLのAPIをPHPから簡単に使える「PEAR::Services_TinyURL」 TinyURLよりも短いURLが作れるURL短縮サービス「u.nu」 分かりやすいURL短縮化サービス『Shorty』
25 Stylish Examples of Web Forms スタイリッシュなWEBフォームの実装例がいろいろと紹介されており、一部ご紹介。 フォームというと簡単なデザインで済ましてしまう場合が多いと思いますが、こうしたところにもこだわっていると力の入れ加減が伝わってきますね。 デザイン自体もなかなか難しいと思いますが、参考にして綺麗なフォームが作れそう。 Alexandru Cohaniuc 壁に貼ったみたいなインタフェースでオシャレ Tea Round App 角丸で立体的なフォームがナイス Grooveshark 子ダイアログ風のポップアップフォーム Substrakt Matt Pixelight Creative 全部見る デザインを学んだ上で、ユーザビリティについても考え、あくまで利用者視点にたった使いやすいフォームを作りたいものですね 関連エントリ CSSでデザインされた
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル 次のような、最後のアイテムに移動しても、最初に戻る無限に回転するカルーセルを作成していくチュートリアルが公開されています。 スクリーンキャストで、作成の過程についても紹介されていて、分かりやすい。 単純に誰かの開発環境を覗くという意味でも勉強になりそう。 更に、図入りで、仕組み・コードについて紹介する形のチュートリアルになっています。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 jQueryやPHPを使った便利な仕組みのチュートリアル集 jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」 2009年06月15日- dwImageProtector Plugin for jQuery ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」。 Flickr などで導入されていますが、右クリックしてダウンロードしようとすると、元画像ではなくダミーの画像のダウンロードが開始する、という仕組みを簡単に実現するためのjQueryプラグインです。 ダウンロードしようとすると、ダウンロード開始するものの、ダミー画像(blank.gif)がターゲットになります。 単純に、元画像にダミー画像(blank.gif)を被せているというハックなのですが、画像の右クリックダウンロードを抑制したい方には便利に使えます。 以下のようなケースで保存す
August 4, 201410 Must-have iPhone Apps for Designers Key Takeaways The article introduces 10 iPhone apps that are beneficial for designers, covering a range of functions such as drawing, note taking, typography, and image correction. The apps discussed include iDesign for high-quality 2D illustrations, ArtStudio for sketching and painting, ColorSchemer and ColourSchemePro for color utilities, Fuze
SWFUpload jQuery Plugin : Adam Royle Flashを応用して便利にファイルアップできる「SWFUpload」のjQueryプラグインが公開されています。 SWFUpload を使えば、複数ファイルのアップロードが行え、アップロードの進捗もプログレスバーで確認できて、通常のブラウザベースのアップロードとは格段に使い勝手がよくなるのはご存知の通り。 SWFUploadの動作を実際に確認してみる場合はこちら SWFUpload を jQuery方式で関数を呼べてしまうので、jQuery な方はこれを使ったほうが使いやすいかも。 次のように初期化ができ、簡単です。 $('.swfupload-control').swfupload({ // BEの設定 upload_url: "../upload.php", // 送信先URL // ファイルアップロードに関する
Awesome Milk Typography Effect in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials ミルクの入ったグラスが激しく揺れている風のロゴ作成チュートリアル。 何のことか分かりづらいと思いますので、以下を見ると一目瞭然。 MILK というフォントの中を、ミルクが激しく揺れてこぼれるという、なんとも斬新なロゴ作成のチュートリアルになっています。 ミルク画像を合成していく流れがなかなか応用が利きそうです。 こんなロゴがあったら、つい目に付いてしまいそう、というアイデアですね。 関連エントリ スターウォーズの映画ロゴ風テキスト作成用Photoshopチュートリアル あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ
Introducing iPhone-style Checkboxes iPhoneスタイルのチェックボックスをjQueryで簡単実装。 次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。 使い方は次のように、$(エレメント).iphoneStyle() という風に初期化するだけという簡単さです。 <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $(':checkbox').iphoneStyle(); }); </script> 微妙にアニメーションする部分も芸が細かくていいです。 関連エントリ iPhone/iPodTouch風のON・OFFスイッチをJavaScriptで作成しよう iPhoneのロック解除の際のあのUIを
Easy CSS Compression with PHP and mod_rewrite - Roger Stringer CSSやJSファイルを軽量＆圧縮して転送できる「csszip.php」というファイルが公開されています。 「csszip.php?file=ファイル名」のようにリンクすると、不要な改行やタブなどを取り除いた上でgzip圧縮し、Expiresヘッダを発行して転送できます。 さらに、mod_rewrite を使って、拡張子が css や js のものは自動で csszip.php に転送するというので自動で圧縮転送が出来る例も公開されています。 注意点として、拡張子が js, css のものはすべて file=*** で指定できてしまうので、この部分は見直した方がよさそう。 理想的には、スタティックなファイルを mod_expires, mod_deflate などでハ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
