Zeuscart ? Free GPL Ecommerce Shopping Cart Software | Ecommerce Solutions | Online PHP Shopping Carts | Storefront Software フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Zeuscart」。 AmazonっぽいECサイトの構築ができる上に管理画面もなかなか充実しているようです。 構築されたショッピングサイト。UIもなかなかカッコいい。 実際に見てみる場合はこちら 商品詳細ページ 管理画面では売れたもののグラフ描画機能なんかがついてるようです。 アイテム管理画面 １つの選択肢として覚えておいてよさそうですね。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 カートが目立たず、いい感じにスライドしてくれ

有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」。 次のような汎用性のありそうなデザインされたテーマが１５ドル（今だと１３００円ぐらいでしょうか）で購入できるみたい。 管理画面に応用すれば優れた管理画面が作れそうです。デザインが苦手という方や手間を省きたいという方によさそう。 外注すると何万とかいってしまうことを考えると１３００円はとても安いですね。 以下のエントリを参照してください。 Simpla Admin - Flexible & User Friendly Admin skin - Site Templates - ThemeForest

知人のアプリ作者の人に、アイコンを探すのに苦労したという話を聞いたので、iPhoneアプリのツールバー部分に使えそうなアイコンを色々まとめてみました。 全部足すと545種もありますので、ツールバーアイコンには困らないかもしれません。 iPhoneアプリケーション作者の方や、今後作ろうと思っている場合に参考にどうぞ。 30 Free Vector Icons | Dezinerfolio 綺麗にまとまったデザインで種類も次のような３０種類がまとまってます Glyphish – Great icons for great iPhone applications 130種類の商用利用可能な汎用アイコンセット。 Free iphone toolbar icons こちらも、商用利用可能な160種類の汎用アイコンセット app-bits : iPhone Toolbar Icon Set : iPh

68KB サポートサイトを作るのに役立ちそうなPHP製ナレッジベース構築用オープンソース「68KB」 PHPとMySQLで構築された、ナレッジベース作成のためのシステムで、サイトの使い方やトラブルシュート用ページの他、用語集ページの作成に役立ち、より訪問者に親切なサイト作りに活用できそう。 カテゴリベースの文書分類システムになっているようで、カテゴリ配下にドキュメントがずらっと並ぶようなイメージのシステムになっています。 もちろん、検索機能もついていて、本格的なサポートサイトやチュートリアルサイトを作ることも出来そうです。 インストール方法もとても簡単で以下の通り。 (1) ダウンロードしたzipパッケージを解凍 (2) データベースのconfigを行う upload/sources/config/database.php.new というファイルがあるので、開き編集します。 $db['de

Opensource - AJAX - Jqtransform - jQuery form plugin JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」。 jqTransformを使えば、味気ないフォームも以下のとおり、１行で綺麗に整形することが可能です。 ↓↓↓↓↓↓↓↓ 必要なライブラリを読み込んだら、１行で整形 $('form').jqTransform({imgPath:'/img/'}); ↓↓↓↓↓↓↓↓

タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」 2009年06月16日- jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」。 同様のライブラリは他にあるかもしれませんが、アニメーションや見た目の点で非常に洗練されていて覚えておく価値アリなものになってます。 Expose 該当部分だけを目立たせることが出来る ↓↓クリックするとクリックした位置以外がグレー表示になります Tooltip イカしたスタイルがかかったツールチップ Tab 綺麗なタブUI Overlay LightBox風のページ内ウィンドウ実装 Scrollable 少ないスペースでコンテンツをスクロールするウィジェット実

woork: Useful tips to enrich your HTML Forms フォームのユーザビリティを改善するためのサンプル集が公開されてます。 (1) フィールドに対するヒントをツールチップ表示するサンプル 最低６文字であることが分かりやすく表現できます (2) オートコンプリートサンプル おなじみ、オートサジェスト (3) 残り文字数表示サンプル 残り文字数が分かることで、何文字以上〜何文字以内という表記を省略して分かりやすく。 (4) ラジオボタンがYESの時にinputを表示。 必要な部分だけ表示してフォームを分かりやすく。 申し込みフォーム部分は、申し込み受付型のサイトでは非常に重要ですが、こうした配慮がされているといいですね。 究極にフォームを使いやすくした、ベストプラクティスのようなサンプルをまとめたサイトがあったら役に立ちそうですね。 関連エントリ フォームの

40 Excellent Free WordPress Themes 印象的でカッコいいWordPressテーマいろいろ。４０種類にわたるクールなWordPressテーマが紹介されています。 適用すれば、訪問者の印象に残るようなデザインが多数紹介されていて、ますますデザインに迷いそうです。 Irresistible 大きい背景が印象的な青ベースデザイン Magazeen おしゃれな雑誌風レイアウト Imprezz サイドバーが印象的にうつるクールデザイン Blues 青基調でしっかりデザインされたテーマ iLibrio Apple風デザインのクールなテーマ 全部見る 関連エントリ これは面白い、あのサイトそっくりなWordPressテーマ すっきりまとまった雑誌スタイルのフリーWordPressテーマ集 コーポレートサイトでも使える20のWordpressテーマ

Free Icon Pack: Web Injection - Tutorial9 綺麗で質感がうまく出されたWebアプリ用アイコンセット「Web Injection」。 次のような綺麗なアイコンが配布されています。 パックには、26種類 48x48 でPNG形式のアイコンセットが含まれています。 注射器はともかく、RSSやDB、タグなどがデザインされたアイコンは色々と使えそうです。 関連エントリ 綺麗なアイコン作成のチュートリアル集 ベクター形式の汎用の矢印アイコンセット WEB開発に活用できる、２００９年初お目見えアイコンセット集

50 Best Sites To Get Design Inspiration|Dzine Blog デザインのインスピレーションを受けるために便利なサイト集が紹介されていましたので一部ご紹介。 暇なときにでも見ていれば、感性を上げられそうなサイトばかりです。 Design Flavr 多数あるデザインサイトを、フリーワード、カテゴリ、色、タグなどから自在に検索することが出来ます Flashなサイト、CSSなサイトといった感じでカテゴリわけ 色による検索機能。作っているサイトに似た色を選択し、ちょっと物足りないかもという構築中のサイトに付け加える何かのインスピレーションを見つけられるのかも Muse サムネイルでデザインサイトを順に紹介 Cool Showcase 絵の検索サイト。カテゴリ、タグ、フリーワード検索が可能 Digital Abstracts 比較的大きなサムネイルとともにクー

Boks - A Visual Grid Editor サイトのレイアウトがサクサク作れるAIRアプリ「Boks」。 Boksを使えば、グリッド内をドラッグ＆ドロップして直感的にレイアウトを作っていけます 作ったレイアウトは「Export」で簡単にHTML+CSSに出来ます。 HTMLとCSS複数が吐き出されます 基本設定として、グリッドの設定なんかも調整できて、自由度はあります サイトのレイアウトがめんどくさいという方はこういうものでサクっと済ませちゃうというのもありですね。 関連エントリ CSSレイアウトのチート集「CSS Layout Cheats」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 フリーで使えるCSSレイアウトのテンプレート配布サ

A fancy Apple.com-style search suggestion apple.com風の超クール検索候補窓作成チュートリアル＆サンプル。 appleサイトの検索窓がすごくカッコいいのですが、これを実現するためのチュートリアルとサンプルが公開されています。 単なるサジェスチョンよりも、アイコンが表示されたほうがカッコいいですね。 デモページでその動作を確認できます PHP+MySQL+CSS+JavaScriptという組み合わせにて動作しているようです。 これで、あなたのサイトもアップル風により近づけることが出来そうですね。

iPhone Mockup iPhoneアプリのモックアップが簡単に作れるサイト「iPhone Mockup」。 iPhoneアプリの画面を簡単にデザインするような場合に使えそうなブラウザベースのツールが公開されています。 左側にある要素をクリックしてドラッグ＆ドロップで配置します。 簡単にUIが出来てしまいました。 ウェブデザインもこうして簡単にレイアウトできるツールがあったらいいなと思いました。

PHP micro-optimization tips | Alex @ Net PHPコーディングに関する最適化TIPS というのがまとまっていましたのでご紹介。 元記事では、micro-optimization ということで、これらを直すのももちろんだけど、ロジックを直す方がパフォーマンスは改善されるということを言ってるようです。 個人的な勉強がてら、メモとして残します。 ・__call のマジックメソッドを使うと遅い ・staticなメソッドはインスタンス化したオブジェクトのメソッドより速い ・関数呼び出しは、staticなメソッド呼び出しより高速 ・ローカル変数へのアクセスはグローバル変数へのアクセスより速い ・グローバル変数へのアクセスは、オブジェクトのプロパティより速い ・オブジェクトプロパティへのアクセスは、__get, __set を使うと遅い ・初期化された変数はそうでな

25-point Website Usability Checklist | User Effect サイト公開前に役立つ２５のユーザビリティチェックリストが公開されていましたのでメモしてみました。 サイトの公開前にチェックリストとして使うといいかもしれません。 アクセシビリティ 1. ロード時間が速いか？(60KBぐらいがベター) 2. テキストと背景のコントラスト調整(差異が低く見にくくないか) 3. フォントサイズが読みやすいサイズか？行間、文字間は適切か？ 4. Flashやアドオンは控えめか？ 5. 画像に適切なALTタグが指定されているか？ 6. カスタマイズした404ページがあるか？デフォルトは非常に不親切 7. カンパニーロゴが分かりやすい位置におかれているか？ 8. キャッチフレーズが適切に設定されているか？ 9. 5秒で大体どんな内容が分かるものになっているか？ユーザは

45 Beautiful Free Fonts for Modern Design Trends - Six Revisions 美しいフリーフォント45セットが紹介されています。 ロゴデザインなんかに使ってもまったく問題なさそうです。 Cicle Share Reznor Broken Alte Haas Grotesk Abrosia AUdimat 全部見る フォントのインストールのしすぎは注意が必要ですが、これは、というお気に入りのフォントがあったら入れておきたいですね。 関連エントリ 萌え系フォントのまとめ ウェブ、ＤＴＰに使えるクールなフォント集 フリーフォント大量配布/紹介サイトいろいろ フリーフォントを入手するためのトップ５サイト 女性の書いたようなやわらかい萌えフォント「あんずもじ」

12 Free High Quality Icon Sets | Spoonfed Design フリーな芸術的クオリティのアイコンセット。まだまだ良いものは沢山あるみたいです。 Function Icon Set Practika: A Free Icon Set FRESH Jonas Rask Icons Affel Concept Icons Mac Icons Smashing Royal Icon Set Autumn Breeze Icons 全部見る これはアートですね 関連エントリ フリーのお天気アイコン集いろいろ ウェブサイトに使えるアイコンセットのまとめサイト 高品質なベクターアイコンセットいっぱい サイトに使えそうな可愛いアイコンセット「Rinoa icon set」 アイコンを探すのに便利なサイト色々

7 Brilliant Free Fonts: Faceplate, Sling, Cicle | Smashing Magazine Every month we take a look around, browse through dozens of fonts collections and select most irresistible typefaces released recently. シンプルで使いやすい７つのフリーフォントが紹介されていました。 Web2.0風なサイトを作ったりするのにぴったりなフォントもあります。 Faceplate™ A Gauge Sling Cicle Steiner Existence Light FF Mt FF Clan Narrow Bold 個人的には Steiner がカッコいいんじゃないかと思ってます。

The PHP coder's top 10 mistakes and problems @ SourceRally.net PHP Community 「PHPプログラマがおかしがちなミスＴＯＰ１０」、という記事があったので紹介。 PHP初心者だとこういうミスがよくありますね。ということで今年からPHPをはじめようと思っている人には気をつけてほしいリストです。 生でクエリを出力しない echo ＄_GET['username']; ↓ echo htmlspecialchars(＄_GET['username'], ENT_QUOTES); やらないとクロスサイトスクリプティングされます。 SQLクエリに＄_GET,＄_POST,＄_REQUESTの値を直接含めない ＄sql = "select * from table where id=".＄_GET["id"]; ↓ ＄sql =

50 Beautiful CSS-Based Web-Designs in 2006 | Smashing Magazine Let’s take a close look at some of the most beautiful designs we’ve seen in 2006.2006年を彩った50の超美麗CSSデザインサイト集。 どれも凄まじく凝ったサイト集で、1個1個が1つのクリエイターが精魂込めて作ったのが伺えます。 (Webデザイナーのためのリンク集) こういった美しいサイトを参考にサイトを作ったりすると自分のセンスも磨かれそうですね。 単に見るだけでも楽しめます。 2007年も素晴らしいサイトが出てくるんでしょうね。こういったデザインは数年前では見られなかったようなもののように感じます。 WEBデザインの面での進化についても今後が楽しみでしょうがないですね。 作成に使っ