プロのウェブデザイナーが作ったWordPressテーマを無料配布しています。なお、本ページはプロモーションが含まれています。

便利に使えるシンプルクリップアート｜背景透明の無料アイコン 会員登録不要でダウンロード頂けます。｜欲しいアイコンが見つかります。 永久に無料ですので安心してご使用ください。サイト制作・ブログの挿絵

Deziner Folioから、ボタンやパネルなどの背景にも最適な220個のPhotoshopのレイヤースタイルを紹介します。 220 Amazing Free Photoshop Layer Styles レイヤースタイルは、以前当サイトでも紹介した「Ultimate Web 2.0 Layer Styles」のバージョンアップ版で数も130個から220個へ増えています。 参考：グラデーションをマスターするためのPhotoshopのチュートリアル集 Ultimate Web 2.0 Layer Stylesでは、下記のボタン画像のサンプルが掲載されています。

Web Resources Depotのエントリー「ハイクオリティな30+のフリーのベクター素材」からいくつか紹介します。 30+ High Quality And Free Vector Object Sets

画像の切り替えはフェード、サムネイルはスライドするアニメーションで動作する画像ギャラリーの超軽量（5KB）のスクリプトをLeigeberから紹介します。 ※jQueryなどの他のスクリプトには依存していません。 Animated JavaScript Slideshow - 5KB demo デモでは画像の切り替えがフェードで行われ、タイトルとキャプションがスライドして自動で表示されます。 サムネイルは左右にスムーズにスライドします。 各タイトルとキャプションと画像のセットはリスト要素で、それぞれh3, p, imgで実装されており、スクリプトオフ時にはリストの状態で表示されます。 スクリプトのオプションでは、スピード、不透明度、カラー、オート・手動、ダイアログの有無などが調整できます。 動作環境は、Fx, IE, Op, Safari, Chromeとなっており、IE6でも動作しました。

スクリプトオフやスクリーンリーダーでも情報入手に支障がないように設計された、アクセシブルなパネルを開閉するスクリプト「jQueryFAQ」をCSS Tricksから紹介します。 Dynamic FAQ Page demo デモでは、Q&A形式のパネルがdl要素で実装されており、それぞれのパネルは「answer」をクリックするとスムーズに開閉します。 スクリプトのオフ時、スクリーンリーダーの使用時にも情報入手には支障がないように設計されています。 jQueryFAQはjQueryのプラグインのため、実装にはjquery.jsが必要です。 Q&AなのにFAQなのは、気になるところです。

jQueryなど他のスクリプトに依存せず、シンプルなタブコンテンツを実装する超軽量（5KB）のスクリプト「SimpleTabs」を紹介します。 SimpleTabs タブとパネルは、それぞれリストとdiv要素で実装されています。 タブとパネルの対応は実装の順番通りになるため、IDなどでのコントロールは不要となっています。 また、ブラウザのクッキーを利用して、最後にアクティブにされたタブを保存し、再アクセスした際にそのタブをアクティブにします。

ニュースなど複数のコンテンツを配置したパネルがスムーズにスライドする、アクセシブルで軽量（3KB）なスクリプト「Accessible News Slider」を紹介します。 Accessible News Slider demo パネルはリスト要素で実装されており、テキストリンクと画像リンクでスムーズにスライドし、「view all」をクリックするとパネルの全内容を表示します。 「view all」でパネルの全内容を表示 また、アクセシビリティにも配慮されており、WCAG 1.0のアクセシビリティの必要条件を満たして実装しているとのことです。 スクリプトやスタイルシートのオフ時は下記の表示になります。

画像をスムーズにスライドする、シンプルなカルーセルの軽量（2KB）スクリプトをGANESHから紹介します。 jCarousel Lite demo jCarousel Liteは、jCarouselにインスパイアされ、機能をシンプルにしたものとのことです。 カルーセルさせる画像はリスト要素で実装されており、前後に「prev」「next」ボタンが配置されています。 オプションでは、スライドのスピード、初期の表示位置などを調整することができます。 jCarousel LiteはjQueryのプラグインのため、実装にはjquery.jsが必要です。

CSS newbieから、divで囲んだ高さの異なるカラムを同じ高さに揃えるスクリプト「Equal Heights」を紹介します。 The EqualHeights jQuery Plugin demo 標準の設定では一番高さのあるものに揃えますが、オプションでMIN/MAX値の指定が可能です。 MAX値をオーバーした場合はスクロールバーが表示されます。

Fences- By Stardock - Clean up your desktop clutter これは必見！Fencesでデスクトップを分かりやすく超効率化する。 デスクトップにアイコンが全くない、という人は別ですが、個人的にデスクトップにアイコンが散らばっています。 これをうまくソフトでカテゴライズできないかと数年前から思っていましたが、求めていた物があったようです。 以下、見ていただければ分かるように、デスクトップのアイコンをカテゴライズできてしまいます。 早速インストールしてみました。日本語も問題なく通ります。 次のように、アイコンをカテゴリごとにグループ化できました。 単純にフェンス上にアイコンをドラッグするだけでＯＫ。 グループの一括ドラッグで移動することも出来るし、グループやアイコンの上に重ねて置くことも可能。 リサイズも右端をドラッグして簡単に行える グループを右クリ

DVDからリッピングしたISOファイルやVIDEO_TSフォルダを指定して、動画を簡単にMPEG4形式に変換できるソフト。 DVDからリッピングしたISOファイルやVIDEO_TSフォルダを指定して、動画を簡単にMPEG4形式に変換できるソフト。変換の際に使われるコーデックは、定番であるDivXやXvidだけでなく、最近注目を集めているH.246にも対応している。 iPodやPSPなどPC以外の機器に向けたプリセットも用意されており、再生環境に合わせた動画ファイルを作成することができる。もちろん手動でのビットレートやサイズを指定することも可能だ。

「カーソル兄弟」は、通常のマウスカーソルとは別にもう1つのマウスカーソルをデスクトップ上へ表示し、任意のタイミングで切り替え可能にするタスクトレイ常駐ソフト。Windows 2000/XP/Vistaに対応するフリーソフトで、作者のWebサイトからダウンロードできる。 起動すると、デスクトップ上に赤いカーソルが新たに表示される。赤いカーソルは、表示された位置に固定され、直接このカーソルを操作することはできないが、マウスのホイールボタンをクリックすることで、通常のカーソルと赤いカーソルの位置を入れ替えることが可能。 たとえば、デュアルモニター環境などで広範囲に渡ってカーソルを移動させる必要がある場合に、メインモニター用とサブモニター用とでカーソルを分けて使えば、大幅にカーソルの移動距離を削減できて便利。 また、タスクトレイアイコンの右クリックメニューから本ソフトの機能をON/OFF可能。さら

フリー写真素材として使える無料風景画像を3000枚ダウンロードできます。著作権フリー画像に相当し、あらゆる用途に自由に利用できます。 3000枚のフリー写真素材集 ようこそ 日本・海外旅行などでデジカメ撮影された写真素材をフリー(無料)で3000枚配布しています。 風景の写真がメインで、「外国の観光名所(世界遺産都市)、日本の街中の風景、自然風景」などの高解像度画像があります。 著作権フリーに相当し、無料で「デスクトップ壁紙、Web・ホームページ、背景・イメージ、印刷(年賀状)、商用」等に使えます。 ダウンロードできる種類 A.未加工写真：高解像度、中解像度、サムネイルの3種類があります。 B.デスクトップ壁紙：ご使用中のディスプレイ用に自動サイズ変更されたフォトを生成できます。 C.のべ30万枚以上の画像素材：「フレーム追加、イラスト化、バナー変換」等、100種類以上に1クリック編集でき

「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております！

風景写真などに美しい虹を架けられる、虹合成専用のレタッチソフト。初心者でも簡単にリアルな虹を合成できるのが特長。たとえば年賀状に使う富士山や日の出、旧友へ送る結婚報告の写真画像などに虹を架け、おめでたい雰囲気を演出するのもいいだろう。基本的な操作は、赤い枠で強調表示されるボタンやオプションを順に設定していけばよいので、わかりやすい。まず元の画像を読み込み、プレビューを見ながら虹の大きさ、太さ、位置、左右の端点をスライドバーで決める。続いて［ぼかし］ボタンを押すと、くっきりしていた虹がリアルな感じにぼけていく。さらに好みで透明度を下げると、より自然な印象に調節できる。ただし、ぼかし処理は重いため、ぼかしたあとで虹の大きさや位置などを修正したい場合は、ぼかしを一旦OFFにするのがいいようだ。気に入ったところで［合成実行］ボタンで固定すれば、続けて複数の虹を架けることもできる。 【著作権者】趣味

サムネイル画像生成スクリプト（自動生成）やPHPのインストールから実用サンプルについての専門誌記事をまとめました。 ～出典：2005年11月1日　日経ソフトウェア～ PHPの新技術とは 雑誌や書籍での新技術紹介と，現場の間には，おそらく1年余の開きがあります。現場は皆さんの想像以上に手堅いのです。「新技術」と呼ばれているうちには，そうそう使用にゴーサインが出ません。これは裏を返すと「PHPの勉強に出遅れた！」と思っている人にも，まだまだ余裕はあるということでもあります。 準備編:環境を導入する 今回の学習に必要なのは次の3点です。 ・パソコン ・Webサーバー・ソフト ・PHP Webサーバー Apache Webサーバー・ソフト（以降，単にWebサーバーと呼びます）はブラウザからの問いかけに対して返事をするサーバー側のソフトウエアです。WebアプリケーションでPHPを使うときはWebサー

クロスブラウザ対応の、軽快に動作するタブコンテンツを実装するスタイルシートをCSSplayから紹介します。 Cross browser tabbed pages with embedded links version 2 demo タブで表示される各パネルはリスト要素で実装されており、テキストや画像、リンク要素などを配置できます。 タブの高さは、固定タイプと可変タイプの2種類あり、固定タイプではスクロールバーで領域内に表示します。 また、デフォルトでタブ箇所のみの表示で、マウスをフォーカスするとパネルが表示されるタイプもあります。

皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応

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.

グラデーションを使用したアローでデザインされた、シンプルでクールなパンくずのスタイルシートをVeerle's blogから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="crumbs"> <li><a href="#">Home</a></li> <li><a href="#">Main section</a></li> <li><a href="#">Sub section</a></li> <li><a href="#">Sub sub section</a></li> <li>The page you are on right now</li> </ul> </textarea>