ウェブデザイナーのおぼえがき

最近よく使う無料素材サイト。アイコンから背景素材、無料写真素材集を厳選。


アイコン系


無料アイコンの検索サイト　Icon Seeker（サイズ指定もできる）


無料アイコンの検索サイト　Iconfinder（サイズ指定もできる）


背景素材


背景画像やバナーのストライプを自動で作成してくれるサイト　Stripe Generator


写真素材・イラスト素材系


日本のホームページ無料素材集 アウェイクイメージーズ


日本サイト　ホームページ素材お助けマン（数多いです）



最近ではかなりクオリテイーの高い素材も無料で手に入るようになってきました。ぜひ活用したいですね。

>>他のWebデザインブログも見る

友人のパソコン（dell inspiron1545　デル インスピロン1545 OS：ビスタ）を買ってソフトをインストールしたのですがインストールはできてもソフトが起動しない。

原因はアプリケーションエラー。
アプリケーションを正しく初期化できませんでした(0xc0150004) というもの。



デルに電話してもOSの再セットアップを薦められるだけ…　試しにリカバリしましたがダメでした。

調べていくとどうやらntdll.dllエラーでひっかかっているようで、Application Error 0xc0150004 というエラーのようです。
http://en.community.dell.com/forums/t/19280289.aspx

互換モードやmsconfigでセーフブートやサービス無効を試してみるが一向に起動しない。

最終的にマイクロソフトの問題で JPN (vcredist_x86.exe) というファイルをダウンロード、実行して解決しました。

下記から　JPN (vcredist_x86.exe) をダウンロードできます。

http://code.msdn.microsoft.com/KB961894/Release/ProjectReleases.aspx?ReleaseId=2067

同様の症状でお困りの方はお試しください。

>>他のWebデザインブログも見る

普段何気なく使っているHTMLタグやCSSの記述単語ですが、同じ会社の社員でも発音が違うことがありますよね…　一般的に間違った発音で覚えられることも多い単語を集めてみました。


width（幅）正しい発音：ウィドゥス、ウィトゥス
（よくある発音　ワイズ、ウィズ、ウィツ）

height（高さ）正しい発音：ハイト
（よくある発音　ヘイト）

embed（プラグイン埋め込み）正しい発音：エンベッド、インベッド
（よくある発音　エムベッド）

li（リスト）正しい発音：エルアイ、リスト
（よくある発音　リ）

align（配置指定）正しい発音：アライン
（よくある発音　アリジン、オリグン）

valign（配置指定）正しい発音：ブイアライン
（よくある発音　バリグン、バライン）

alt（代替テキスト）正しい発音：オルト
（よくある発音　アルト）

col（カラム）正しい発音：カラム
（よくある発音　コル）

href（リソース）正しい発音：エイチレフ
（よくある発音　ハレフ、ハーフ）


人に意味が伝わればいいはなしなのであまり厳密にしなくていいと思いますが参考までに。

>>他のWebデザインブログも見る

いろいろSEO対策をしても結局たどりつくところがこのガイドラインだ。どんな検索エンジンもユーザーにとって最適のコンテンツを検索結果に表示しなければ意味がない。小手先だけのSEOを施したサイトが上位に表示されては検索エンジン側は非常に困るわけだ。

SEO対策にもいろいろある。もちろんその時々で効果的なSEOは存在するが、結局のところユーザーに好まれるコンテンツを提供するサイトが生き残っていくと思われる。それが検索エンジンの目指すところだからだ。

そこで今一度原点に戻って各検索エンジンのサイトの品質ラインを確認してみるのは良いことだろう。下記に各検索エンジンのガイドラインを列挙したので私も含めよく精通したいと思う。


Yahoo!検索コンテンツ品質ガイドライン


Google ウェブマスター向けガイドライン


MSN コンテンツガイドライン


W3C ウェブコンテンツ・アクセシビリティ・ガイドライン

>>他のWebデザインブログも見る

意外と忘れがちなサイトマップの更新…

とてももったいない話ですがサイトマップ（sitemap.xmlなど）をサイト立ち上げ時に作ったものの一度も更新していないといった話をよく聞きます。それではせっかく新しいページを作っても検索ロボットが見つけてくれない可能性もあります。

検索ロボットも一度にサイトの全ページを閲覧しインデックスするわけではなく一度の訪問で数ページほどしかインデックスしません。その際に新しく追加したページも見つけてくれればそれでいいですが同じページを見ている可能性もあります。

SEOの観点からみても新しくページを作成した時はサイトマップも更新するのは大切です。簡単にサイトマップを作成できるツールを紹介します。

SEO対策/FC2サイトマップ
http://seo.fc2.com/sitemap/

ここのＵＲＬを入力すれば自動で生成してくれます。作成時にYahoo!やGoogleなどにどのページがインデックスされているかも確認できるので便利です。まだサイトマップを作成していない方は簡単なので作成して見てくださいね。

>>他のWebデザインブログも見る

SEOで参考にしたい生の情報は大きく分けて2つある。それは検索エンジン側の生の声とユーザーの生の声だ。やはり両者の声を聞き合わせた上でこそSEOがなりたつだろう。そこで両者の意向の参考にいくつかのサイトを紹介したい。



検索エンジン側の生の声


Yahoo!検索スタッフブログ

Yahoo!検索の動向や開発背景など


Google Japan Blog

Googleの開発者の声

これは検索エンジンの生の声にあたる。関係者でなくても一度は見たことがあるブログかもしれないが、アルゴリズムの変更やインデックスの傾向などが逐一報告されるので定期的にチェックしたいサイトだ。中途半端なSEO情報に左右されるよりは、まずはこちらで検索会社の動向を見極めたい。



ユーザーの生の声


Google急上昇ワード

キーワードトレンド情報の中でもひときわ更新が早い！


Yahoo!検索ランキング

前日に比べて検索数が急増したキーワード


MSN 気になる言葉

livedoor 検索おすすめ！注目ワード - livedoor検索

キーワードランキング - goo ランキング


いわゆる各種検索サイトのキーワードのトレンド情報だ。ただ単に検索数の多いキーワードではなく”急”上昇のキーワードだ。ユーザーが何を求めているのか、時宜にかなった旬のキーワードを直接探れる。同じように他の検索エンジンにも同サービスのページがあるので逐次チェックしたい。

>>他のWebデザインブログも見る

無料素材は海外のサイトの方が質がよかったり、利用規制があまりないように思われます。とはいえ日本のサイトで海外の素材を使うとちょっと異国情緒なデザインになりがち…

そこで私がブックマークしている日本の無料素材サイトで質の高い素材を提供しているサイトを厳選。



ホームページ無料素材集 アウェイクイメージーズ

無料の写真素材の数が多く、クォリティーの高い写真が多いです。また背景素材なども実際に使えそうなものが多いです。




everyday icons

写真以外のアイコン等を多く取り揃えています。

>>他のWebデザインブログも見る

先日から新しいワードプレス2.7を使い始めました。
無料のワードプレスのテーマをたくさん見つけたのでアップしておきます。（ほとんどが無料です）



プレミアムワードプレステンプレート無料50個


50 Free & Premium WordPress Themes


ベストフリーワードプレステンプレート2008


Best Free WordPress Themes in 2008


コーポレートサイト　ワードプレス無料テンプレート20


2008　20 Free Corporate WordPress Themes

>>他のWebデザインブログも見る

親要素のブロック内の左右にfloat（フロート）させたブロックを配置した場合、子要素内のmargin（マージン）が反映されない場合の対処法。

このように記述した場合marginが表示されない場合がある。（IE6や7では反映されるがfirefoxやsafari、IE8では余白ができない）
<div style="margin-bottom:20px;"> <div style="height:500px;float:left;"></div> <div style="height:500px;float:right;"></div> </div>

これはCSSの正しい処理です。子要素がフロートつまり親要素から浮いてしまっているからだ。

この場合マージンを設定したい場合。
<div style="margin-bottom:0px;"> <div style="height:500px;float:left;margin-bottom:20px;"></div> <div style="height:500px;float:right;margin-bottom:20px;"></div> </div>
上記のように子要素にmarginやpaddingを記述するとマージンがとれる。

>>他のWebデザインブログも見る

画像にaltを指定して代替テキストを入れた場合、IEなどで画像にマウスをのせると代替テキストが表示されてしまいます。
altは入れたいけど表示させたくないときの対策。

<img src="01.jpg" alt="画像1" title="" /> 　
このようにtitleを入れ中を空にすると代替テキストは表示されなくなります。

>>他のWebデザインブログも見る