Webデザイナの為のオンラインで使える無料のCSSエディタ10選

私は普段、Dreamweaverで作業を行いますが、お客様先など自分の環境とは違うところで作業をしなければならない時、テキストエディタだけだとCSSのレイアウトの確認まで出来ず、どうしても効率が悪くなってしまいます。
Resourcesでは、Top 10 Free Online CSS Editors For Web Designersと題したオンラインで使える無料のCSSエディタを紹介しています。
シンプルなものから高機能なものまで揃っていますので、用途に合わせて使い分けてもいいかもしれません。

1.CSS Type Set

日本語解説:プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」

Continue reading

無料で使える30の写真素材配布サイト

このページは、2010年に作成されたページで、いささか情報が古いです。下記に最新の写真素材配布サイトの一覧がありますので、どうぞそちらをご覧ください。

WEB制作に役立つ写真素材配布サイト一覧(66サイト)

フリーの写真素材が見つかるサイトを集めました。
サイトによっては、LinkBackが必要なものがありますので、使用条件については各サイトをご覧下さい。

stockvault

Continue reading

WEBサイト運営者と開発者の為の114のSubmit Link一覧

letscounthedaysでは、Where to Submit Your Web Design and Development Newsと題して、WEBデザインや開発したツールなど、アウトプットした情報を効果的にアピールする為のコミニュティをページランク付きで紹介しています。被リンク獲得の一助となるものもありますので、該当するカテゴリーを見つけて有効に活用してはいかがでしょうか。

Where to Submit Your Web Design and Development News
WEBデザインやツールなどをアピールする為のサイトを紹介しています。

Continue reading

Webデザイナーに役立つオンラインツールTOP10

tripwire magazineでは、CreatelyのDesign & Marketingチームが愛用しているオススメのオンラインツールを紹介しています。インターネットさえあれば、全て無料で使えますので、ご存知でないものがあれば一度試してみては如何でしょうか。

Top 10 on-line tools for Web Designers
Webデザイナーに役立つオンラインツールを紹介しています。

■Iconfinder

フリーで使えるアイコンを検索できるアイコン検索専門サイト。

Continue reading

CSSを使って、シークレットなメッセージを表示させる方法

CSS3を使って、本文に秘密のメッセージを隠す方法をご紹介します。
ただし、この方法は、InternetExploreではCSS3の1部の機能しかサポートしていませんので機能しません。

理屈は簡単で、<span></span>の背景色をselectionタグを使って文字色と同化させているだけです。

p::selection { background:#000;color:#000; }
p::-moz-selection { background:#000;color:#000; }
p span::selection { background:#fff;color:#000; }
p span::-moz-selection { background:#fff;color:#000; }

htmlの<p></p>の中に文章を入れて、その中の隠したい文字の部分を<span></span>で囲んで下さい。

<p>こんにちは、しぶりびです。
最近、<span>かちびと.netの中の人</span>とお会いする機会が多くなりました。</p>

サンプルはこちら
文章をすべてドラッグすると隠されたメッセージを見る事が出来ます。

Continue reading

不動産業者向けのフリーのテンプレートいろいろ

不動産関連のお客様よりサイト制作のご発注を頂いたのですが、予算はともかく、希望の納期が極端に短いため既存のテンプレを使用することになりました。ネットでいろいろと探してみると結構な数が見つかりましたが、驚いた事にフリーの中にも良いものがいくつかありまして、結果的にはフリーのものをカスタマイズして使用することになりました。

BeautufulLifeでは、15 Best Free Real Estate Templatesと題して、不動産業者向けのフリーのテンプレートを紹介しています。デザインに優れたものだけ厳選していますので、家具やインテリアなどその他の業種にもカスタマイズ出来そうです。

15 Best Free Real Estate Templates
不動産業者向けのフリーのテンプレートを紹介しています。

Free Flash Real Estate Template Black

Continue reading

1ページだけのWEBサイトいろいろ

サイト制作のご依頼を頂いた際、お客様の業務やサービスが多岐にわたっていない場合は、我社ではシングル構成のサイトを作る事が多いです。これだと手間もかからずコストも抑えられので、かなりの低予算で構築できます。ただし、SEOの問題やコンテンツの大幅な増加には耐えられないので、注意が必要ではありますが。

D-Listsでは、One Page Websitesと題して、1ページだけのWEBサイトが沢山紹介されていましたので、その一部を紹介いたします。

One Page Websites
1ページだけのWEBサイトが沢山紹介されています。

Jeffrey Wong

Continue reading

WEBデザインのトレンド的な考察・2010年4月

Enrim Design Blogにて、Web Design Trends, April 2010と題された記事が掲載されていました。記事の内容は、WEBデザインのトレンド的な考察ですが、これは、統計的なものではなく筆者の直感的な考察となっています。

※下記記事は意訳です。細かいニュアンスなどお伝え出来ないことをお詫び申し上げます。

Web Design Trends, April 2010
WEBデザインのトレンド的な考察・2010年4月

背景とボタンの間には、ハイコントラストで斜めのグラデーションが入る

Continue reading