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.

jQueryを利用してアコーディオンを用意するサンプルです。使い勝手がよいようにシンプルな作りにしました。見出しをDT、中身をDDとして記述するため、HTMLのマークアップ的にも悪くないはずです。見た目はスタイルシートで自由にカスタマイズできます。 ひとつめ 中身は何でも可。 ふたつめ みっつめ YouTubeで見かけたにゃんこ。 導入方法は簡単です。まずはHEAD要素内に以下の行を追加してjQueryを利用できるようにします。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> ここではGoogleからjQueryを読み込んでいますが、自分のWebサイトにjQueryを置いて、それを読み込ませるようにしても問題ありません

ページカールをプロっぽくする処理 ページの背景部分を描きます。 いきなりページのめくれ部分を作成せず、めくれた部分の背景部分の図形を描きます。 ペンツールを選択し、上記のような三角形を描きます。 次に、その三角形にアンカーポイントを追加します。ペンツールで任意の位置にワンクリックすれば、アンカーポイントを追加することができます。アンカーポイントが追加できたら、ダイレクト選択ツール（白矢印）に持ち替えて、頂点部分を選択します。選択後、ビューと下に伸ばします。結果的に下記のようになっていれば良いかと思います。 ページのめくれた部分を描きます。 今作成した三角形（変形）を枠の左上に配置し、その線に沿うように、ページのめくれた部分をペンツールで描いていきます。この時、始点を上記のあたりから始めて、手順1の三角形（変形）とうまくなじむようにめくれ部分を描くのがプロっぽく見えるポイントではないかと思い

These lovely water-colorful dots will make your designs pop...

DTPの勉強部屋、PAGE2010などのセミナーでご紹介した、立体的な文字を作るチュートリアルです。 ロゴやその他に、わりと使いどころはあるんじゃないでしょか。 先ずは準備。書類のモードはRGB、単位はピクセルに設定します。 まず文字。このチュートリアルでは数字の6でいってみましょう。 Myriad Pro、Semibold、300ptです。色は仮に#CCCCCCに指定。 これに　効果 > 3D > 押し出し・ベベル　で3Dの効果をつけます。 それぞれ上から　-30° / 18° / 4° 押し出しの奥行き：54pt　表面：陰影なし　を選択します。 オブジェクトメニュー > アピアランスを分割　で、効果をオブジェクトに変換し、全部をグループ解除しておきます。 分割されてしまっている同じ面を、それぞれ選択して、パスファインダで合流します。 全部ひっくるめて選択し、0%:#8CC63F > 1

以前にもUIデザインやワイヤーフレームに便利なデザインキットをまとめたエントリーをご紹介しているのですが、新しいフリー素材がたくさん公開されていましたので、再度まとめることにしました。 海外デザインブログSpeckyboy Design Magazineで、モバイルやウェブサイトのUIデザインで使えるPhotoshop用デザインキットを30個まとめたエントリー「30 Fresh Web UI, Mobile UI and Wireframe Kits」が公開されていたので、今回はご紹介します。 iPhoneやAndroidなどのスマートフォンやiPadなど忠実に再現したPSDファイルや、思わずクリックしたくなるようなボタン、UIデザインなど利用することで制作時間の短縮になるアイテムが揃っています。 まだ確認していないデザイン素材キットがないか確認してみてはいかがでしょう。 詳細は以下から。

タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>

ウェブデザインのインターフェイスからロゴデザインやビジュアルなど、インスピレーションやアイデアを探してる時に利用したい便利なサイトを紹介します。 Visual Heap [ad#ad-2] Visual HeapはDribbbleやCreatticaなどのサイトから最新のアイデアを集めたポータルサイトで、Visual Heapのサイト自体のインターフェイスも面白い作りになっています。 レイアウトは各サイトの作品が横にスライドするもので、各作品をクリックすると縦にスライドしその作品を表示します。