ロイヤリティフリーのリアルなアイコン集:phpspot開発日誌
20 Free Sets of Royalty Free Icons | Pingable.org :: Resources for Web Developers ロイヤリティフリーのリアルなアイコン集。 色んなハードウェアやゲーム、スターウォーズなど、見るだけでも楽しいロイヤリティフリーのアイコンが紹介 Xi4Dox Gaming Icons PS3 Icons Star Wars Icons Flat Panel Monitor Apple Imac Ipod Nano ハードウェアが本当にリアルですね。 関連エントリ Photoshopでアイコン作成のためのチュートリアル色々 カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」
apple風のアニメーションする超クールなメニューを作成:phpspot開発日誌
Create an apple style menu and improve it via jQuery | Kriesi.at - new media design apple風のアニメーションする超クールなメニューを作成。 次のような（デモページで動作も確認）のようなクールなアニメーションするメニューの作成チュートリアルが公開されています。 Photoshopでの画像の作成方法からマークアップ、ＣＳＳ、そしてjQueryによるアニメーションまで解説。 サンプルのダウンロードも可能でダウンロードしてそのまま使うことも出来ます。 サイト構築用に、そして流れが書かれているので学習用に使えますね。 関連エントリ デザイン性に優れたCSSメニュー集 メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル
背景画像に最適！超ハイクオリティな400以上のパターン画像集:phpspot開発日誌
400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適！超ハイクオリティな400以上のパターン画像集。 単なる背景画像にしておくにはもったいないほど書き込みが細かくて、見ているだけでも楽しめます。 Damask Patterns Volume 2 ision Micro Patterns Vector Patterns 背景画像がいっぱいあって、色合いなんかもWEB上でかえられるようなサービスがあったらいいなと思いました。
シンプルにクールで使用感のよいボタンを作るサンプル:phpspot開発日誌
Particletree Rediscovering the Button Element Creating a consistent interface for your users is a constant struggle for every application designer. シンプルにクールで使用感のよいボタンを作るサンプル。 次のようなボタン、あったらつい押したくなりそうです。 フラットなデザインで、押した感じが心地よいです。 単純に、ボタンタグで <button type="submit" class="positive"><img src="/images/icons/tick.png" alt=""/>Save</button> のように定義してスタイルしている感じで、マークアップとCSSが公開されています。 ボタン作成の際の１参考にできそう。
CSSレイアウトのチート集「CSS Layout Cheats」:phpspot開発日誌
色々なデバイスやキャラクターなどのアイコン配布サイト「Quantum Bits... 次の記事 ≫：目をひくクリエイティブなロゴ集
紙、ペイント、メタルのテクスチャ画像集:phpspot開発日誌
99 Free Canvas, Paper, Paint, and Metal Textures | Tutorial9 - Tutorial Bliss. As a designer, it’s not always possible to take the time and generate your own textures for all of your graphics. 紙、ペイント、メタルのテクスチャ画像集。 クオリティの高いテクスチャ画像集がまとまっていました。 紙 Old Aged Paper (Parchment) Texture Paper Texture Another Paper Texture Old Bible Cover 全部見る ペイント Green Peeled Paint Grunge Paint Texture Abstract Grunge Pai
CSSでクールなテーブルを作成するサンプル:phpspot開発日誌
A CSS styled table | Veerle's blog Further to my article about the creation of a CSS calendar the thought crossed my mind to show you an example on how you can style a table using CSS.CSSでクールなテーブルを作成するサンプル。 次のようなテーブルを作成するサンプルが公開されています。 サンプル１（解説記事） サンプル２（解説記事） テーブルもここまでカッコいいものが作れるんですね。 是非テーブルスタイル時の参考にしたいサンプルです。
フリーのグラフスクリプト１０個:phpspot開発日誌
10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン
クリーンなデザインでピュアＣＳＳなフォームを作るサンプル:phpspot開発日誌
woork: Clean and pure CSS FORM design クリーンなデザインでピュアＣＳＳなフォームを作る 次のようなデザインの綺麗なフォームのサンプルがＤＬ可能です。 マークアップは以下のようにシンプルかつクリーン <div id="stylized" class="myform"> <form id="form" name="form" method="post" action="index.html"> <h1>Sign-up form</h1> <p>This is the basic look of my form without table</p> <label>Name <span class="small">Add your name</span> </label> <input type="text" name="name" id="name" /> <
長文を横スクロールで表示し読みやすくするＪＳ「bookreader.js」:phpspot開発日誌
bookreader.js bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。長文を横スクロールで表示し読みやすくするＪＳ「bookreader.js」。 次のページへボタンを押すと、アニメーションしながら横にずれていきます。 本を読むスタイルに似ているためか、bookreader.jsという名前ですね。 文章の見せ方として面白いので覚えておいたらいつか使えそうです。
アニメーションする2KBの軽量ツールチップJS:phpspot開発日誌
Fading JavaScript Tooltips 2kb - Web Development Blog This animated JavaScript tooltip script is very easy to use and lightweight at only 2kb. アニメーションする2KBの軽量ツールチップJS。 カーソルを合わせるとフェードアニメーションしながら浮き上がるツールチップの紹介。 デモページはこちら ソースコードがなかなか綺麗かつシンプルで、ウィジェット作成の参考にできるかも。 var tooltip=function(){ var id = 'tt'; var top = 3; ... } 関連エントリ 色んな種類のクールなツールチップを実装しよう「Prototip 2」 JavaScriptを使わずCSSのみでシンプルなツールチップ実装
画像アイコン付きCSSボタンの画像付きサンプルセット:phpspot開発日誌
woork: Beautiful CSS buttons with icon set I love clean design and in general simple solutions to design nice and attractive elements for my websites. 画像アイコン付きCSSボタンの画像付きサンプルセット。 以下のようないい感じのCSSで作ったボタンのサンプルが配布されています。 アイコンを独自に入れ替えればオリジナルのボタンが簡単に作れちゃいます。 応用していろいろと活用できる有用なサンプルですね。 関連エントリ CSSを使ってファンシーなボタンを作成するテクニック 色んな種類のクールなツールチップを実装しよう「Prototip 2」
色んな種類のクールなツールチップを実装しよう「Prototip 2」:phpspot開発日誌
Prototip 2 - Create beautiful tooltips with ease Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. 色んな種類のクールなツールチップを実装しよう「Prototip 2」 Prototip 2 を使えば次のようなクールなツールチップが実装できます。 カーソルをもっていくことでプレビューできます。 使い方は、必要なJS/CSSを読み込んだ後、次のように初期化するのでOKみたいで簡単 new Tip(element, 'content', { title: 'This tooltip has a title', style: 'protoblue', stem: 'topLef
フリーのプロフェッショナル矢印アイコン集:phpspot開発日誌
56 Professional Free Arrow symbol & icons フリーのプロフェッショナル矢印アイコン集 次のようなアイコンがベクター形式でフリーで配布されているみたいです。 こうした矢印はWEBのUIを作る上で非常によく使うものなので、覚えておくと矢印のデザインなら困らないでしょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
バナーに使える自動再生されるコンテンツスライダー実装:phpspot開発日誌
サクサク動く画像ギャラリー作成JSライブラリ「noobSlide」:phpspot開発日誌
CSSでクールなボタンを作るまとめ:phpspot開発日誌
Flash製のドロップダウンメニューを作成するWEBツール:phpspot開発日誌
画像の修飾に便利なリソースイメージ集:phpspot開発日誌
光の流れで作ったようなクールなロゴを作成するPhotoshopチュートリアル:phpspot開発日誌