413design blog

ホームページ制作のちょっとした疑問点やお役立ちツールを紹介しているサイト、ホームページ作成コミュニティ「ｂｌａｎｃメンバーズ」
こちらにあるＳＥＯ／ＳＥＭのカテゴリーで紹介されているHTMLの文法を採点するサイト「Another HTML-lint gateway」を私も以前から利用しています。
当ブログの親サイト「シイスリーデザイン」のトップページをAnother HTML-lint gatewayで採点してみました。
マイナスになってもわかりやすく説明がされているので、言われた通りにHTMLを修正していけば大丈夫。「たいへんよくできました(100点)」になるまで修正していけばいいのです。
本格的なSEO対策はなかなか大変なものですが、HTML構文を正しく書くことは基本中の基本ですから、まずはHTMLだけでもキレイな状態にすることをオススメします。

WEB上からテストできますが、Perlスクリプトもシェアウェアとして配布されています。
Another HTML-lint for Win
Another HTML-lint for MacOS

このほか、ホームページ制作の困ったはここ！初心者向けのコミュニティー「ｂｌａｎｃメンバーズ」

ステキなフラッシュのホームページ素材を配布しているサイトをみつけました。
Flashbucks

人気サイトのようなので、ご存じの方も多いのかもしれません。
プロのWEBデザイナーさんが作られているサイトでとてもセンスがよく、メニュー用のボタンやメッセージボード、ブログパーツとしても使えそうな時計や季節物のパーツなどがたくさんあります。
中でも私がお気に入りなのはフォトアルバム。現在10点ものデザインが用意されていますが、「フォトアルバム11」なんかはいつかまた写真サイトをやるようなことがあれば是非使わせていただきたいです。
ただ、私の環境で見ると下のサムネイルのスクロールスピードが速くて感度も良くないみたいで、見たい写真にマウスを合わせることがちょっと難しい。自分で作るならばその点と、写真のサイズをもっと大きくしたいななどと思ったりもしますが、写真を撮ることに専念したい場合なんかはこうした配布素材をサクッと使わせていただけると助かりますよね。
ブックマークしておきたいサイトです。

お客様から「リンク先を別ウィンドウで開くというのはどうなんでしょうか」との質問をいただいた。
個人の好みから言えば、私はもともと別ウィンドウが立ち上がるWEBサイトは嫌いで、以前からタブブラウザを使用しポップアップウィンドウは開かないように設定しています。

結論から言うと、インターネットの方向付けをしているW3Cという機関では、この行為を非推奨としています。
W3Cアクセシビリティガイドライン（日本語訳版）では、
「ユーザ・エージェントを使って、ユーザが新しいウィンドウを開かないよう設定できるようになるまで、ユーザへの告知なしに、ポップアップなどの別ウィンドウを開いたり、使用中のウィンドウを変更したりしない。」
という[優先度2]の勧告をしています。

Favicon(ファビコン)というのは、FavoriteIconの略で、サイト(ホームページ)独自のアイコンのことです。
InternetExplorerやSafariといったインターネットブラウザの「お気に入り」とか「ブックマーク」に登録したサイト(ホームページ)のURLや名称の横に表示されるアイコン。(↑画像参照)
拡張子「.ico」のいわゆるアイコンは、Windows標準のフォーマットで、Macで使えるアイコンエディターもなかなか無く、これを作成するのは結構面倒くさいものです。

速習Webテクニック スタイルシート 上級レイアウト

スタイルシートの教則本で、現在amazonにて3番目に売れている本です。
2,919円と少しお高いのですが、購入者のレビューを読んでも評判がよいので、私も買ってみました。
でも。あんまり必要なかったかも。。。

今日日のウェブデザイナーは、マクロメディアのDreamweaverを使う人が大半だと思いますが、Dreamweaverを使えば感覚的にスタイルシートでレイアウトを組むことが出来るし、やはり書籍で学ぶよりも経験が大事。特に私のような感覚人間&マニュアル嫌いな人は、いろんなデザインを実際にレイアウトしてみるしかないのだろうと思います。

今、女性向けの商品を扱うホームページを制作しています。
洋服とかアクセサリーとか化粧品とか。これまでにもいろいろやりましたが、商品写真の大きさって大事だなと思う。
もちろん写真のクオリティもあるけれど、案外ネットショップというのはポスターのようなデザイン性のあるキレイな写真よりも、使い勝手が伝わってくるような親近感のある写真の方が良かったりもする。
特に女性向けの商品を扱うホームページでは、写真は要とも言うべきもの。難しいところです。

できる100ワザ SEO & SEM 集客も売上もアップするヤフー!・グーグル対策

SEO対策とかSEMとか騒がれるようになったのはここ3〜4年くらいかなと思う。
最近ではお客様の方から「画像にはALTタグを○○○(商品名)と入れてください」などと言われることもあるのだけど、SEO対策を本気でやるとなるとサイト丸ごと見直さなきゃならないってことまでは理解してもらえてないようだ。
HTMLやCSSなどのテクニックだけで対策できるわけではなく、キーワードの見直しからページ中の文章まで見直さなくちゃならないので、原稿やコピーを書く人にもSEO対策の知識が必要になる。しかも、その効果を確認しながら対策していくので、ある程度時間もかかる。

プロとして恥ずかしくないスタイルシートの大原則
こんなのも買ってみました。まだ到着しませんが。

そうなんです。最近ちょっとやる気満々なんです。やはり秋ですね。

ブログってデザイン性に欠けるし、オリジナリティも乏しくて、自分の中ではあんまり発展してほしくないwebデザインのカタチだったけど、ブログを始めてかれこれ2年になろうかという最近になって、その意識はすっかり塗り替えられた。

手帳を持たなくなった昨今。
昔は手帳を日記代わりにして、ぎっしり思い出を記録していた人も少なくないと思うけど、ブログって、手中に納まるノートみたいって思う。
でもやっぱり、デザインはつまらないんだよなぁ。どのブログも似たり寄ったりだし。

ココ（WONDER FROM MY NEST!）も人様の作ったテンプレートをほぼそのまま使っているわけだけど、まだまだブログのデザインに特化しているデザイナーって少ないように思う。
可能性が多方面にあるから、まだ集約されてないだけなのかもしれないけど。

そんなこんな考えながら、トライしてみた私のオリジナルブログはコチラ。
どうぞ見てやってください。

http://www.geneye.com/flashmt/archives/000194.html
↑fulflashのブログとか、増えてくるのかもな。

■FLASHとブログの連動に関する情報提供サイト
http://fxb.jp/

左から
●Flashでデザイン 差がつくBlogサイトの作り方／原 一浩
●Movable Typeスタイル&コンテンツデザインガイド?コンテンツ管理システム(CMS)ツールとしてのMovable Type活用術&実践サイトデザイン術／エ・ビスコム・テック・ラボ
●ブログ自由自在 Movable Type 上級カスタマイズ術／藤本 壱