フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Zeuscart」:phpspot開発日誌
Zeuscart ? Free GPL Ecommerce Shopping Cart Software | Ecommerce Solutions | Online PHP Shopping Carts | Storefront Software フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Zeuscart」。 AmazonっぽいECサイトの構築ができる上に管理画面もなかなか充実しているようです。 構築されたショッピングサイト。UIもなかなかカッコいい。 実際に見てみる場合はこちら 商品詳細ページ 管理画面では売れたもののグラフ描画機能なんかがついてるようです。 アイテム管理画面 １つの選択肢として覚えておいてよさそうですね。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 カートが目立たず、いい感じにスライドしてくれ
かなり美麗なフリーのWordPressテーマ60:phpspot開発日誌
60 Excellent Premium-Like Free WordPress Themes | One Stop Design Resources かなり美麗なフリーのWordPressテーマ60がまとまったエントリのご紹介です。 仕事として依頼したら一体いくらかかるんだろうというようなプレミアムなテーマが一杯で、どれにしようか迷ってしまうほど。イメージも様々なので好みのものがきっと見つかるはずです。 相変わらず、WordPressテーマは強いですね。 関連エントリ 3カラムのクールなWordPressテーマ集30＋ コーポレートサイトでも使える20のWordpressテーマ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
2009年に発見した秀作アイコンのまとめ:phpspot開発日誌
今年も沢山のアイコンセットを発見しましたが、2009年に発見した秀作アイコンをまとめてみました。 WEBアプリ汎用、ソーシャルアイコン、Eコマース用アイコン、その他に分類してます。 WEBアプリ汎用 Led Icon Set - Psdtuts+ MinIcons by ~kyo-tux on deviantART 32px mania Vaga Onebit free icon set いい感じのアイコンセット Project Icon Set | Dezinerfolio WooFunction: 178 Amazing Web Design Icons?|?WooThemes WP WooThemes Ultimate Icon Set ? First Release?|?WooThemes 綺麗で汎用に使えそうなアイコンセット集「Function Icons」 Icon Set b
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」:phpspot開発日誌
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 2009年12月01日- GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡単に実装できるみたいです。 マウスホイールでズームし、ドラッグして地図移動が可能 ズームとか移動のコントローラーを付けることも可能で、これなら初心者にも簡単に気付いてもらえますね。 設置はjQueryを使うので、マークアップでズーム用に画像を数枚置いておき、$("#viewport").mapbox({mousewheel: true}); のように初期化するだけでOKです。 オプションも多数あるのでカスタマイズも出来ます。 ズーム前後に実行できるイベントハンドラも設定可能なので、柔軟性が高い
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」:phpspot開発日誌
jScrollPane スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」。 ちょっと前に話題になっていたような気がしますが便利なのでご紹介。 デザインサイトなどで、スクロールを使ってしまうとOSによって見栄えが変わってきてしまって全体のデザインを崩してしまいますが、このプラグインを使えばそういうこともなさそうですし、更に拡張された機能を使うことができます。以下にピックアップします。 デザイニング 次のような自由にデザインされたスクロール付きブロックを実装可能 プラットフォームに関わらずWinXPスタイルのスクロールバー実装 同様にMacOS Xみたいなスクロールバーも実装できます 拡張機能 さらに面白いのが、スクロール内でさらにスクロールさせるという機能。 スクロール要素をネストできます あと、スクローラー外部からの<A>タグをクリックで指定位置にス
お洒落なデザインサイトで使われていそうなPhotoshopブラシ集３６:phpspot開発日誌
お洒落なデザインサイトで使われていそうなPhotoshopブラシ集が３６種類パックになったものが公開されています。 次のように、ロゴの横においてもよさそうですし、大きいサイズにして背景にダイナミックに使うのもよいかもしれません。 cs, cs2, cs3 用として公開されているので、それ以前のバージョンの方は使えないかもしれません。 ブラシは以下のリンクよりダウンロード可能です。 36 Vector Shapes Brushes for Photoshop | Qbrushes - Photoshop Brushes 関連エントリ 光が超カッコいいPhotoshopのブラシ色々まとめ 手書き感が温かさを感じさせるPhotoshopのブラシ集 木、葉っぱ、雲、水など自然に関するPhotoshopブラシセット
WordPress高速化やカスタマイズ・ハックに関するエントリやプラグインまとめ:phpspot開発日誌
WordPress高速化やカスタマイズ・ハックに関するエントリやプラグインを色々まとめてみました。 WordPress自体の奥深さとシェアの高さによって、こうしたテクニック集が本当に充実しています。 テクニック集いろいろ 18 Useful Tricks To Speed Up WordPress & Boost Performance WordPress高速化のための１８のテクニック A better Wordpress tag cloud wordpressタグクラウドをよりよい見栄え＆高速化するスニペット Wordpress Tutorial: How To Display A User Welcome Message | Spyre Studios WordPressでウェルカムメッセージを作成するチュートリアル 9 Extremely Useful RSS Tricks and
光が超カッコいいPhotoshopのブラシ色々まとめ:phpspot開発日誌
光が超カッコいいPhotoshopのブラシを色々とまとめてみました。 次のような、サイトに入れると迫力満点の光のブラシ集です。 Abstract Brushset X - Free Photoshop Brushes at Brusheezy! Abstract Brushset XI | Qbrushes - Photoshop Brushes ABSTRACT BUTTERFLY BRUSHES Abstract Brushes Vol 2 - Free Photoshop Brushes at Brusheezy! Abstract ps brushes for Photoshop | Qbrushes - Photoshop Brushes BRUSHES PACK 3 CS4 BRUSHES ECOL BRUSHES Exclusive - Galactic Brushes -
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」:phpspot開発日誌
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」 2009年09月14日- ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUserAgentを解析し、<html> に class を振ってしまうことで、CSSの指定が次のように楽になります。 /* IEのみに適用 */ .ie body { background-color: yellow } /* IE7のみに適用 */ .ie7 body { background-color: orange } /* geckoベースのブラウザのみに適用 */ .gecko body { background-color: gray } 使い方 (1) 必要なPHPファイルをインク
グリッドベースのクールなWordPressテーマ「GRID wordpress theme」:phpspot開発日誌
GRID wordpress theme ? straightline グリッドベースのクールなWordPressテーマ「GRID wordpress theme」 次のような、シンプルだけどカッコいいWordPressのテーマが公開されています。 テーマのプレビューはこちら デザインというと派手なものを想像しがちですが、こういうのもカッコいいですね。 幅を縮めると、ちゃんと折り返されてレイアウトが変わるところもカッコいい。 関連エントリ 印象的でカッコいいWordPressテーマいろいろ すっきりまとまった雑誌スタイルのフリーWordPressテーマ集 5月リリースのクールなWordPressテーマ集 2009年リリースの綺麗なWordPressテーマ集
「やる気」を上げる方法の良記事色々まとめ:phpspot開発日誌
どんなギークや、頭の回転が速い人であっても、やる気がないと生産性は高まらず、やる気がある人と仕事のレベルが同等か、それ以下になることも周りを見ていて感じます。 やる気を管理できれば、出来る人はより生産性を大きく上げられ、現時点であまり出来ない人でもやる気さえあればどんどんレベルを上げていけそうです。 というわけで、最近人気の「やる気」を上げる方法の良記事を色々とまとめてみました。 「充実感」を感じやすい人、できない人：日経ビジネスオンライン のめりこみ・没頭の科学。フロー理論について。 ゲームはフロー状態を発生させる効果的な装置。同じように仕組みを作って仕事に適用すれば生産性はあがりそうです。 【1】「脳とやる気」1秒で勉強意欲に火がつく法 | 達人のテクニック 脳科学からみるやる気の管理方法。 まずウォーキングや雑用などで準備運動からはじめて徐々にやる気を上げていく科学的な方法について解
PHP＆ffmpegで動画プレビュー用GIFアニメーション作成サンプル:phpspot開発日誌
Lorenzo Alberton - Articles - Create a video preview as animated GIF with FFmpeg and PHP SPL PHP＆ffmpegで動画プレビュー用GIFアニメーション作成サンプルが公開されました。 動画サイトを作るときなんか用に覚えておくとよさそうです。 クラスライブラリ Thumbnail_Extractor。 以下がサンプルコード <?php require 'Thumbnail_Extractor.php'; require 'Thumbnail_Joiner.php'; // ffmpegのパス $ffmpeg = '/usr/bin/ffmpeg'; // 入力ビデオファイル $video = dirname(__FILE__) . '/sample.avi'; // extract one frame
ブラックベースのプロレベルなサイトデザイン作成チュートリアル集:phpspot開発日誌
ブラックベースのプロレベルなサイトデザイン作成チュートリアルを集めてみました。 クールな印象を与えるのに適した黒ベースのデザイン作成時に参考にできるかもしれません。 iPhone Related Website Futuristic Web Layout Create A Stylish Portfolio Layout PSDThemes -Awesome Tutorial Portfolio Design Softblue Template Tutorial Create a communication layout in Photoshop Dark Themed Web Design Dark Portfolio Pixel Layout Dark Green Portfolio Layout Professional Blog Template Design Create wor
マウスオーバーで画像を扉のように左右にアニメーションさせるjQueryサンプル:phpspot開発日誌
Image splitting effect with CSS and JQuery ・TutsValley マウスオーバーで画像を扉のように左右にアニメーションさせるjQueryサンプルが公開されています。 画像上にマウスを置くと、ビローンと中心から半分に割れて左右にアニメーションしていきます。 デモページ 面白いのは、１枚の画像でこれを実現しているところです。 CSSで２枚のブロックを作って、それをアニメーションさせています。 応用することで、縦方向に分割したりと、他にも面白いことが出来そうです。 関連エントリ jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 ユニークで使えそうなjQueryプラグイン10個
迫力あるWEBサイト作成に使えそうな煙やスプラッターブラシのまとめ:phpspot開発日誌
迫力あるWEBサイト作成に使えそうな煙やスプラッターブラシのまとめ。 濫用するとグチャグチャしてしまうかもしれませんが、うまく使えば迫力あるWEBサイトに仕上げられるかもしれないブラシ集です。 スモークブラシ 様々な形状の煙のブラシ 21 Awesome Smoke Brushes | Qbrushes - Photoshop Brushes ２１種類のリアルなスモークのブラシセット Colorburned | Stunning Smoke Effects: 42 High Resolution Photoshop Brushes 迫力あるスモークブラシ Smoke Brush by ~eMelody on deviantART Smoke Brush Set by ~eMelody on deviantART Smoke Brush Set by ~wiim on deviantART
WEBデザインに参考に出来そうなWEBデザインやパーツデザイン集:phpspot開発日誌
WEBデザインに参考に出来そうなWEBデザインやパーツデザイン集まとめ。 秀逸なデザインは沢山出てきていて、この瞬間もどんどん生まれているようで、順次、紹介していきたいと思います。 美麗WEBデザインのまとめ 20+ Sites Using Amazing Lighting Effects | Design Reviver 光をうまく使ったサイトデザイン集２０＋ 60+ Amazing Examples Of Illustrative Web Designs With Overview | Inspiration | instantShift イラスト風WEBデザインのまとめ 30 Clean and Bright Website Designs クリーンで明るい感じのサイトデザインまとめ３０ Beautiful Single Page Website Designs: 65 New Ex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌
ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル:phpspot開発日誌