製品の特徴についてカッコよく表示できるjQueryプラグイン「Feature List」:phpspot開発日誌
製品の特徴についてカッコよく表示できるjQueryプラグイン「Feature List」。 次のような、製品の紹介なんかでどこかで見たようなUIパーツを簡単に実装できるみたいです。 実装方法 最初はちょっと難しいような気もするのですが、実はかなり簡単で次のように<div>以下に2つのulを置いておきます <div id="feature_list"> <ul id="tabs"> <li> <a href="javascript:;"> <img src="services.png" /> <h3>Services</h3> <span>Lorem ipsum dolor sit amet consect</span> </a> </li> <li> <a href="javascript:;"> <img src="programming.png" /> <h3>Programming<
色々な用途に使えそうなベクターデータをまとめてみました:phpspot開発日誌
最近見つけた、色々な用途に使えそうなベクターデータをまとめてみました。 Photoshopなんかのブラシにしてみても面白いですし、背景パターンなんかにも使えるかもしれません。 皆さんのデザインワークに役立てば幸いです。 49 Vector Ornamental Stars 星型のシェイプ Vector Design Elements - Circular vectors | Grafpedia 円形のベクターデータ Code Geass Symbol Set by ~solwyvern on deviantART Vector leaves design elements 葉っぱのベクターエレメント Circular Floral Vectors Floral Banner Shape by ~eurochronix on deviantART Shapes - Letters - 2 b
jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい:phpspot開発日誌
mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ＆ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
JavaScriptによって動的にアンチエイリアス化＆選択してコピーも可能な仕組み「TypeSelect」:phpspot開発日誌
JavaScriptによって動的にアンチエイリアス化＆選択してコピーも可能な仕組み「TypeSelect」 2009年07月13日- TypeSelect - Javascript-based Selectable Typefaces JavaScriptによって動的にアンチエイリアス化＆選択してコピーも可能な仕組み「TypeSelect」のご紹介。 以前、JavaScript を使い、Canvasを使ってアンチエイリアスがかかった綺麗な文字にする typeface.js という仕組み紹介しました。 これにより、文字は簡単に綺麗になったのですが、テキストのコピーペーストが出来ないという問題がありました。 選択してコピーしても文字にはならない。 TypeSelect なら、１文字ごとに選択することが可能で、コピーすることも出来ます。 綺麗にレンダリングされた文字を選択している図 内部的にはt
テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組み色々:phpspot開発日誌
Dynamic Text Replacement Solutions | Dezinerfolio テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組みが色々とあるみたいです。 FlashやPHP、CSS、JavaScriptの要素をトリッキーに混ぜ合わせているところも見所です。 P+C DTR PHP+GDで綺麗なテキストを生成し、JavaScriptでbackground-image設定して表示します。 そもそもがテキストになっているので、HTMLもクリーンです。 見え方は以下のように、綺麗なテキスト 生成されたHTMLはh5要素として、次のようになっています。 <h5 style="background-image: url(image.php?text=You%27re+Look%27n+At+It&tag=h5);">You're Look'n At It</h
クールな名刺を作る際のチュートリアル集:phpspot開発日誌
11 Tutorials for Business Card Design | Vandelay Design Blog クールな名刺を作る際のチュートリアル集が公開。 かなり奇抜なデザインが多く、デザイナーの方なんかが持っておくとデザインのスキルをアピールを出来るだけでなく、覚えてもらえそうな名刺を作れそう。 Design a Print Ready Business Card for Designers Making a Grungy Business Card Making a Print-Ready Business Card Using Only Photoshop 全部見る 最近は家庭用プリンタでもきちんとした印刷が出来るのでありがたいですね。 関連エントリ 凄くクールな名刺を作成するPhotoShopチュートリアル
WEBデザイナ/開発者が覚えておくと便利なブックマークレット集:phpspot開発日誌
15 Must-Have Bookmarklets For Web Designers And Developers WEBデザイナ/開発者が覚えておくと便利なブックマークレット集。 起動すると、その場で画像などの要素をドラッグ＆ドロップでデザインできたりする便利なブックマークレット集です。 ReCSS - Reloads The CSS 起動すると、サイトのＣＳＳが再読込みされ、リロードすることなく見栄えの更新ができる Edit Any Website - ブックマークレット XRAY - See Details Of Any Web Element 起動するとJavaScript製のＤＯＭインスペクタが起動します。 MRI 起動してエレメントをクリックすると、クリックしたエレメントのセレクタが取得可能。 Design - Grid-Rule-Unit-Crosshair 起動すると、4
プロのサイトデザイン方法を作って学べる手順集:phpspot開発日誌
35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Website Design Photoshop is an excellent tool for creating attract websites. プロのサイトデザイン方法を作って学べる手順集。 次のようなサイトデザインのPhotoshopチュートリアル集です。 Create a Dark Themed Web Design from Scratch Making Your Own Portfolio Web Page Design a Cartoon Grunge Website Layout Hand Drawn Layout Online Photo Portfolio Layout Sound System Studio Website Layo
Web2.0デザインジェネレーターいろいろ-２００８年８月:phpspot開発日誌
Web 2.0 Design Generators For Developers | 84 Bytes here is a handy list of online tools to help you save time and effort creating nice graphics for your sites or apps. Web2.0デザインジェネレーターいろいろまとまっていました。 過去にいろいろとこうしたツール系は書いてきましたが、まだ知らないものもありました。 ボタン As Button Generator Buttonator.com My Cool Button ローディング画像 AJAXload.info AJAX loading Gif generator バッジ Web 2.0 Badges Fresh Badge リボン QuickRibbon Websit
3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集:phpspot開発日誌
3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集 2008年08月22日- Adrian Parr’s Blog Blog Archive AS3 Code Libraries 3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリが紹介されていました。 ActionScriptというとライブラリもあまり知らない人が多いのではないでしょうか。 3Dエンジン Papervision3D http://blog.papervision3d.org/ Away 3D http://www.away3d.com/ Sandy 3D http://www.flashsandy.org/ Alternativa Platform http://blog.alternativaplatform.com/en/ FIVe3D http
一流のサイトデザインを一から作成する手順集:phpspot開発日誌
The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。
CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」:phpspot開発日誌
CSS Decorative Gallery I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images.CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」。 イメージにＣＳＳをあてることで、次のように、セロハンテープで貼り付けたり、画鋲でとめたりといった効果を出すことができます。 デモページはこちらでＩＥ６でも問題なく動作。 沢山種類があって、色んな場面で使えそうです。 これは久しぶりに感動しました。
マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル:phpspot開発日誌
phpied.com Blog Archive Simultaneuos HTTP requests in PHP with cURL The basic idea of a Web 2.0-style "mashup" is that you consume data from several services, often from different providers and combine them in interesting ways. マッシュアップに必須！PHPで複数APIを同時に叩いて超高速化するサンプル。 通常、PHPでAPIにアクセスする場合、例えば、Yahoo!検索APIとはてなブックマークのRSSを取得してマッシュアップする場合は次の図のようになります。 ただ、この方式だと、Yahoo!検索APIにリクエストし、その結果を待ちます。 そして、そこからはてなブック
Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - A Slick Supernatural Text Effect In this tutorial we'll be creating a smokey night effect on text to give it an eerie supernatural sort of feel. Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル。 次のようなロゴを素材を使わずに1から作成していくPhotoShopチュートリアルが公開されています。 フィルタのみで星空を作ったり、波形フィルタを何度もかけて煙のようにしていくテクニックは色んな場面で使えそう。 チュートリアルを辿って次のような画像を作成してみました。 チュートリアルをこなすことで様々なテクニックを身に付けられるので一度こなして
色に関する便利WEBサービスいろいろ:phpspot開発日誌
COLORS TOOLBOX: 20 Tools For Working With Colors Sometimes all you need to get inspired to build a site is picking a color scheme, or even if you get stuck later in development you need some color help. 色に関する便利WEBサービスいろいろ。 WEBデザインに色は重要ですが、その色をWEB上でブレンドしたり、探したり、色合いをまとめたサイトなど便利なサイトがいろいろあります。 Color Blender - 2種類の色をブレンドできるサービス。色と色の間の色を調べる場合に便利。 Color-Inspirator - ランダムな色合いの生成が可能。共有することもできます。 colordb -
PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル:phpspot開発日誌
9 tutorials Beautiful lighting FX effect in Photoshop This tutorial will show you how to create particle effects in Photoshop. PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル。 次のように美しいパーティクルを作成するチュートリアルです。 簡単そうに見えて、いろいろとテクニックが使われています。 写真などと合成して綺麗なグラフィックが作れそう。 ↓実際に試してみました。これは美しいです。 関連エントリ 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光のモーションで画像を超カッコよくするPhotoShopチュートリアル スライムのような質感の
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」:phpspot開発日誌
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
WordPressのプラグイン集 300＋:phpspot開発日誌
WORDPRESS GOD: 300 Tools for Running Your WordPress Blog As one of the leading open source blogging platforms, WordPress has inspired hundreds (if not thousands) of plugins and tools to customize your blog. In this article, we’ve compiled a list of more than 300 of our favorites. WordPressのプラグイン集 300＋。 いくつか抜粋してリストにしてみました。 Alexa Rank - サイトにAlexaランキングを表示 Google PageRank - GoogleのPRをサイトに表示 WP e-Comme
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
次のプロジェクトに是非使いたくなってしまうような６０個のアイコンセット「NIXUS」:phpspot開発日誌
Flashを使った超絶クールなマルチタッチスクリーンUIがオープンソースで公開:phpspot開発日誌