[CSS]ナビゲーションやフォームなどを実装するサンプル集 -CSS PortalCSS Portalのエントリーから、ナビゲーションやフォーム、画像、リンクなどを実装するスタイルシートのサンプルを紹介します。
水を描いた、清涼感溢れるPhotoshopのチュートリアル集
水、水流、水面、水中、滴、雨、氷、水彩など、水を効果的に使用したPhotoshopのチュートリアルの紹介です。
パネルをスライド
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
テクスチャ&パターンデザインサイト集『Textures and Patterns Design Showcase』 | CREAMU
テクスチャやパターンが綺麗なサイトをデザインの参考にしたい。 そんなあなたにおすすめなのが、『Textures and Patterns Design Showcase』。テクスチャ&パターンデザインサイト集だ。 以下にいくつかご紹介。 » BgPatterns パターンを探したり作ったりして共有できるサイト » The Paisley Farmhouse 背景画像として使えるレトロなパターン。↑のキャプチャはこのサイト » Renegade Latino ダークなトーンの背景画像 » Uniquexports オンラインショップ用のパターン » Falko Seidel 古いセーターや内装の壁に見られるようなタイルデザイン » Soyrosa 背景画像として使えるストライプ その他のリストは以下から。 » Textures and Patterns Design Showcase テクス
Photoshopで作成するページレイアウトのチュートリアル集
ウェブページのレイアウトを作成するPhotoshopのチュートリアルの紹介です。 チュートリアルでは、PSDファイルをダウンロードできるものもあります（チュートリアルにより無料or有料）。
JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil... 次の記事 ≫：インターネット越しにWiiリモコンを操作できる「Wiimote-over-HTTP」 Dynamic Drive DHTML Scripts- Simple Tree Menu This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」。 次のようなHTMLがあったとすると、 <ul id="treemenu2" class="treeview"> <li>Item 1</li> <li>Folder 1 <ul> <li>Su
無料のWebデザインテンプレートがダウンロードできるサイト25選
Web 無料のWebデザインテンプレートがダウンロードできるサイト25選『Web Design Resource – 25 Sites to download Free Web Templates』 無料のデザインテンプレートが使いたい。 そんなあなたにおすすめなのが、『Web Design Resource – 25 Sites to download Free Web Templates』。無料のWebデザインテンプレートがダウンロードできるサイト25選だ。 以下にいくつかご紹介。 ↑のキャプチャはSix Shooter Media。 » StyleHoust » CssTemps » Open Designs » Studio 7 Designs » Solucija その他のリストは以下から。 » Web Design Resource – 25 Sites to download
[CSS]リスト要素をデザインするスタイルシートの実装集
noupeのエントリー「20+のリスト要素を装飾するスタイルシートのデモとチュートリアル」を紹介します。 CSS-Styled Lists: 20+ Demos, Tutorials and Best Practices <textarea name="code" class="html" cols="60" rows="5"> <dl class="dropdown"> <dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)" class="module">Recent Archives</dt> <dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)"> <ul> <li
[JS]入れ子の階層に対応した、多段型ナビゲーションのスクリプト集
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。
チェックボックス、ラジオボックスをオシャレに表示するJS:phpspot開発日誌
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ
シンプルにクールで使用感のよいボタンを作るサンプル: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が公開されています。 ボタン作成の際の１参考にできそう。
Ajaxのローディング時に使えるフリーGIFアイコン集『120+ Free Ajax Activity Indicator Gif Icons』 – creamu
Design Ajaxのローディング時に使えるフリーGIFアイコン集『120+ Free Ajax Activity Indicator Gif Icons』 Ajaxのローディング画像を探している。 そんなあなたにおすすめなのが、『120+ Free Ajax Activity Indicator Gif Icons』。Ajaxのローディング時に使えるフリーGIFアイコン集だ。 このエントリーでは、Ajaxのローディング時に使えるアニメGIFがたくさん紹介されている。 There are free and open source implementations of suitable frameworks and libraries. とのことで、オープンソースで無料で使える。 Ajaxのローディング時に使えるフリーGIFアイコン、チェックしてぜひ使ってみてはいかがだろうか。 今日は雨で
シンプルだけど、クールなデザインサイト集:phpspot開発日誌
シンプルだけど、クールなデザインサイト集を特集しているサイトがありました。 様々なシンプルandクールなサイトが紹介されています。 25 Beautiful Minimalistic Website Designs 25 Beautiful, Minimalistic Website Designs - Part 2 25 Beautiful Minimalistic Website Designs: Part 3 凝ったデザインよりも、高級感が出ているというかなんというか、実にうまくデザインされていますね。 シンプルだけど、かっこよくするというのはデザインになれた人にとって塩ラーメンのような難しさがありますね。 これは次回デザインを作るときの参考にしたいです。
Ajax画像イメージギャラリー＆スライドショーのまとめ7選 : 4GALAXYのメモ
15 24 08 2007 Ajax画像イメージギャラリー＆スライドショーのまとめ7選 Samples, Ajax 仕事で調べる機会があったので、実用的に使えそうな物をピックアップ Sample - Highslide JS サムネイルからポップアップで原寸表示ギャラリー、Keyboardからもコントロールできます。HTML、Flashの表示も可能 Sample - ThickBox 3.1 画像のほかにもHTML、IFRAM、INLINEコンテンツに対応しています。jQueryライブラリ使用。 Sample - Fading Slideshow 1ページ型 大きめの画像スライドショーなんかに良さそうです。prototype.js scriptaculous.jsを使用 Sample - JonDesign’s SmoothGallery 埋め込みスライドショー型 Sample
Yahoo! のウェブのデザインパターンの共有ライブラリ集
Yahoo! Developer Network から、ウェブ設計時のデザインパターンの共有ライブラリがPDFやPNGなどでダウンロードすることができます。 Download a Stencil Kit ダウンロードできるのはOmniGraffle、Visio、PDF、PNG、SVGとなっており、多種多様なデザインパターンがセットとなっています。 PDFでは、コードへのリンクも記載されています。 Ad Units Calendars Carousels Charts and Tables UI Controls Form Elements Grids Menus and Buttons Mobile - General Mobile - iPhone Navigation and Pagination OS Elements Placeholder Text Screen Resoluti
めちゃくちゃ格好よく画像を切り出す·Kropper MOONGIFT
これはぜひ一度お試しを。 写真の共有サイトなどでは写真のサムネイル画像を掲載することがよくある。だが全体を縮小してしまうと、その写真が何なのかはっきりしなくなってしまうのも確かだ。特に見せたい部分は限られた範囲であることが多い。 トップページ そんな問題を解決できそうなソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはKropper、アップロードした写真を掲載するソフトウェアだ。 Kropperは写真をアップロードするフォームしかないソフトウェアで、アップロードしてからが本領発揮だ。アップロードした画像と、切り抜く枠を表示し、画像から切り抜く場所を自由に設定できる。 切り抜き設定中 画像をドラッグで動かすことはもちろん、拡大/縮尺を使ってちょうどいいサイズに合わせることもできる。そしてちょうどいい場所に設定したら、Crop Imageをクリックするだけだ。これはあまりにも簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]指定したタグやクラスにツールチップを実装するスクリプト -UniTip
Photoshop ドロップシャドウいろいろ - DesignWalker
IDEA * IDEA
http://www.designwalker.com/seed/2007/07/%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%81%BE%E3%81%A8%E3%82%8110%E9%81%B8.html