そのまま使えるWEBレイアウトのPhotoshopテンプレート40:phpspot開発日誌
40 Professional and Detailed Web Layout PSD Templates :Speckyboy Design Magazine そのまま使えるWEBレイアウトのPhotoshopテンプレート40のご紹介。 次のようなプロフェッショナルレベルなレイアウトのテンプレートが多数紹介されています。 そのまま使ってもよさそうですし、デザインの際の参考にするのもよいですね。 デザインが苦手という方も参考にすればハイクオリティなデザインを低コストで導入できますね。 関連エントリ WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 自然を取り入れた美しいWEBデザイン集 なんとなく和むイラストベースのWEBデザイン集60 平面だけど立体感を出したWEBデザイン色々
PHPで画像をブラウザキャッシュさせるサンプルコード例:phpspot開発日誌
Image Caching With PHP at Jozef Chutka's blog PHPで画像をブラウザキャッシュさせるサンプルコード例が公開されています。 ブラウザキャッシュ用の Last-Modified、Cache-Control、Expires、ETag ヘッダーを発行してそれぞれハンドリングさせたサンプルです。 PHPで画像を転送するのは重い処理になりますが、こうしたヘッダーによる制御でサーバへの負荷を大きく下げられます。 そもそもPHPで画像を転送する事自体効率が悪いのですが、どうしてもPHPで動的に画像を出したいという場合において使えますね。 ここら辺のブラウザキャッシュに詳しくない方も学習用途に参考にできそうです。 コードをそのままコピペすると動くわけではなく、$this->time()とか、$this->filename()となっている部分においては若干書き換え
クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアル:phpspot開発日誌
How to create a web hosting layout | Grafpedia クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアルのご紹介。 次のようなグラデーションと立体感がいい感じのレイアウトを作成するチュートリアルです。 WEBホスティングだけ、といわず色々な部分において活用できそうなレイアウトですね。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル クールなポートフォリオレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル
ボタン作成のPhotoshopチュートリアル集:phpspot開発日誌
ボタン作成のPhotoshopチュートリアル集が公開されています。 次のようなボタンを作成するためのチュートリアルになっています。 どんなボタンも、このエントリを参考にすれば、比較的容易に作れてしまえそうですね。 リンク先は以下のエントリを参照してください。 30 Useful Photoshop Buttons and Badges Tutorials : Speckyboy Design Magazine 関連エントリ PhotoShopで美しいボタンを作るチュートリアル39個 WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル 立体的でつい押したくなるボタン画像を作成するPhotoShopチュートリアル
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
秀逸なWEBデザインの注目すべき細部デザイン色々:phpspot開発日誌
秀逸なWEBデザインの注目すべき細部デザイン色々。 全体を見ていると見落としがちな細部ですが、細かいところにこだわりつつ色々なサイトの紹介がされています。 かなり細かいところですが、細かくこだわることで、サイトデザインの深みやインパクトが強められそうです。 CSSのテクニック的にも色々と使っていて参考に出来そうな部分も多そうです。 影や角の畳んでいる部分など詳細にアクセントを持たせている例 角丸で影付き。背景ともなじんでいる例 飛び出したナビゲーションメニュー。影もあり 凝ったドロップダウンメニュー 凹凸をうまく表現したタイトル＆メニュー リンク先、その他全て見るには以下のエントリを参照してください。 30 Web Designs with Amazing Attention to Detail
現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン:phpspot開発日誌
現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグインが公開されています。 地図にインタラクティブに動く情報を記述して表示させたいようなケースに便利です。 実際に現地説明図などをページに載せているサイトがありますが、地図にインタラクティブに情報を表示すると利用者が非常に便利に見れますね。 例えば、次のような地図があります。 黄色のポイントをクリックすればヒントが表示されます。 更に下のほうで、薄く白身がかかった部分をクリックすると地図を拡大することが出来ます。 上記のデモページはこちら 他にもサンプルがあります。 上記デモページはこちら jQueryの機能を使ったアニメーション機能なんかも実装できます。 サイト制作請負をされている方は覚えておいて損はなさそうですね。 以下のエントリを参照してください。 A jQuery Plugin for Zoomabl
最近見つけたWEBデザイン作成チュートリアル集:phpspot開発日誌
最近見つけたWEBデザイン作成チュートリアル集のご紹介です。 ユニークなデザインから、クールなデザインまで、色々とあってデザインの際の参考にどうぞ。 Create a Clean and Colorful Web Layout in Photoshop | Grafpedia Design a colorful theme for wordpress | Grafpedia Photoshop Tutorials - HV-Designs.co.uk Create a nature inspired layout in photoshop | Grafpedia Photoshop tutorial to create an website layout inspired by apple.com | Grafpedia Learn how to design a car dealer w
mixiアプリの作り方(PC・携帯版)に関するサイト色々まとめ:phpspot開発日誌
携帯mixiアプリアクセス殺到(Yahoo!ニュース) によると、モバイル版もリリースされたmixiアプリがとても熱いようですね。 ということで色々、mixiアプリの収益化のチャンスや開発方法などの現状について調べてみました。 収益化のチャンス mixi アプリを作ることで、mixiのPVもあがるわけですが、開発者にも収益化やメリットがありますね。 以下に3つのメリットをまとめてみました。 (1) 自分のサイトへの誘導 mixi に集まる大量のトラフィックを自分のサイトにも誘導することで収益化のチャンスがあります。 実際に「外部サイトに誘導するための手順」としてその方法が提供されていますね。 (2) PVによって収益を得るアドプログラム 1PV 0.01円がもらえるみたいです。10万PVで1000円ですが、ユーザ数を考えると可能性を感じますね。 ヒットアプリになると100万ユーザとかになる
ユニークなPSDファイル付きロゴデザインまとめ:phpspot開発日誌
ユニークなPSDファイル付きロゴデザインが多数まとまったエントリのご紹介です。 次のようなWeb2.0っぽいポップなデザインのロゴが参考になるだけでなく、ソースPSDのダウンロードも出来て自分ようにカスタマイズできたりもします。 ロゴデザインの参考の他、仮のロゴをサクッと作りたいという場合に便利ですね。 リンク先とダウンロード先は以下のエントリを参照してください。 80 Identity Logo Design With PSD Files 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 ロゴデザインやタイポグラフィの見本や資料まとめ集 緑ベースのロゴデザインを作成する際に便利なまとめ集
有料サイトの「価格」部分に焦点をあてたサイトデザインサンプル集:phpspot開発日誌
有料サイトの「価格」部分に焦点をあてたサイトデザインサンプル集が公開されています。 以下のような、サービス内容を比較しつつ、プライスがいくらか？という点をうまくデザインされたページが77種類もまとまっています。 複数のプランがあるような有料サイトのデザインをする際において参考にすることが出来そうです。 いざ作ろうとなると、こうしたデザインは迷いがちですが、これだけのサンプルがあると参考にしつつ、うまく作ることが出来そうです。 リンク先は以下のエントリを参考にしてください。 77 Inspirational Example of Pricing Page Designs | Inspiration | instantShift
つい押したくなるようなボタン作成Photoshopチュートリアル集:phpspot開発日誌
つい押したくなるようなボタン作成Photoshopチュートリアル集が40種類ほど公開されていました。 ボタンといっても色々な種類があって、ちょっとした変り種のボタンを作る際にも参考にできそうな豊富なチュートリアル集になってるようです。 各リンク先は以下のエントリを参考にしてください。 40 Best Photoshop Tutorials for Creating Buttons and Badges | Naldz Graphics
リアルな現実をサイトデザインに組み込んだサイトデザイン作成チュートリアル集:phpspot開発日誌
リアルな現実をサイトデザインに組み込んだサイトデザイン作成チュートリアル集。 次のような、ノートをそのまま開いたような自由なレイアウトの作成チュートリアルをまとめてみました。 Create a realistic web layout デスクにノートを広げたようなユニークなレイアウト作成チュートリアル Nature Portfolio Layout Interior Design Layout 3D Blog Layout Create a grunge personal portfolio layout Computer Store Web Layout Professional Business Layout Desktop Style Web Layout Photoshop Tutorial 机上スタイルのレイアウト作成チュートリアル Grunge Photographer Lay
PHPとjQueryのAjax連携の学習用チュートリアル:phpspot開発日誌
Learning jQuery: Submit form PHP Mac style Modal window | AEXT.NET PHPとjQueryのAjax連携の学習用チュートリアルが公開されています。 macスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行うサンプルです。 それぞれ簡単なコードになっているので入門にも最適で、かつ成果物もクール。 デモページ 入門としてだけでなく、サンプルとして応用して使ってみるのもよさそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ jQueryでアコーディオン作成のチュートリアル 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル
デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集:phpspot開発日誌
PHPからOffice・Photoshop・PDF等の各種ファイルを操作するためのライブラ... 次の記事 ≫：アプリケーションを有無を言わさず終了させるAlt+F4の強力版が使える... 最近話題になった、デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集をまとめてみました。 沢山にあるのですが、参考にできそうなものばかりです。 サイトデザイン・サイトの特定部分のデザイン集 15 Creative WordPress Header Designs | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver クリエイティブなWordPressのヘッダーデザイン集。どれもインパクト大なものばかり 25 Inspiring Examples of Sign-Up P
PHPとjQueryを使った簡単アップロード＆画像ホスティングの仕組み:phpspot開発日誌
Make an Ajax Image Hosting Site With PHP and jQuery | Dev Words PHPとjQueryを使った簡単アップロード＆画像ホスティングの仕組みがソースコード付きで公開されています。 ファイルを選んで「Upload」ボタンをおします。 画像のURLが表示されます。 という、シンプルですが、なかなか使えそう＆作るとなると面倒かもしれない、というツールになってます。 勝手に使われないような対策は打っておく必要があるかもしれませんが、ブログの画像アップローダーとしても軽快に動作するので便利に使えるかもしれませんね。 関連エントリ 超シンプルな画像アップローダー＆画像シェアできるツール「imgur」 YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる
プロレベルなサイトデザインのPhotoshopチュートリアル集:phpspot開発日誌
30 Easy To Follow Photoshop Layout Design Tutorials プロレベルなサイトデザインのPhotoshopチュートリアル集。 次のような非常にクールなデザインレイアウトの作成チュートリアルをまとめたエントリが公開されています。 Design A Creative Unusual Layout ページは四角形という概念を打ち砕く奇抜なレイアウト Design a premium Wordpress blog with Photoshop 綺麗にまとまったレイアウト Design an awesome colorful layout カラフルなグラデーションが美しいレイアウト Clean and Colorful Web Layout カラフルで目を引くレイアウト 全部見る といった感じで、物凄い量の教材があつまっています。 英文というのを乗り越えて
PSDとXHTMLがセットになったWebデザイン学習キット色々:phpspot開発日誌
6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine PSDとXHTMLがセットになったWebデザイン学習キット色々。 １からWEBデザインを作るとなると、Photoshopでベースを作成→HTML化の作業が必要ですが、Photoshop、HTML、CSSがセットになったものが公開されています。 デザイン自体も次のようなプロが作ったと思われるクオリティのデザインになっています。 Shape Projection Template Artificial Casting Template すべて見る＆ダウンロード 色合い変更や少々のレイアウト配置変更といったカスタマイズで独自ページも容易に作れるかも。 関連エントリ プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集 プロのサイトデザイン方法を作って学べる手
CSSでボタンを綺麗にスタイルするサンプル集:phpspot開発日誌
22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine CSSでボタンを綺麗にスタイルするサンプル集が Speckyboy Design Magazine にて紹介されています。 なんとも美しいボタンのサンプルが色々と紹介されていて、もうボタンデザインに迷うことはないかもしれません。 Submit button should look same everywhere 綺麗なアイコン付きSubmitボタン How to make sexy buttons with CSS 角丸グラデーション付きボタン Scalable CSS Buttons Using PNG and Background Colors 文字を長くしても伸縮するボタン CSS Overlapping Arrow Buttons 階
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム:phpspot開発日誌