<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>WEB制作会社 マーキュリーシスコム スタッフBLOG</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/" />
   <link rel="self" type="application/atom+xml" href="http://www.mercury-sys.com/blog/atom.xml" />
   <id>tag:www.mercury-sys.com,2008:/blog//1</id>
   <updated>2008-11-20T01:22:44Z</updated>
   <subtitle>WEB制作会社 マーキュリーシスコムの知的好奇心実験室 - Mercury&apos;s backyard -</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.1</generator>


<entry>
   <title>GoogleのSEOスターターガイド</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/11/googleseo.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.588</id>
   
   <published>2008-11-20T01:14:50Z</published>
   <updated>2008-11-20T01:22:44Z</updated>
   
   <summary>11月に入ってからGoogleのオフィシャルブログでSEOの基礎を解説するスター...</summary>
   <author>
      <name>iseki</name>
      
   </author>
   
      <category term="013WEBニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[11月に入ってからGoogleのオフィシャルブログでSEOの基礎を解説するスターターガイドが配布され、多くのブログで取り上げられています。

「<strong>SEOって何？</strong>」という人向けに簡単に説明しますと、
ホームページというのは星の数ほどあり（日本だけで約4千万サイト）、せっかく素晴らしいホームページができても誰も訪れてくれない・・・という状況はよくあることです。
その状況を改善するため、より多くのお客様がホームページに来ていただけるように分析し最適化を行うのがSEO（Search Engine Optimization　検索エンジン最適化）と呼ばれるものなのです。

以下、GoogleSEOスタータガイド関連を取り上げているサイトをピックアップしてみましたので、SEOの知識がある・興味がある人は訪れてみてください。

]]>
      <![CDATA[■Googleスターターガイドの「30のやってはいけない事」
<a href="http://seofromusa.com/google-seo-tips/google-starter-guide-30/" target="_blank">http://seofromusa.com/google-seo-tips/google-starter-guide-30/</a> 
だいたいは以前からあちこちで目にする内容ですが、
＞28文章を画像で表現する。画像の中の文章を検索エンジンは読み込めない。

これについてはGoogleは、OCR技術によってPDF内の画像文字もインデックスされるようになったと最近発表していますので、何かしら今までとは違う動きが見られそうですね。

■GoogleのSEOスターターガイドの翻訳
<a href="http://www.socialmediamarketing.jp/2008/11/google-seo-starter-guide.html#uniquetitle" target="_blank">http://www.socialmediamarketing.jp/2008/11/google-seo-starter-guide.html#uniquetitle</a><br />
 ＞してはいけないこと
＞１．すべてのページ、もしくはたくさんのまとまったページを同じタイトルにすること

わかってはいるのですが、なかなか対応するのが難しい場合もあります。

■Google's SEO Starter Guide（英文）
<a href="http://googlewebmastercentral.blogspot.com/2008/11/googles-seo-starter-guide.html" target="_blank">http://googlewebmastercentral.blogspot.com/2008/11/googles-seo-starter-guide.html</a> <br />
以上、SEOニュースでした。]]>
   </content>
</entry>

<entry>
   <title>Adobe Creative Suite 4　出ました！！</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/11/adobe_creative_suite_4.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.587</id>
   
   <published>2008-11-12T01:13:47Z</published>
   <updated>2008-11-12T01:22:56Z</updated>
   
   <summary>スピードと効率性の向上、ワークフローの簡素化、などなどが協調されている 『Ado...</summary>
   <author>
      <name>saito</name>
      
   </author>
   
      <category term="013WEBニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[スピードと効率性の向上、ワークフローの簡素化、などなどが協調されている
『Adobe Creative Suite 4』（CS4）がついに日本版が出ました！

製品リリースは2008年12月中旬を予定。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="cs4.jpg" src="http://www.mercury-sys.com/blog/cs4.jpg" width="468" height="322" class="mt-image-none" style="" /></span>

<a href="http://www.adobe.com/jp/products/creativesuite/">Adobe - Creative Suite 4ファミリー　詳しくはこちら</a>
<a href="/blog/2008/06/dreamweaverfireworks_cs.html">Dreamweaver,Fireworks CS4ベータ版登場！！の記事はこちら</a>]]>
      
   </content>
</entry>

<entry>
   <title>札幌→東京　出張です！</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/08/post_88.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.586</id>
   
   <published>2008-08-13T06:25:42Z</published>
   <updated>2008-08-13T08:54:42Z</updated>
   
   <summary>札幌支社の齊藤です。 8月6日～10日まで東京本社に出張で行ってきました！ ...</summary>
   <author>
      <name>saito</name>
      
   </author>
   
      <category term="240その他" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[札幌支社の齊藤です。
8月6日～10日まで東京本社に出張で行ってきました！

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="20080809123222.jpg" src="http://www.mercury-sys.com/blog/20080809123222.jpg" width="320" height="240" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></span>]]>
      夏に東京に行くのがはじめてだったので、
暑さが苦手な自分が耐えられるか心配でしたが、
実際行ってみると、想像以上の暑さで、
『これこそが夏！！』なんだと思いました。

今年の北海道は、涼しい日が続いているので、
東京で夏を感じることができて良かったです。

それから、ご挨拶やお打ち合わせ等で、
電車に乗ったり、街中を歩いていると
看板の大きさ、デザインされた広告、
そして、人の多さなど、色々なものが目に入ってきました。

以前東京に行った時は、異業種で働いていましたので、
今回、とても良い刺激を受けて帰ってきました。

さすが、日本経済の中心地。
色々なビジネスが生まれる理由もわかったような気がします。

自分もその中の一員として働いてみたいと思いました！
   </content>
</entry>

<entry>
   <title>googleのストリートビューにみんな　ハマってしまった（＾＾</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/08/google_street.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.585</id>
   
   <published>2008-08-05T18:45:48Z</published>
   <updated>2008-08-08T10:45:37Z</updated>
   
   <summary>細川です。 google street 度肝抜かれましたね。 会社を見て、自宅を...</summary>
   <author>
      <name>hosokawa</name>
      
   </author>
   
      <category term="013WEBニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="141" label="google street マーキュリーシスコム" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[細川です。

google street 度肝抜かれましたね。

会社を見て、自宅を見て、実家を見て。。

札幌も対応していたので、実家が見る事が出来て親孝行した気に一瞬なってました。
まったく親孝行になっていないですが・・・


札幌支社もしっかり写ってってうれしい気分ですｖ

<iframe width="425" height="240" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps/sv?cbp=1,251.66972477064223,,0,-8.045871559633028&amp;cbll=43.059657,141.353915&amp;panoid=XMCm9bk8vaq1axJwBbaqCw&amp;v=1&amp;hl=ja&amp;gl=jp"></iframe><br /><small><a href="http://maps.google.co.jp/maps?f=q&amp;hl=ja&amp;geocode=&amp;q=%E6%9C%AD%E5%B9%8C%E3%80%80%E4%B8%AD%E5%A4%AE%E5%8C%BA&amp;ie=UTF8&amp;layer=c&amp;cbll=43.059657,141.353915&amp;panoid=XMCm9bk8vaq1axJwBbaqCw&amp;cbp=1,251.66972477064223,,0,-8.045871559633028&amp;ll=43.0687,141.342974&amp;spn=0.025583,0.056133&amp;z=14&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>]]>
      <![CDATA[
代々木　本社。
<iframe width="425" height="240" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps/sv?cbp=1,123.35779816513764,,0,-21.422018348623862&amp;cbll=35.683906,139.700544&amp;panoid=n-NCTtfpktUVkjOkg7gY6g&amp;v=1&amp;hl=ja&amp;gl=jp"></iframe><br /><small><a href="http://maps.google.co.jp/maps?f=q&amp;hl=ja&amp;geocode=&amp;q=%E9%85%AA%E8%BE%B2%E4%BC%9A%E9%A4%A8%E3%80%80%E4%BB%A3%E3%80%85%E6%9C%A8&amp;ie=UTF8&amp;ll=35.683466,139.701352&amp;spn=0.006295,0.006295&amp;layer=c&amp;cbll=35.683906,139.700544&amp;panoid=n-NCTtfpktUVkjOkg7gY6g&amp;cbp=1,123.35779816513764,,0,-21.422018348623862&amp;source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>]]>
   </content>
</entry>

<entry>
   <title>モバイル版Yahoo!検索のクローラー情報公開</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/07/yahoo.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.584</id>
   
   <published>2008-07-30T12:52:24Z</published>
   <updated>2008-07-30T12:53:24Z</updated>
   
   <summary>デザイナーNです。 現在、PCだけではなくモバイルでも 検索エンジンが使用され、...</summary>
   <author>
      <name>nakagawa</name>
      
   </author>
   
      <category term="110小ネタ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[デザイナーNです。

現在、PCだけではなくモバイルでも
検索エンジンが使用され、日に日に利用者も増え、
その制度を高めていってる様に感じます。

モバイルサイトではIPアドレスでもアクセス制御を
実施されているサイトも多いと思いますが、
クローラーのIPアドレスも含め、
現在モバイル版Yahoo!検索のクローラー情報が
公開されているようです。

<a href="http://help.yahoo.co.jp/help/jp/search/indexing/indexing-27.html">気になる方はこちらをどうぞ</a>]]>
      
   </content>
</entry>

<entry>
   <title>長野の白樺湖に出張に行ってきました。</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/07/post_87.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.583</id>
   
   <published>2008-07-15T08:19:34Z</published>
   <updated>2008-07-15T08:40:30Z</updated>
   
   <summary> 白樺湖にあるクライアントの池の平ホテルさんにお泊まりMTGに 直井さん、中尾と...</summary>
   <author>
      <name>hosokawa</name>
      
   </author>
   
      <category term="120癒し" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="130お知らせ" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="139" label="出張　" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[
白樺湖にあるクライアントの池の平ホテルさんにお泊まりMTGに
直井さん、中尾と細川の３名で行ってきました。

今回は、池の平さんのはからいで、<a href="http://www.ikenotaira-hotel.co.jp/excel/index.html">エクセルルーム</a>（スイート）をご用意して頂きました。
]]>
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ag_Excel_g_035_last.jpg" src="http://www.mercury-sys.com/blog/ag_Excel_g_035_last.jpg" width="600" height="379" class="mt-image-none" style="" /></span>
個室のお風呂も大理石でゆったり大きめのサイズで一緒にいった直井さんは早速入って喜んでました。
とにかく部屋にいるだけで、優雅な時間を味わえるんですがそれにプラスして窓からの景色がすごいです。
これ合成ではないんです。　きれーな風景をみながら大きめのベットで横にりました。　


その後は大露天風呂に入って、洞窟風呂に行って夕食バイキングに行きました。
バイキングはブーブー祭りと題して、豚肉の料理がたくさんならんで、豚足も食べ放題でした！　
トンカツも揚げたてで、ダイエット中でしたが解禁してしまいました。ホントにおいしいんですもん！（＾＾
<a href="http://www.ikenotaira-hotel.co.jp/blog/archives/2008/05/12134438.html"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="img_event0601_2[1].jpg" src="http://www.mercury-sys.com/blog/img_event0601_2%5B1%5D.jpg" width="300" height="108" class="mt-image-none" style="" /></span></a>

楽しい出張でした。

池の平ホテルの皆様　いつもありがとうございます。
]]>
   </content>
</entry>

<entry>
   <title>AKIBA Today Site opening</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/07/akiba_today_site_opening.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.582</id>
   
   <published>2008-07-01T07:59:27Z</published>
   <updated>2008-07-01T11:47:09Z</updated>
   
   <summary>Finally after a lot of preparation Akiba...</summary>
   <author>
      <name>steff</name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[<a href="http://www.akibatoday.com/"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="a-top.jpg" src="http://www.mercury-sys.com/blog/2008/07/01/a-top.jpg" width="180" height="135" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span></a>Finally after a lot of preparation <a href="http://www.akibatoday.com/">Akiba Today</a> has launched. I believe that the website's design is rather stylish and quite a different approach compared to the many Otaku culture websites out there, especially all the figure and anime blogs that seem to stand at the very end of the production process and fail to give an idea of the backgrounds of those works.

 The obvious business approach can be seen right from the start and therefore it creates a unison of design, content and professionalism that I hope can not only be maintained but rather be extended. For that to happen all people involved in the process will be required to keep giving their all well as keeping efficiency a priority when solving problems or integrating new elements in the sites structure. Of course I will do my best to manage all the parts that require english speaking ability as well as knowledge in the field in the reception of culture trends and their reception on an international scale.

My personal aim regarding <a href="http://www.akibatoday.com/">Akiba Today </a>will be the establishment of a system that will be able to let many people know about the latest trends and their presentation in a manner that is adequate to our time and therefore makes proper use of the latest inventions in the cosmos of web design.

<a href="http://www.akibatoday.com/">Akiba Today</a>

Steffen Weiss]]>
      
   </content>
</entry>

<entry>
   <title>[alt属性]と「title属性」について</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/alttitle.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.580</id>
   
   <published>2008-06-24T06:53:00Z</published>
   <updated>2008-06-24T07:10:02Z</updated>
   
   <summary> ご存知の方もいると思いますが、ご参考までに。。 【alt属性】 ・代替テキスト...</summary>
   <author>
      <name>nakagawa</name>
      
   </author>
   
      <category term="055HTML+CSSコーディング" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[
ご存知の方もいると思いますが、ご参考までに。。

【alt属性】
・代替テキストという意味で、画像を閲覧することができない環境でも、
情報をテキストや音声で得ることが出来るようにするための属性です。

日本のJIS規格やWAIでも、「画像内容の詳細が理解できるようにすること」
「同等の役割を果たすテキスト」とあり、テキスト画像などはその記述どおりに
書いてあげることが望ましく、風景画像などは「どこのどのような状態」
であるかを詳細に書いてあげることが望ましいようです。

また、リストマークなどの場合には「alt=""」としておくことを推奨しています。


【title属性】
・「当該要素に助言的情報を指定するための属性」とあり、
ある要素に対して補助的な情報を付け足す属性になります。

[一例]
 
「alt="アキバ経済新聞"  title="広域秋葉圏のビジネス＆カルチャーニュースのご紹介"」

ただし、今回調べてみてわかったことですが、
2003年の「HTML Techniques for WCAG2.0」草案で、
img要素にtitle属性を用いることに否定的な見解が示されたようで、
W3Cのドキュメントでも2000年頃からは使われなくなっているようです。

未だにいろいろ議論の対象になっているようですが、
補足的な説明の必要があるときにだけ使用したほうが
いいのかも知れませんね。

<a href="http://www.zspc.com/documents/wcag10/" target="_blank">ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0　ZSPC翻訳版はこちら</a>]]>
      
   </content>
</entry>

<entry>
   <title>Firefox3.0 正式にリリース</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/firef.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.578</id>
   
   <published>2008-06-18T06:38:43Z</published>
   <updated>2008-06-18T06:57:56Z</updated>
   
   <summary> いよいよ、Firefox3.0が正式にリリースされました。 2.0のリリース以...</summary>
   <author>
      <name>saito</name>
      
   </author>
   
      <category term="013WEBニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[<a href="http://mozilla.jp/firefox/" target="_blank"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="all-firefox-logo.png" src="http://www.mercury-sys.com/blog/all-firefox-logo.png" width="120" height="150" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span></a>

いよいよ、Firefox3.0が正式にリリースされました。

2.0のリリース以来、約1年半ぶりにバージョンアップをし、
様々な点で改良されているそうです。

大きな違いとしては、表示速度や安定性の向上で、
2.0の速度に比べると約2倍以上の高速化になっています。

早速実際に自分のPCにも入れてみたところ、
思った以上に表示速度が上がっていて驚きました。

それからデフォルトのデザインも多少変更になっているほか、
今までは文字の大きさ変更のみでしたが、
画面のズーム機能も追加され、より見やすさUPしています。

現在、アクセスが集中していますが、
ダウンロードのみのページから、入手することができます。

まだFirefoxを使ったことがないという方は、
是非一度、試してみてください。

<a href="http://mozilla.jp/firefox/" target="_blank">Mozilla Firefoxのダウンロードはこちら</a>]]>
      
   </content>
</entry>

<entry>
   <title>Javascript Tooltips</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/javascript_tooltips.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.577</id>
   
   <published>2008-06-10T01:14:14Z</published>
   <updated>2008-06-10T01:30:06Z</updated>
   
   <summary> マウスをテキストリンクにのせると、上図のように、 吹き出しのような説明書きが出...</summary>
   <author>
      <name>saito</name>
      
   </author>
   
      <category term="057Javascript" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="tooltip.gif" src="http://www.mercury-sys.com/blog/tooltip.gif" width="459" height="175" class="mt-image-none" style="" /></span>

マウスをテキストリンクにのせると、上図のように、
吹き出しのような説明書きが出てくる『Tooltips』を紹介します。

CSSやJavascriptを使ってのやり方がありますが、
今回はJavaScriptでのやり方になります。
また、非常に使用しやすく、2kbで軽量です。

<a href="http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/"  target="_blank">Six Revisions</a>

<a href="http://sandbox.leigeber.com/tooltip/" target="_blank">デモサイト</a>

<a href="http://sandbox.leigeber.com/tooltip/tooltip.zip" target="_blank">Scriptダウンロード</a>

注釈や注意書きなど、いろいろな場面で使えそうです。]]>
      
   </content>
</entry>

<entry>
   <title>アキバでの事件について</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/post_85.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.576</id>
   
   <published>2008-06-09T11:02:27Z</published>
   <updated>2008-06-09T11:16:05Z</updated>
   
   <summary>まずは、事件で被害にあわれた方と遺族の方々にお悔やみ申し上げます。 また、ケガを...</summary>
   <author>
      <name>naoi</name>
      
   </author>
   
      <category term="200アキバ経済新聞" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="138" label="秋葉原" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      まずは、事件で被害にあわれた方と遺族の方々にお悔やみ申し上げます。

また、ケガをされた方の早期のご回復をお祈りいたします。


既に、報道されていますように、昨日、アキバの中央通りで大量殺人事件がありました。


常日頃、使っている場所での事件にアキバ経済新聞編集部一同、憤りとともに怖さを
感じております。

心配していただき、ご連絡いただいた皆様ありがとうございました。
編集部関係者は皆大丈夫です。

二度とこのような事件が起こらないことを祈るばかりです。


また、既に、銃刀法の規制強化や歩行者天国の廃止など、余波として
いろいろと、検討されはじめているようです。
規制すれば良いというものでもありませんし、それで歩行者天国を廃止すると
いうのもテロに負けた感じがしてやるせない気もします。

また、派遣社員の方やオタクへの批判の拡大や、「秋葉原が危険だ」というような、
風潮が広まることも、個人的には懸念しております。


現時点では、私たちに何ができるのかわかりませんが、アキバ本来の元気な姿を
取り戻せるように、微力ながら街の皆さんや、秋葉原を愛してくれる人たちに、協力して
いけたらと思っています。

アキバ経済新聞編集部　直井

      
   </content>
</entry>

<entry>
   <title>CSSだけで作られた綺麗なフォームテンプレート</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/css_1.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.575</id>
   
   <published>2008-06-09T05:39:44Z</published>
   <updated>2008-06-09T06:08:10Z</updated>
   
   <summary>フォームを作成するときは綺麗にレイストするためにtableを使うことが多いですが...</summary>
   <author>
      <name>ueoka</name>
      
   </author>
   
      <category term="055HTML+CSSコーディング" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="36" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[フォームを作成するときは綺麗にレイストするためにtableを使うことが多いですが、
cssだけで綺麗なフォームを作れるテンプレートを紹介します。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="form.jpg" src="http://www.mercury-sys.com/blog/image/form.jpg" width="447" height="306" class="mt-image-none" style="" /></span>

]]>
      <![CDATA[<a href="http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html">Clean and pure CSS FORM design</a>

ソースはこんな感じです。
<div style="background:#eeeeee; padding:15px; margin:10px;">
&lt;div id=&quot;stylized&quot; class=&quot;myform&quot;&gt;
	&lt;form id=&quot;form&quot; name=&quot;form&quot; method=&quot;post&quot; action=&quot;index.html&quot;&gt;
	&lt;h1&gt;Sign-up form&lt;/h1&gt;
	&lt;p&gt;This is the basic look of my form without table&lt;/p&gt;<br />
&lt;label&gt;Name
	&lt;span class=&quot;small&quot;&gt;Add your name&lt;/span&gt;
	&lt;/label&gt;
	&lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;name&quot; /&gt;<br />
&lt;label&gt;Email
	&lt;span class=&quot;small&quot;&gt;Add a valid address&lt;/span&gt;
	&lt;/label&gt;
	&lt;input type=&quot;text&quot; name=&quot;email&quot; id=&quot;email&quot; /&gt;<br />
&lt;label&gt;Password
	&lt;span class=&quot;small&quot;&gt;Min. size 6 chars&lt;/span&gt;
	&lt;/label&gt;
	&lt;input type=&quot;text&quot; name=&quot;password&quot; id=&quot;password&quot; /&gt;<br />
&lt;button type=&quot;submit&quot;&gt;Sign-up&lt;/button&gt;
	&lt;div class=&quot;spacer&quot;&gt;&lt;/div&gt;
&lt;/form&gt;
	&lt;/div&gt;

</div>

cssのみでフォームを作成したい場合は、参考にしたいですね。

]]>
   </content>
</entry>

<entry>
   <title>ロゴ作成時に参考になるFlickr　groups まとめ</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/flickrgroups.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.574</id>
   
   <published>2008-06-06T05:24:32Z</published>
   <updated>2008-06-06T06:20:54Z</updated>
   
   <summary>デザイナーの上岡です。 ロゴデザインの参考になる、Flickr　groups を...</summary>
   <author>
      <name>ueoka</name>
      
   </author>
   
      <category term="010WEBデザイン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="33" label="ロゴ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[デザイナーの上岡です。
ロゴデザインの参考になる、Flickr　groups をまとめました。
グループのメンバーが自分で作成したロゴを公開したり、良いロゴをアップしたりしています。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="logo.gif" src="http://www.mercury-sys.com/blog/image/logo.gif" width="476" height="421" class="mt-image-none" style="" /></span>








]]>
      <![CDATA[
<a href="http://www.flickr.com/groups/logodesign/pool/" target="blank"><big><strong>Design the Logo</strong></big></a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="logos_1.jpg" src="http://www.mercury-sys.com/blog/image/logos_1.jpg" width="486" height="123" class="mt-image-none" style="" /></span>

<a href="http://www.flickr.com/groups/logoart/pool/" target="blank"><big><strong>loco logos</strong></big></a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="logos_2.jpg" src="http://www.mercury-sys.com/blog/image/logos_2.jpg" width="486" height="123" class="mt-image-none" style="" /></span>

<a href="http://www.flickr.com/groups/randomlogoproject/pool/" target="blank"><big><strong>The Random Logo Project</strong></big></a> 
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="logos_3.jpg" src="http://www.mercury-sys.com/blog/image/logos_3.jpg" width="486" height="123" class="mt-image-none" style="" /></span>


<a href="http://www.flickr.com/groups/477676@N22/pool/" target="blank"><big><strong>Design_The_Logos</strong></big></a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="logos_4.jpg" src="http://www.mercury-sys.com/blog/image/logos_4.jpg" width="486" height="123" class="mt-image-none" style="" /></span>

<a href="http://www.flickr.com/groups/smartlogos/pool/" target="blank"><big><strong>Smart, Simple Logos</strong></big></a> 
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="logos_5.jpg" src="http://www.mercury-sys.com/blog/image/logos_5.jpg" width="486" height="123" class="mt-image-none" style="" /></span>

ロゴ制作はしょっちゅうあるわけではないので、いざ作成する際にはたくさんの参考が
必要になってきます。
これらを参考に良いロゴをたくさん作ろうと思います。


]]>
   </content>
</entry>

<entry>
   <title>Dreamweaver,Fireworks CS４ベータ版登場！！</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/dreamweaverfireworks_cs.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.571</id>
   
   <published>2008-06-04T08:16:12Z</published>
   <updated>2008-06-06T01:08:24Z</updated>
   
   <summary>ようやく自分のPCに、Illustrator、Photoshopなどの CS3を...</summary>
   <author>
      <name>saito</name>
      
   </author>
   
      <category term="013WEBニュース" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="080ソフトウェア" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      <![CDATA[ようやく自分のPCに、Illustrator、Photoshopなどの
CS3を入れて、ウキウキしたばかりだと思いきや、
先日、CS4ベータ版がDreamweaverとFireworksが先行して、
公開されました。

時代は日々進化している証拠ですね。

今回のDreamweaverは、色々便利になっています。
今までは、JavascriptやFLASHの動作を確認するときは、
全ファイルを保存し、ブラウザで開き、確認し、修正という流れでしたが、
CS4では、「Live View」ボタンを押すだけで、
コードを保存しなくてもデザイン・ビューで確認できるようです。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="LiveView.gif" src="http://www.mercury-sys.com/blog/2008/06/06/LiveView.gif" width="240" height="180" class="mt-image-none" style="" /></span>

Fireworks CS4は、PhotoshopのPSDファイル読み込みを強化されたので、
Photoshopでカーニングを調整したまま表示することができ、
アンチエイリアス効果も再現できるので、
日本語の小さいフォントサイズの文字でも奇麗に表示することができるようです。

また仕事の効率化にもつながる機能があるようです。

Dreamweaver CS4について
<a href="http://www.adobe.com/jp/devnet/dreamweaver/articles/dwcs4_publicbeta.html" target="_blank">http://www.adobe.com/jp/devnet/dreamweaver/articles/dwcs4_publicbeta.html</a>

Fireworks CS4について
<a href="http://www.adobe.com/jp/devnet/fireworks/articles/fwcs4_publicbeta.html" target="_blank">http://www.adobe.com/jp/devnet/fireworks/articles/fwcs4_publicbeta.html</a>]]>
      
   </content>
</entry>

<entry>
   <title>法整備と現実</title>
   <link rel="alternate" type="text/html" href="http://www.mercury-sys.com/blog/2008/06/post_2.html" />
   <id>tag:www.mercury-sys.com,2008:/blog//1.570</id>
   
   <published>2008-06-03T10:33:58Z</published>
   <updated>2008-06-03T14:41:54Z</updated>
   
   <summary>ディレクターＴです。 最近、お客様との打ち合わせの時によく「迷惑メール」について...</summary>
   <author>
      <name>tomatsu</name>
      
   </author>
   
      <category term="050WEBディレクター" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="220ピックアップNEWS" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="136" label="フィルタリング" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="137" label="法律" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://www.mercury-sys.com/blog/">
      ディレクターＴです。


最近、お客様との打ち合わせの時によく「迷惑メール」について聞かれます。
対処としては、クライアント側メールソフトやサーバ側でフィルタリングをかけることをお勧めしています。
それでも生命力のある迷惑メールは、シレっと受信フォルダに顔を出してきます。

この様に、現場レベルでは対策に躍起になっておりますが、さて国レベルの法整備は進んでいるのでしょうか？？？

      
５月３０日に、総務省が提出した「特定電子メール送信適正化法（迷惑メール法）」の改正案が参議院にて可決され、成立しました。
http://www.soumu.go.jp/joho_tsusin/d_syohi/h20kaisei.html

以下が主な変更です。
（１）「オプトイン方式」を導入
（２）受信拒否の通知を受けたときは以後の送信をしてはならない
（３）広告宣伝メールを送信するに当たり、送信者のの連絡先の表示
（４）同意を証する記録の保存に関する規定を設ける。


よくある営業メールについては、

「過去名刺交換させていただいた相手に送信しています。
もし迷惑でしたら配布不要と記入し返信ください」
や、また各種媒体に公開されているメアドへの営業メールですが、
こちらは、受信ＯＫです。

「○○株式会社　ご担当者様」となっている場合でも、問題ありません。

ただし、名刺や各種媒体掲載のメアド欄に、
「メルマガの類は送らないでください」との掲載がある場合は、送信NGになります。

法の実効性の強化では、プロバイダ側でフィルタリングできたり、罰金額を１００万円以下から３０００万円以下に引き上げるなどがあります。
罰則が強化されたのは良いですが、迷惑メール送信業者は、送信元偽装など手を変え品を変えて、実際には検挙に至ってはいないそうです。
法的な規制だけでは、違法業者とのいたちごっこは続きそうです。


結局、現実的で簡単なフィルタリング対応が、
現場レベルで今求められていることなのかなと改めて思いました。

   </content>
</entry>

</feed>
