GoogleのSEOスターターガイドの翻訳 - ソーシャルメディアマーケティング SMM.jp

すもも — 2008-11-27T01:47:55Z

Official Google Webmaster Central Blog: Google's SEO Starter Guide

GoogleがSEOのスターターガイドをPDFで配布しはじめました。さっそく全部読みながら訳してみました。
あとでリンクや画像などを追加して読みやすくするかもしれません。
なお、最後のほうのツール紹介の部分は省きました。　もし問題があればすぐに消しますのでコメントなどいただければ。

11月14日追記：　文中のリンクを追加しました

訳が間違っている部分もあると思うので参考までに。

Google Starter Guide まとめ

【目次】

説明の前提

<br />・ユニークで正確なタイトルをつける<br />・よいタイトルの書き方<br /><br />description メタタグ<br />・description メタタグの使い方<br />・よいdescriptionの書き方<br /><br />URL<br />・URLの構造を改善する<br />・よいURLの決め方<br /><br />ナビゲーション、内部リンク構造<br />・ナビゲーションをわかりやすくする<br />・よいサイトナビゲーションの作り方<br /><br />サイトの内容<br />・質の高いコンテンツやサービスを提供する<br />・よいコンテンツを作るために<br /><br />アンカーテキスト<br />・よりよい... <a href="http://www.socialmediamarketing.jp/2008/11/google-seo-starter-guide.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.socialmediamarketing.jp%2F2008%2F11%2Fgoogle-seo-starter-guide.html&title=Google%E3%81%AESEO%E3%82%B9%E3%82%BF%E3%83%BC%E3%82%BF%E3%83%BC%E3%82%AC%E3%82%A4%E3%83%89%E3%81%AE%E7%BF%BB%E8%A8%B3%20-%20%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%20SMM.jp"> クリップへ追加する</a></p> </article> <article> <h1>商品画像掲載のページ構成CSS[to-R]</h1> <p>すもも — 2008-07-16T05:10:49Z</p> JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信to-R 商品画像掲載のページ構成CSS【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。<br />【PR】HP登録でSEO対策！アクセスアップにコチラ！ powerd by SBM Tool in SEO対策TIPS ネタ元：商品画像掲載のページ構成css or table?なかなか語られることのない、Web制作の問題点が議論されています。この問題はheightLine.jsを使ったり、tableで組むことで解決できるのですが、なんかそれをやると負けた気がする人がいるのも理解できます。ですので、私が最近使っている方法を紹介。サンプルコードに関してはサンプルから参照してください。行ごとにブロックレベル要素で包み、その要素(サンプルではul要素)に対して、商品のリスト表示に使っている要素(サンプルではli要素)にかかっている物とおなじfloatプロパティを適応します。副産物として、行ごとにブロックレベル要素で包んでいるのでclassを適応することにより背景色を... <a href="http://blog.webcreativepark.net/2007/12/14-091334.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.webcreativepark.net%2F2007%2F12%2F14-091334.html&title=%E5%95%86%E5%93%81%E7%94%BB%E5%83%8F%E6%8E%B2%E8%BC%89%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E6%A7%8B%E6%88%90CSS%5Bto-R%5D"> クリップへ追加する</a></p> </article> <article> <h1>PowerPointテンプレートサイトいろいろ - DesignWalker</h1> <p>すもも — 2008-06-06T09:43:10Z</p> みなさん、仕事でPowerPointを使われる機会が多いのではないでしょうか。<br /><br />資料作成もセンスが問われますね。。<br /><br />きれいなデザインの資料はやっぱり、見ていて気持ちがいいですよね。<br /><br />本日は、無料で使えるPowerPointのテンプレートサイトを中心にいろいろとまとめてみました。<br /><br /><br />1. Art of Office - PowerPointOffice Macユーザーのコミュニティサイトです。その名のとおり、アートなOfficeドキュメントがいっぱいです！Windowsでもファイルを開くことができますよ。<br /><br />2. PresentationPoint | Free PowerPoint templates to download<br />ビジネス系のとってもきれいなテンプレートがいっぱいあります。<br /><br />3. Free PowerPoint Templates, Free PowerPoint Backgrounds for Your Presentationsこちらは、一部のテンプレートが無料で公開されています。無料でもとってもクオリティが高いです。<br /><br />4. mactopia | Office 2004 TemplatesMicrosoftのOf... <a href="http://www.designwalker.com/2008/02/powerpoint.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F02%2Fpowerpoint.html&title=PowerPoint%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%B5%E3%82%A4%E3%83%88%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%20-%20DesignWalker"> クリップへ追加する</a></p> </article> <article> <h1>バナー広告デザインまとめ</h1> <p>すもも — 2008-06-06T09:04:18Z</p> DesignWalker RSS フィード DesignWalker ロサンゼルスで働くウェブデザイナーの日記。バナー広告デザインまとめ May 27th, 2008 このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか？ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして、ユーザーにクリックしてもらえるかが勝負なので、なかなか大変ですね。今回は、そんなバナー広告のデザインに使えそうなサイトをピックアップしてみました。インスピレーション編Ads of the World: Creative Advertising Archive & Communityオンライン広告だけでなく、広告全般をひたすらアーカイブしてくれているサイト。広告好きな方には、見ているだけでも十分楽しめますね。<br /><br />Eyeblaster Creative Zoneこちらも、たくさんの広告がアーカイブされています。業種やタイプなどで絞り込めるのが... <a href="http://www.designwalker.com/2008/05/banner-design.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F05%2Fbanner-design.html&title=%E3%83%90%E3%83%8A%E3%83%BC%E5%BA%83%E5%91%8A%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81"> クリップへ追加する</a></p> </article> <article> <h1>ウェブデザイナーのための13のFirefoxのアドオン[to-R]</h1> <p>すもも — 2008-06-04T03:15:01Z</p> ネタ元:ウェブデザイナーのための16のFirefoxのアドオン<br />私のお勧めのアドオンです。(お勧め度は独断と偏見で) お勧め度★★★<br />Firebug<br />要素にかかっているCSSの確認や、リアルタイム編集による検証など、FirebugがないとCSSコーディングをしたくないと思うまでに大活躍中です。<br />JavaScriptを書く際にも、スクリプトの停止やオブジェクトの確認、console.logでの動作チャック、現在のDOMTツリーの確認などで非常に利用します。<br />Firebugは絶対利用したほうがよいですよ。<br />お勧め度★★☆<br />Html Validator<br />XHTMLが正しく書かれているかどうかチェックしてくれるツール。間違っている場合はその理由も教えてくれます。<br />Web Developer Toolbar<br />Firefoxの登場でめっきり出番は少なくなりましたが、アクセシビリティチェックやパスワードフォームの表示から様々なツールでの検証などができます。<br />IE Tab <br />Firefox上でIEで見た場合の表示をチェックできるツール、検証時に非常に重宝します。<br />ColorZilla<br />WEBサイトから任意の色情報を取得でき... <a href="http://blog.webcreativepark.net/2008/05/30-170629.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.webcreativepark.net%2F2008%2F05%2F30-170629.html&title=%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE13%E3%81%AEFirefox%E3%81%AE%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3%5Bto-R%5D"> クリップへ追加する</a></p> </article> <article> <h1>ヨモツネット実験室 » フォームに入力された全角文字を自動で半角に変換する</h1> <p>すもも — 2008-06-04T02:21:46Z</p> このページの目次本文ナビゲーションメニュー著作権情報等フォームに入力された全角文字を自動で半角に変換するこの JavaScript に機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。概要フォーム入力時に『半角英数で入力してください』の項目があった場合、ユーザの入力ミスを少なくしてあげるために便利なスクリプトです。ただし、JavaScriptが使えない環境では動作しませんので、あくまでもオプションとしてお使いください。このスクリプトのDEMOダウンロード使い方ダウンロードしたreplaceascii.jsをXHTMLファイルのhead内などで読み込んでください。<script type="text/javascript" src="js/replaceascii.js"></script>このとき、replaceascii.jsと読み込むXH... <a href="http://www.yomotsu.net/lab/javascripts/replaceascii"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.yomotsu.net%2Flab%2Fjavascripts%2Freplaceascii&title=%E3%83%A8%E3%83%A2%E3%83%84%E3%83%8D%E3%83%83%E3%83%88%20%E5%AE%9F%E9%A8%93%E5%AE%A4%20%C2%BB%20%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AB%E5%85%A5%E5%8A%9B%E3%81%95%E3%82%8C%E3%81%9F%E5%85%A8%E8%A7%92%E6%96%87%E5%AD%97%E3%82%92%E8%87%AA%E5%8B%95%E3%81%A7%E5%8D%8A%E8%A7%92%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%99%E3%82%8B"> クリップへ追加する</a></p> </article> <article> <h1>すぐに使えそうなネガティブマージン</h1> <p>すもも — 2008-06-04T02:15:42Z</p> margin にはマイナスの値を入れることができます。マイナスの値を持つ margin を「ネガティブマージン」と言ったりします。あまりむずかしくなく，すぐに使えそうなネガティブマージンを紹介してみましょう。 <a href="http://blog.d-spica.com/entry/080515margin.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.d-spica.com%2Fentry%2F080515margin.html&title=%E3%81%99%E3%81%90%E3%81%AB%E4%BD%BF%E3%81%88%E3%81%9D%E3%81%86%E3%81%AA%E3%83%8D%E3%82%AC%E3%83%86%E3%82%A3%E3%83%96%E3%83%9E%E3%83%BC%E3%82%B8%E3%83%B3"> クリップへ追加する</a></p> </article> <article> <h1>CSS - dtをfloatする場合の注意点 | Try | d-spica</h1> <p>すもも — 2008-05-27T02:49:23Z</p> indexCSS - dtをfloatする場合の注意点dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。<br />Tried at 2008-05-12まず，マークアップは次の通り<dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテ... <a href="http://www.d-spica.com/try/dt-float.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.d-spica.com%2Ftry%2Fdt-float.html&title=CSS%20-%20dt%E3%82%92float%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AE%E6%B3%A8%E6%84%8F%E7%82%B9%20%7C%20Try%20%7C%20d-spica"> クリップへ追加する</a></p> </article> <article> <h1>ロゴ・テンプレートを活用しよう</h1> <p>すもも — 2008-05-27T02:44:18Z</p> 新しく会社やサイト、サービスなどを立ち上げた時、最初に悩むのが名前とロゴのデザインではないでしょうか？ロゴは、デザイナーさんに制作依頼すると結構、高くついてしまったりする事も…。本日は、無料で（もしくは、なるべく安価に）作れるロゴのテンプレートとジェネレータのサービスをまとめてみました。LogoTemplater.com数はまだまだ少ないですが、とってもきれいなロゴのテンプレートが公開されています。ファイルはai、eps, pdf, jpg形式でダウンロードする事ができます！<br /><br />Layouts4free.comこちらは、Photoshop形式でロゴのテンプレートがダウンロードできます。フォントファイルも入っていて、自由にカスタマイズできます。<br /><br />InterspireIllustratorとPhotoshop形式でロゴがダウンロードできます。<br /><br />TemplateWorkz.comこちらもきれいなロゴをPhotoshop形式でダウンロードできるはずなんですが…エラーが出ていて、現在ダウンロードできませんでした。。エラーが解消してくれる事を祈りつつ、とりあえずご紹介。<br /><br />Pixellogoこちらは有料のサイトなのですが、とってもハ... <a href="http://www.designwalker.com/2008/05/logo-template.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F05%2Flogo-template.html&title=%E3%83%AD%E3%82%B4%E3%83%BB%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%82%88%E3%81%86"> クリップへ追加する</a></p> </article> <article> <h1>Photoshopのペンツールで浮かび上がる光を表現してみる</h1> <p>すもも — 2008-05-27T02:37:31Z</p> 人生の早い段階で英語をあきらめた私が、PSDTuts さんのチュートリアルをやってみました。 1.背景色を決めるグラデーションツールを使って、こんな感じに背景を着色します。 2.背景に宇宙っぽいモヤをかける新規レイヤーを追加し、描画色を白、背景色を黒に戻してから「フィルタ」→「描画」→「雲模様2」を実行。さらに「フィルタ」→「スケッチ」→「クロム」をかけて、雲模様をぬらぬらした質感に変換しま <a href="http://c-brains.jp/blog/wsg/08/04/18-173242.php"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fc-brains.jp%2Fblog%2Fwsg%2F08%2F04%2F18-173242.php&title=Photoshop%E3%81%AE%E3%83%9A%E3%83%B3%E3%83%84%E3%83%BC%E3%83%AB%E3%81%A7%E6%B5%AE%E3%81%8B%E3%81%B3%E4%B8%8A%E3%81%8C%E3%82%8B%E5%85%89%E3%82%92%E8%A1%A8%E7%8F%BE%E3%81%97%E3%81%A6%E3%81%BF%E3%82%8B"> クリップへ追加する</a></p> </article> <article> <h1>Free Developer Icons | Developer Icon Sets | Web Design Icons | Outlaw Design Blog</h1> <p>すもも — 2008-05-08T01:54:40Z</p> Browse > Home / Icons, Resources, free / Free Developer Icon Sets<br /></br>Free Developer Icon SetsWritten by admin on April 29, 2008 – 6:09 am 15 Comments <br />Here is a huge collection of free developer icon sets. Many of them are free to use even on commercial projects. Check out these free developer icon sets to help give you design that extra hint of style.DIGG THIS POST AND WIN A PRIZEMany of these sets are free to use, even on commercial projects. Just double check the authors requests.Matt Ball Desi... <a href="http://outlawdesignblog.com/2008/free-developer-icon-sets/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Foutlawdesignblog.com%2F2008%2Ffree-developer-icon-sets%2F&title=Free%20Developer%20Icons%20%7C%20Developer%20Icon%20Sets%20%7C%20Web%20Design%20Icons%20%7C%20Outlaw%20Design%20Blog"> クリップへ追加する</a></p> </article> <article> <h1>アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」:phpspot開発日誌</h1> <p>すもも — 2008-05-08T01:44:32Z</p> Sliding JavaScript Dropdown Menu - Web Development BlogThis ... <a href="http://phpspot.org/blog/archives/2008/04/sliding_javascr.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2008%2F04%2Fsliding_javascr.html&title=%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%99%E3%82%8B%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%83%80%E3%82%A6%E3%83%B3%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E4%BD%9C%E6%88%90%EF%BC%AA%EF%BC%B3%E3%80%8CSliding%20JavaScript%20Dropdown%20Menu%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C"> クリップへ追加する</a></p> </article> <article> <h1>今webサイトは幅何pxで製作されているのか | Liquid Paper Clips</h1> <p>すもも — 2008-05-01T03:53:57Z</p> ポータル・検索サイトGoogle770pxiGoogle920px842pxからのリキッドYahoo950pxLivedoor954pxGoo970pxMSN950pxInfoseek850pxExcite920pxフレッシュアイ986pxはてな920pxからのリキッド@nifty945pxBIGLOBE950pxOCN950pxSo-net970pxODN760pxAOL900pxau one980px//iGoogleの値を間違えて記述していたので修正しました。各新聞社のニュースサイトYOMIURI ONLINE920pxからのリキッド毎日jp950pxasahi.com780pxからのリキッドNIKKEI NET985pxからのリキッド大手ニュースサイトITmedia970pxからのリキッドCNET Japan990pxCNN.co.jp1000pxImpress Watch Headline960pxTechCrunch Japanese962pxスラッシュドット・ジャパン915pxからのリキッドweb2.0系サイトmixi950pxGREE740pxMySpace800pxFlickr848pxTw... <a href="http://lpclips.net/2008/04/post_58.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Flpclips.net%2F2008%2F04%2Fpost_58.html&title=%E4%BB%8Aweb%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AF%E5%B9%85%E4%BD%95px%E3%81%A7%E8%A3%BD%E4%BD%9C%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%8B%20%7C%20Liquid%20Paper%20Clips"> クリップへ追加する</a></p> </article> <article> <h1>[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス</h1> <p>すもも — 2008-05-01T03:53:07Z</p> コリスcontactsearchサイト構築 -CSS[CSS]IE6でよく遭遇する6つのバグとその解決方法CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。IE CSS Bugs That’ll Get You Every Timeボックスモデルのバグマージンが二倍になってしまうバグmin-width, min-heihgtと同等の指定Stepdownバグhover擬似クラスをa要素以外にも対応透過PNGを透過表示に対応ボックスモデルのバグdiv#box{width:100px;border:2px solid black;padding:10px;}上記の指定をした場合、IE6ではborderで囲まれた領域が「100px」となり、最新のブラウザでは「124px」となります。解決方法paddingを使用する場合には、ボックスに使用しないで、内包する要素に指定を行います。マージンが二倍になってしまうバグdiv#box{float:right;margin-right:20px;}上記の指定をした場合、IE6ではマージンが「40px」となり、最新のブラウザでは「20px」... <a href="http://coliss.com/articles/build-websites/operation/css/1036.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F1036.html&title=%5BCSS%5DIE6%E3%81%A7%E3%82%88%E3%81%8F%E9%81%AD%E9%81%87%E3%81%99%E3%82%8B6%E3%81%A4%E3%81%AE%E3%83%90%E3%82%B0%E3%81%A8%E3%81%9D%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9"> クリップへ追加する</a></p> </article> <article> <h1>WindowsやMacOSにおけるフォーム部品の画像がダウンロードできるサイト | IDEA*IDEA</h1> <p>すもも — 2008-04-24T01:30:59Z</p> Macで開発していてWindowsの画面イメージが欲しいときってありますよね（その逆も）。そうしたときにわざわざ別のマシンを立ち上げたりするのは面倒です。<br />その問題を解決してくれるサイトがswissmissで紹介されていました。それぞれのOSのフォーム部品の画像をダウンロードすることができます。<br /><br />↑ メニューはこんな感じ。<br /><br />↑ たとえばMacOSのSafariの部品はこんな感じ。<br />それぞれの部品はPSD形式ですね。個別に落とせたり、一括して落とすことができるようです。ウェブの開発をされている方には便利ではないでしょうか。<br />よろしければ以下からどうぞ。<br />» Designers Toolbox: OS Form Elements<br /> <a href="http://www.ideaxidea.com/archives/2008/04/windowsmacos.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2008%2F04%2Fwindowsmacos.html&title=Windows%E3%82%84MacOS%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E9%83%A8%E5%93%81%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%8C%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%20%7C%20IDEA*IDEA"> クリップへ追加する</a></p> </article> <article> <h1>ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？</h1> <p>すもも — 2008-04-24T01:22:53Z</p> yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。<br />ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑<br />たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。<br />ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるようにたとえばグローバルナビゲーションとカテゴリー別のナビゲーションが同じulで書かれているとして、どちらがどちらかCSSで特定できないと、別の見た目にしようとしても難しいです。グローバルグローバル<br />カテゴリ内カテゴリ内なので可能な限り「表示される内容に共通項のない部分」にはそれ... <a href="http://labs.unoh.net/2008/04/csshtml.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Flabs.unoh.net%2F2008%2F04%2Fcsshtml.html&title=%E3%82%A6%E3%83%8E%E3%82%A6%E3%83%A9%E3%83%9C%20Unoh%20Labs%3A%20CSS%E3%81%AB%E3%82%88%E3%82%8B%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E7%9B%B8%E6%80%A7%E3%81%AE%E3%82%88%E3%81%84HTML%E3%81%A3%E3%81%A6%EF%BC%9F"> クリップへ追加する</a></p> </article> <article> <h1>サイトを訪問する時間帯によって読み込むCSSを切り替える方法 - GIGAZINE</h1> <p>すもも — 2008-03-28T01:26:05Z</p> 本文なし <a href="http://gigazine.net/index.php?/news/comments/20070311_css_switcher/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20070311_css_switcher%2F&title=%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E8%A8%AA%E5%95%8F%E3%81%99%E3%82%8B%E6%99%82%E9%96%93%E5%B8%AF%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%82%80CSS%E3%82%92%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%8B%E6%96%B9%E6%B3%95%20-%20GIGAZINE"> クリップへ追加する</a></p> </article> <article> <h1>無料でFlashファイルがダウンロードできるサイトいろいろ - DesignWalker</h1> <p>すもも — 2008-03-24T06:33:53Z</p> Flash初心者の方でも、結構使える方でも、他人が作ったFlashファイルって興味があるのではないでしょうか？<br /><br />ちょっとした動きを参考にしたり、ActionScriptの書き方を見たりいろいろと使えそうです。<br /><br />今回は、無料でFlashファイルがダウンロードできるサイトをいろいろとまとめてみました。<br /><br /><br />www.flashtemplatestore.comこちらは、有料のテンプレートサイトが提供している、無料のテンプレートページです。18種類のテンプレートが無料で提供されています。無料でもとってもきれいなものばかりです。<br />Flasheezy!ベクターファイルのダウンロードサイト『Vecteezy!』、Photoshopブラシの『Brusheezy!』の姉妹サイトです。今後、どんどんファイルが増えていきそうですね。<br />flashmo.comFlashのテンプレートやPhotoギャラリーなど、かなり多くのFlashファイルが提供されています。<br />FlashVillage.comFlashテンプレート、エフェクト、ベクターファイル、ロゴなどなど。使える素材がたくさんです。<br />Templates Boxきれいなテンプレートが大量にあります！ひ... <a href="http://www.designwalker.com/2008/03/flash-download.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Fflash-download.html&title=%E7%84%A1%E6%96%99%E3%81%A7Flash%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%8C%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%20-%20DesignWalker"> クリップへ追加する</a></p> </article> <article> <h1>jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳</h1> <p>すもも — 2008-03-19T01:39:10Z</p> <br clear="all"><br />jQueryの情報がたまってきたのでまとめておきたいと思います。 <a href="http://e0166.blog89.fc2.com/blog-entry-422.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-422.html&title=jQuery%E3%81%A7web%E5%88%B6%E4%BD%9C%E3%82%92%E3%81%99%E3%82%8B%E6%99%82%E3%81%AB%E3%82%AD%E3%83%BC%E3%83%97%E3%81%97%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%8430%E3%83%AA%E3%82%B9%E3%83%88%E3%81%BE%E3%81%A8%E3%82%81*%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E4%BD%9C%E3%82%8B%E4%BA%BA%E3%81%AE%E3%83%8D%E3%82%BF%E5%B8%B3"> クリップへ追加する</a></p> </article> <article> <h1>Liner Note - ウェブユーザビリティについて考え始めたい人にオススメのウェブページ集</h1> <p>すもも — 2008-03-19T01:29:34Z</p> 先ほどのエントリでは本を中心に挙げましたが、もちろんウェブにも優秀なリソースはたくさんあります。全体的に入門的記事を多く入れましたので、興味のある方はぜひリンク先をご覧になってください（それぞれ内容がかぶっている箇所もたくさんありますが）感性満足を開発する「ユーザビリティ・エンジニア」 / Tech総研ユーザビリティ・エンジニアが注目職種として取り上げられています。野村総合研究所：Webシステムにおけるユーザ中心設計手法への取り組み（PDF注意）NRI 上級コンサルタントによるレポート。内容はやや硬いですが、系統的にとりあえず一通りを知りたいという人はまず読んでみるといいかと思います。北海道教育大学卒業論文：Web ユーザビリティその解釈の歴史と評価方法（PDF注意）実質4ページしかないので、ちょっと概観するにしても軽すぎるかもしれませんが、多すぎて読めない！という人はこちらで。ユーザビリティ - Wikipediaそもそもユーザビリティって何だ？って思っていて、ちょっと詳しく知っておきたいと思っている人へ。ニールセン博士の考えておられるユーザビリティ、あるいはISO 9241-11やISO 13... <a href="http://note.openvista.jp/257/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fnote.openvista.jp%2F257%2F&title=Liner%20Note%20-%20%E3%82%A6%E3%82%A7%E3%83%96%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E8%80%83%E3%81%88%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84%E4%BA%BA%E3%81%AB%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1%E3%81%AE%E3%82%A6%E3%82%A7%E3%83%96%E3%83%9A%E3%83%BC%E3%82%B8%E9%9B%86"> クリップへ追加する</a></p> </article> <article> <h1>ヨモツネット[日記] » CSS で簡単に上下中央揃えを実現する</h1> <p>すもも — 2008-03-19T01:19:35Z</p> 本文なし <a href="http://www.yomotsu.net/wp/?p=387"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.yomotsu.net%2Fwp%2F%3Fp%3D387&title=%E3%83%A8%E3%83%A2%E3%83%84%E3%83%8D%E3%83%83%E3%83%88%5B%E6%97%A5%E8%A8%98%5D%20%C2%BB%20CSS%20%E3%81%A7%E7%B0%A1%E5%8D%98%E3%81%AB%E4%B8%8A%E4%B8%8B%E4%B8%AD%E5%A4%AE%E6%8F%83%E3%81%88%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B"> クリップへ追加する</a></p> </article> <article> <h1>垂直中央の実装-CSS TIPS</h1> <p>すもも — 2008-03-17T08:27:36Z</p> 本文なし <a href="http://css.webcreativepark.net/tips9/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fcss.webcreativepark.net%2Ftips9%2F&title=%E5%9E%82%E7%9B%B4%E4%B8%AD%E5%A4%AE%E3%81%AE%E5%AE%9F%E8%A3%85-CSS%20TIPS"> クリップへ追加する</a></p> </article> <article> <h1>感覚で使えそうなウェブデザインジェネレータ集</h1> <p>すもも — 2008-03-10T02:22:40Z</p> 凝ったデザインのブログやサイトを作りたいけど、何もないところから、スタートするのは結構大変ですよね。<br /><br />そんな時には、テンプレートジェネレータがおすすめです。<br /><br />今回は、なるべく感覚で使えそうなウェブデザインのテンプレートジェネレータをいくつかまとめてみました。<br /><br /><br />Wix.com - Make free flash websitesこちらのサイトは、flashのサイトを作るときに使えるジェネレータです。残念ながら、まだClosedBetaバージョンで、ログインすることができなかったのですが、既に、いろいろとテンプレートが公開されていて、なかなか期待できそうなサービスですね。正式オープンが楽しみです。<br />dotemplate.com - Free online web template generatorこちらは、XHTMLとCSSのテンプレートを生成してくれます。サンプルからテンプレートを選んでカスタマイズできます。<br />Weebly - Create a free website and a free blogデザインを選択して、エレメントをドラッグ&ドロップしていくだけで、きれいなサイトが出来上がっていきます。<br />Mova... <a href="http://www.designwalker.com/2008/03/template-generator.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Ftemplate-generator.html&title=%E6%84%9F%E8%A6%9A%E3%81%A7%E4%BD%BF%E3%81%88%E3%81%9D%E3%81%86%E3%81%AA%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%20%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E9%9B%86"> クリップへ追加する</a></p> </article> <article> <h1>photoshopで作る45のボタンメニューチュートリアル - ITクオリティ</h1> <p>すもも — 2008-03-10T01:58:03Z</p> ドメイン海外サイトで見た物を吐き出すブログ<br /><br /><br />0 2008-03-04-Tuephotoshopで作る45のボタンメニューチュートリアル <br /><br /> これはすごい！<br />かなり勉強になります。<br /><br />ちょっといかしたメニューボタンを作りたいと思ったら是非見ておくべきまとめエントリですね。<br clear="all"><br /><br />Design Professional Glossy Buttons » Free Photoshop Tutorials and Resources<br />こんなのとか。<br clear="all"><br /><br /><br clear="all"><br />色々とありますね！<br /><br />エントリは以下で。<br />45 Photoshop Tutorials for Better Navigation | Vandelay Website Design<br /><br />次のエントリー<br />海外Diggで新しいキングオブファイターズ動画が話題に<br />前のエントリー<br />ロゴデザインのインスピレーション<br /> <br />スポンサードリンク<br />ウェブ開発DESIGN　photoshop　チュートリアル　　コメントコメントの投稿 NameSubjectM... <a href="http://gura5.blog120.fc2.com/blog-entry-56.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fgura5.blog120.fc2.com%2Fblog-entry-56.html&title=photoshop%E3%81%A7%E4%BD%9C%E3%82%8B45%E3%81%AE%E3%83%9C%E3%82%BF%E3%83%B3%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%20-%20IT%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3"> クリップへ追加する</a></p> </article> <article> <h1>デザイナーなら持っておきたいフォント30選</h1> <p>すもも — 2008-03-10T01:52:55Z</p> デザイナーなら持っておきたいフォント30選『30 Fonts That ALL Designers Must Own』«Photoshopで素早くグランジ系のポスターを作成するチュートリアル『Quick Grungy Poster』 |メイン| illustratorでぎざぎざな感じを表現する方法『How to make an object indented using illustrator』»デザイナーなら持っておきたいフォント30選『30 Fonts That ALL Designers Must Own』デザインにかっこいいフォントを選びたい。そんなあなたにおすすめなのが、『30 Fonts That ALL Designers Must Own』。デザイナーなら持っておきたいフォント30選だ。このエントリーでは、セリフ体（ひげあり）とサンセリフ体（ひげなし）の2種類に分けて、欧文書体が30紹介されている。以下にいくつかご紹介。■セリフ体・Adobe Caslon<br />　雑誌や新聞、本などに<br />・Adobe Garamond<br />　本や雑誌に<br />・Courier<br />　表や技術書、ワード文書に<br />・Mini... <a href="http://blog.creamu.com/mt/2008/03/3030_fonts_that_all_designers.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.creamu.com%2Fmt%2F2008%2F03%2F3030_fonts_that_all_designers.html&title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AA%E3%82%89%E6%8C%81%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%84%E3%83%95%E3%82%A9%E3%83%B3%E3%83%8830%E9%81%B8"> クリップへ追加する</a></p> </article> <article> <h1>初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス</h1> <p>すもも — 2008-03-10T01:50:03Z</p> お問い合わせフォーム、登録フォーム、キャンペーンの申込フォーム。<br />Webにはいろいろなフォームがある。<br /><br />Webプログラマーであれば誰もが一度は作ったことがあると思う。<br />新人プログラマーの初めての実務がフォームであることも多いだろう。<br /><br />新人が作っているというのにもかかわらず、技術的にも面白い部分がないせいか、正しい知識のある人がレビューすることが少ないと思われる。<br />単純さゆえにテストが不足しているということもあるかもしれない。<br /><br />上記の理由は憶測にすぎないが、杜撰なフォームがたくさん出回っているのは事実だ。<br />もう、CAPTCHAの話とか以前の問題だ。<br /><br />よく見かける悪い例を簡単にあげておく。新人が初めての実務に当たるときにこれを気にしてくれれば、世の中のフォームがだいぶ良くなると思う。<br /><br />1. クライアントサイド(JavaScript)でのチェックのみ。<br />2. 選択肢式の入力欄に対するチェックの漏れ。<br />3. 確認画面に遷移するときにはチェックするのに、完了画面に遷移するときにはチェックしない。<br />4. postのみを許可すれば入力値をいじることはできないという勘違い。<br />5. フロントエンドはSSLなのに、裏では管理者にメールを飛ばしている。<br />6.... <a href="http://en.yummy.stripper.jp/?eid=835168"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fen.yummy.stripper.jp%2F%3Feid%3D835168&title=%E5%88%9D%E5%BF%83%E8%80%85%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC%E3%81%8C%E7%B0%A1%E5%8D%98%E3%81%AA%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E3%82%8B%E3%81%A8%E3%81%8D%E3%81%AB%E3%82%84%E3%82%8A%E3%81%8C%E3%81%A1%E3%81%AA6%E3%81%A4%E3%81%AE%E3%83%9F%E3%82%B9"> クリップへ追加する</a></p> </article> <article> <h1>[N] Photoshopで写真を○○するテクニック</h1> <p>すもも — 2008-02-28T08:52:21Z</p> <br clear="all">ホームアバウト求人サイトマップAD RSS <br clear="all">トップ> 10:lifehack（ライフハック）> Photoshopで写真を○○するテクニックPhotoshopで写真を○○するテクニック2006年10月11日 10:23 ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。▼写真をアンディ・ウォーホールのポップアート風に加工する方法▼写真からパターン化されたシルエットを作成する方法▼Photoshopで写真をポップアート風にする方法▼Photoshopで写真をスケッチ風に加工する方法▼Photoshopで写真を石像風にするテクニック▼ホンモノの自動車をアニメ風にするPhotoshopテクニック Photoshopで写真を石像風にするテクニック<br /> iSightで写真を撮ってお金を管理する「Cha-Ching」<br />関連記事 Flickrをブラウズする11の方法<br /> ドメインネームを提案してくれる「Bust a Name」<br /> キーボードショートカット関連エントリーのまとめ<br /> ウェブアプリのキーボードショートカット23... <a href="http://netafull.net/lifehack/016059.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fnetafull.net%2Flifehack%2F016059.html&title=%5BN%5D%20Photoshop%E3%81%A7%E5%86%99%E7%9C%9F%E3%82%92%E2%97%8B%E2%97%8B%E3%81%99%E3%82%8B%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF"> クリップへ追加する</a></p> </article> <article> <h1>[JS]ソートできるテーブルを実装するスクリプト10選</h1> <p>すもも — 2008-02-19T04:52:23Z</p> コリスcontactsitemapサイト構築 -JavaScript[JS]ソートできるテーブルを実装するスクリプト10選単独使用のものから、jQueryなどのライブラリ併用まで、数値や文字・画像をソートできるテーブルを実装するスクリプト10選です。Tablesorter 2.0<br />要：jQuerySortable Table<br />要：PrototypesortableTable<br />要：mootoolsUnobtrusive Table Sort ScriptSortedTableTable-Sorttable sortTable SortingTable sorting JavaScriptTable SorterPost on:2008年2月5日[JS]テーブルの一部をハイライト・切り替えることできるスクリプト[CSS]スタイルの初期化(後編) -body内の個別タグ編複数のライブラリに対応したLightboxスクリプト -Shadowbox.js[JS]サイトのアクセントに使えるスクリプトを収集しているサイト -Hot! Ajax[JS]PrototypeとjQueryの比較[JS]簡単に画像表示のエフェクトを変更で... <a href="http://coliss.com/articles/build-websites/operation/javascript/792.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F792.html&title=%5BJS%5D%E3%82%BD%E3%83%BC%E3%83%88%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%8810%E9%81%B8"> クリップへ追加する</a></p> </article> <article> <h1>スライド作成ライブラリの決定版「Shadowbox.js」</h1> <p>すもも — 2008-02-12T01:01:15Z</p> スライド作成ライブラリといえば、「Lightbox.js」が代名詞的存在です。しかし、Lightbox.jsは写真しか扱うことができません。<br />そんな中、「Shadowbox.js」というライブラリを見つけました。これがスゴイ。写真、複数枚の写真のスライドショーはもちろんのこと、Flashアニメーション、QuickTimeムービーなどの映像、さらには外部Webサイトまで表示することができます。<br />さらに、オプションを駆使すれば、写真を自動縮小させるのか、それともドラッグドロップさせるのかといった、非常に細かい制御も可能。さらにさらに、Shadowbox.jsには「アダプタ」という概念が導入されています。Prototype.js+script.aculo.usや、Yahoo! UI Library、jQueryなどの主要ライブラリをすでに使っていれば、アダプタを介在させることで、それらのライブラリを自動的に使ってくれます。ライブラリが肥大化することもなし。これはすばらしいライブラリです。是非使っていきたいと思います。»Shadowbox.js Media Viewer <a href="http://www.h2o-ajax.com/archives/28"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.h2o-ajax.com%2Farchives%2F28&title=%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E4%BD%9C%E6%88%90%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%81%AE%E6%B1%BA%E5%AE%9A%E7%89%88%E3%80%8CShadowbox.js%E3%80%8D"> クリップへ追加する</a></p> </article> <article> <h1>130のPhotoshopグラデーションスタイル Ultimate Web 2.0 Gradients grd</h1> <p>すもも — 2008-02-04T04:50:43Z</p> フォトショップ用130種類のグラデーションスタイル。web2.0風のロゴやボタンが簡単に <a href="http://blog.4galaxy.net/27.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.4galaxy.net%2F27.html&title=130%E3%81%AEPhotoshop%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%20Ultimate%20Web%202.0%20Gradients%20grd"> クリップへ追加する</a></p> </article> <article> <h1>Ajax画像イメージギャラリー＆スライドショーのまとめ7選 : 4GALAXYのメモ</h1> <p>すもも — 2008-02-04T04:45:54Z</p> PHP AJAX CSS CMS Illustration Material and the likeHome 1524082007Ajax画像イメージギャラリー＆スライドショーのまとめ7選Samples, Ajax仕事で調べる機会があったので、実用的に使えそうな物をピックアップSample - Highslide JS<br />サムネイルからポップアップで原寸表示ギャラリー、Keyboardからもコントロールできます。HTML、Flashの表示も可能Sample - ThickBox 3.1<br />画像のほかにもHTML、IFRAM、INLINEコンテンツに対応しています。jQueryライブラリ使用。Sample - Fading Slideshow<br />1ページ型大きめの画像スライドショーなんかに良さそうです。prototype.js scriptaculous.jsを使用Sample - JonDesign’s SmoothGallery<br />埋め込みスライドショー型Sample - Lightbox 2<br />JSライブラリ prototype.js scriptaculous.jsを使用。Sample - YUI based con... <a href="http://blog.4galaxy.net/15.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.4galaxy.net%2F15.html&title=Ajax%E7%94%BB%E5%83%8F%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%EF%BC%86%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%81%AE%E3%81%BE%E3%81%A8%E3%82%817%E9%81%B8%20%3A%204GALAXY%E3%81%AE%E3%83%A1%E3%83%A2"> クリップへ追加する</a></p> </article> <article> <h1>複数のライブラリに対応したLightboxスクリプト -Shadowbox.js</h1> <p>すもも — 2008-02-04T04:12:23Z</p> コリスcontactsitemapサイト構築 -JavaScript複数のライブラリに対応したLightboxスクリプト -Shadowbox.jsShadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。Shadowbox.js Media Viewer<br />デモ<br />ダウンロードShadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。<br />下記に主な特徴を挙げます。拡大する際のコードは、簡易です。<br /><a href="image.jpg" rel="shadowbox">Image</a>併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。jQueryPrototype + ScriptaculousYUIExt(standalone)対応ブラウ... <a href="http://coliss.com/articles/build-websites/operation/javascript/772.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F772.html&title=%E8%A4%87%E6%95%B0%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%81%AB%E5%AF%BE%E5%BF%9C%E3%81%97%E3%81%9FLightbox%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%20-Shadowbox.js"> クリップへ追加する</a></p> </article> <article> <h1>携帯ホームページ(携帯サイト)をパソコンで表示する方法の解説</h1> <p>すもも — 2008-01-31T05:29:49Z</p> <br />携帯ホームページをパソコンで表示する方法の解説携帯ホームページ(携帯サイト)をパソコンで表示する方法の解説携帯ホームページをパソコンで表示する方法を画像を交えて詳しく解説します。携帯専用サイトは、通常のパソコンブラウザで見る事は出来ないものが多いのですが、ここで解説する方法で表示することが可能となります。携帯ホームページをパソコンで表示させるためのブラウザ携帯ホームページをパソコンで表示させるためには、インターネットエクスプローラーは使えません。ここでは、フリーのウェブブラウジングソフト「Firefox」を使った携帯ホームページの表示方法を解説します。「Firefox」は「インターネットエクスプローラー」に比べると知名度では劣ります。しかし「Firefox」は拡張性が高くまた、軽快な動作で人気のあるウェブブラウジングソフトです。インターネットエクスプローラー7では標準になった、タブ機能もいち早く取り入れていたことも特徴の一つです。「Firefox」のインストール方法まずは、「Firefox」のインストールを行います。<br />　　　上記より、「Googleツールバー付Firefox」をダウンロードします。<br /><br /><br />　　　<br />「Goo... <a href="http://www.aonsoku.net/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.aonsoku.net%2F&title=%E6%90%BA%E5%B8%AF%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%28%E6%90%BA%E5%B8%AF%E3%82%B5%E3%82%A4%E3%83%88%29%E3%82%92%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%81%AE%E8%A7%A3%E8%AA%AC"> クリップへ追加する</a></p> </article> <article> <h1>80+ Free 2-Column Website Templates</h1> <p>すもも — 2008-01-31T05:20:46Z</p> 本文なし <a href="http://mashable.com/2007/09/29/2-column-website-templates/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fmashable.com%2F2007%2F09%2F29%2F2-column-website-templates%2F&title=80%2B%20Free%202-Column%20Website%20Templates"> クリップへ追加する</a></p> </article> <article> <h1>Google Analyticsのちょっとしたテクニック</h1> <p>すもも — 2007-12-27T06:47:58Z</p> [ コンピュータ/インターネット - ブログ ]livedoorブログをはじめるライブドアのWebディレクター達がウェブサイト開発と運営について書き綴ります < 出会い系サイトの甘いワナウェブディレクターとプログラミング >Google Analyticsのちょっとしたテクニックこちらデイリー４コマ編集部です。<br /><br />今回はGoogle Analyticsを利用したクリックカウントの取り方におけるちょっとしたコツについてお話ししたいと思います。<br /><br />Google Analyticsはページ内に集計用のコードを貼り付けるだけで、業務用としても耐えられる、様々なアクセス解析できる優れもののツールではありますが、ただそれだけでは少々もったいないです。一つの機能としてクリックカウントを使ってみましょう。<br /><br />例えば<br /><a href="http://www.livedoor.com/">livedoor</a><br />というリンクがあったとします。このリンクが果たしてどれだけクリックされているかを知るために、以下のようにリンクに細工を施します。<br /><br /><a href="http://w... <a href="http://blog.livedoor.jp/ld_directors/archives/50866180.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.livedoor.jp%2Fld_directors%2Farchives%2F50866180.html&title=Google%20Analytics%E3%81%AE%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF"> クリップへ追加する</a></p> </article> <article> <h1>ブラック会社に勤めてるんだが、もう俺は限界かもしれないハムスター速報　２ろぐ</h1> <p>すもも — 2007-12-25T02:47:39Z</p> ハム速２ろぐ風化だけはさせたくない・・・200802«12345678910111213141516171819202122232425262728293031»200804動画・画像系週刊ジャンプ特集５（朝目新聞）<br />２ちゃんねるブラック会社に勤めてるんだが、もう俺は限界かもしれないカテゴリー：ブラック会社に勤めてるんだが、もう俺は限界かもしれない 1 ：以下、名無しにかわりましてVIPがお送りします。：2007/11/24(土) 21:38:07.44 ID:Jw+br6zA0<br />職業はプログラマ。この職業、マジでやばすぎる。<br /><br /><br />入社日での出来事。<br />パソコンを渡される→指示された通り、色々なものをインストール→設計書を渡される。<br /><br />「これでおっけーと。んじゃ作れ」<br />「え？」<br />「いや作れって」<br />「あ、え？は、はい」<br />「みんな忙しいから、出来る限り自分で解決しろよ」<br /><br />そう言って去っていくチームリーダー。<br />このまま悩んでてもしょうがない。とりあえず設計書を見てみるか。<br />フレームワークがどうのこうの、うんたらかんたら・・・。テストはどうのこうの・・・。<br /><br /><br />ワケわからんぞ<br /><br /><br /><br /><br /><br /><br /><br />2 ：￣￣￣￣￣∨￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣... <a href="http://urasoku.blog106.fc2.com/blog-entry-217.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Furasoku.blog106.fc2.com%2Fblog-entry-217.html&title=%E3%83%96%E3%83%A9%E3%83%83%E3%82%AF%E4%BC%9A%E7%A4%BE%E3%81%AB%E5%8B%A4%E3%82%81%E3%81%A6%E3%82%8B%E3%82%93%E3%81%A0%E3%81%8C%E3%80%81%E3%82%82%E3%81%86%E4%BF%BA%E3%81%AF%E9%99%90%E7%95%8C%E3%81%8B%E3%82%82%E3%81%97%E3%82%8C%E3%81%AA%E3%81%84%E3%83%8F%E3%83%A0%E3%82%B9%E3%82%BF%E3%83%BC%E9%80%9F%E5%A0%B1%E3%80%80%EF%BC%92%E3%82%8D%E3%81%90"> クリップへ追加する</a></p> </article> <article> <h1>CSSを使わずに画像を使ったSEOマークアップが簡単にできるjavascript</h1> <p>すもも — 2007-12-25T02:09:23Z</p> javascriptだけでテキストを画像に置き換えることが出来ます。コーディング作業が楽になります、 <a href="http://blog.4galaxy.net/66.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.4galaxy.net%2F66.html&title=CSS%E3%82%92%E4%BD%BF%E3%82%8F%E3%81%9A%E3%81%AB%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9FSEO%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E3%81%8C%E7%B0%A1%E5%8D%98%E3%81%AB%E3%81%A7%E3%81%8D%E3%82%8Bjavascript"> クリップへ追加する</a></p> </article> <article> <h1>ページ送り部分のデザイン研究</h1> <p>すもも — 2007-12-21T02:41:36Z</p> PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報をお届け前の記事 «：ロイヤリティフリーで使える高品質アイコン集「Danish Royalty Free Icons」<br />次の記事 »：Flash用物理エンジン「Box2DFlashAS3」<br />ページ送り部分のデザイン研究2007年11月19日スポンサードリンク<br />Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine<br /><br />ページ送り部分のデザイン研究。<br />SmashingMagazine にて様々なサイトのページ送り部分を色々とまとめたエントリが公開されました。<br /><br /><br /><br />なるほど、ページ送りといえど様々なデザイン方法があるようで、勉強になります。<br />色々なサンプルを見るうちに、自分のサイトのページャーはどんなのが合うか？といったことも分かってきそうです。<br /><br />PHPでページャーを作る場合は、「PEAR :: Package :: Pager」を使えば簡単に作れます。スポンサード... <a href="http://phpspot.org/blog/archives/2007/11/post_164.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2007%2F11%2Fpost_164.html&title=%E3%83%9A%E3%83%BC%E3%82%B8%E9%80%81%E3%82%8A%E9%83%A8%E5%88%86%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6"> クリップへ追加する</a></p> </article> <article> <h1>JavaScript(mootools)で映りこみを表現する</h1> <p>すもも — 2007-12-18T09:14:34Z</p> web2.0おなじみの映りこみをJavaScriptで表現できるライブラリはReflection.jsが有名でかつ軽いですが、mootoolsでもできるみたいです。「Reflection.js... <a href="http://loconet.web2.jp/blog/archives/2007/03/javascriptmooto.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Floconet.web2.jp%2Fblog%2Farchives%2F2007%2F03%2Fjavascriptmooto.html&title=JavaScript%28mootools%29%E3%81%A7%E6%98%A0%E3%82%8A%E3%81%93%E3%81%BF%E3%82%92%E8%A1%A8%E7%8F%BE%E3%81%99%E3%82%8B"> クリップへ追加する</a></p> </article> <article> <h1>フォームに入力を促すメッセージを出力する JavaScript</h1> <p>すもも — 2007-12-18T07:10:33Z</p> 鷹の島FaviconizeTab 出したりグリモン本書いたりしました [ « 前の記事 | 2007年02月の記事 | 次の記事 » ] [ トップページ ] [ このサイトについて | 検索 ] [ 編集 ] 2007-02-04 (Sun) ■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。実際の動作サンプルとりあえず submit ボタンを押せば、全て理解出来るかと思います。今回は C... <a href="http://espion.just-size.jp/archives/07/035231221.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fespion.just-size.jp%2Farchives%2F07%2F035231221.html&title=%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AB%E5%85%A5%E5%8A%9B%E3%82%92%E4%BF%83%E3%81%99%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%82%92%E5%87%BA%E5%8A%9B%E3%81%99%E3%82%8B%20JavaScript"> クリップへ追加する</a></p> </article> <article> <h1>CSSで角丸ボタン</h1> <p>すもも — 2007-12-18T06:47:01Z</p> Create Link Buttons with simple CSS and HTMLHow? Just one image, two tags, and some CSS rules Please view source to see how the CSS works Tested and compatible with IE6, Opera9, Firefox 2.0, Safari 2.0Syntax of the HTMLbuttonWhy?Many developers hate nested DIVs and SPANs for round corners and tired of fighting with designersExample : default stylebutton 7button 8button 9button 10button 11button 12Example : random texts «san vehicula qu » «vehicula quam » «an vehicula quam. &r... <a href="http://www.hedgerwow.com/360/dhtml/css-simple-link-button-with-round-corner/demo.php?"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.hedgerwow.com%2F360%2Fdhtml%2Fcss-simple-link-button-with-round-corner%2Fdemo.php%3F&title=CSS%E3%81%A7%E8%A7%92%E4%B8%B8%E3%83%9C%E3%82%BF%E3%83%B3"> クリップへ追加する</a></p> </article> <article> <h1>死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE</h1> <p>すもも — 2007-12-18T04:20:09Z</p> 本文なし <a href="http://gigazine.net/index.php?/news/comments/20070425_bestcss/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20070425_bestcss%2F&title=%E6%AD%BB%E3%81%AC%E3%81%BE%E3%81%A7%E3%81%AB%E8%A6%8B%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%B9%E3%81%8DCSS%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E9%9B%86%E3%81%BE%E3%81%A8%E3%82%81%20-%20GIGAZINE"> クリップへ追加する</a></p> </article> <article> <h1>TableとCSSいろいろ</h1> <p>すもも — 2007-12-13T06:11:29Z</p> デザインウォーカーロサンゼルスで働くウェブデザイナーの日記ロサンゼルスで働くウェブデザイナーの日記。TableとCSSいろいろ 10 4, 2007 02:04 PMサイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。<br /><br />例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り"Table"タグを使う方が効率的ですね。<br /><br />っちゅうわけで、本日はTableとCSSを使って表を作る方法をいろいろまとめてみました。<br /><br /><br />1. 16 Sortable Table Techniques | CSS Juice<br /><br />こちらの記事では、Table、CSS、Javascriptを使って16種類のソート可能な表の作り方をまとめられております。ソート機能は、あると結構うれしい機能ですね。デザイン的にもきれいなものが多いです。<br /><br /><br /><br /><br />2. CSS-Based Tables: Modern Solutions | Smashing Magazine<br /><br />こちらは、少し前の記事ですがCSSベースのTableデザインをまとめられております。きれいなも... <a href="http://www.designwalker.com/2007/10/table-css.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F10%2Ftable-css.html&title=Table%E3%81%A8CSS%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D"> クリップへ追加する</a></p> </article> <article> <h1>2007年10月 WEB制作者の為のベストエントリまとめ part5*ホームページを作る人のネタ帳</h1> <p>すもも — 2007-11-28T11:38:47Z</p> アクセス解析 <br clear="all">売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ2007年10月 WEB制作者の為のベストエントリまとめ part5<br />スポンサードリンク<br /><br /><br clear="all"><br />2007年10月に話題になった、ウェブサービス系を中心にまとめてあります。<br />お時間のあるときにどうぞ。<br /><br /><br />WEB制作者のためのライフハック<br />Seth Godin「すごいWebサイトを作る方法」（日本語訳） - TRANS [hatena]<br />歴史上、3人以上で作られたすごいWebサイトというのは存在しない。1つもない。厄介なことになるだけだ。感動した。<br /><br /><br /><br />便利サービス<br />rsizr<br /><br clear="all"><br />このサービスは異常。<br />すごいと言う意味で。<br />文章の一部を残したままリサイズしたりする液体リサイズです。<br />Gimpでもこうしたプラグインがあった事を以前紹介しましたが・・・。<br />これは楽すぎる。<br /><br /><br /><br />自動的に素敵なサイトマップを作ってくれるサービス<br /><br clear="all"><br />URLを入力すると、手軽にサイトマップを作ってくれる優れもの。星５つ。<br /><br /><br /><br />フリー素材サイト PHOTO ST（フォトストリート）<br /><br clear="all"><br />プロが撮影した写真を、商用、個人利用問わず無料で使える。ご利用にはユーザー登録が必要です。<br /><br /><br /><br />時速ニコメートル-ニコニコ... <a href="http://e0166.blog89.fc2.com/blog-entry-345.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-345.html&title=2007%E5%B9%B410%E6%9C%88%20WEB%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E7%82%BA%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%82%A8%E3%83%B3%E3%83%88%E3%83%AA%E3%81%BE%E3%81%A8%E3%82%81%20part5*%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E4%BD%9C%E3%82%8B%E4%BA%BA%E3%81%AE%E3%83%8D%E3%82%BF%E5%B8%B3"> クリップへ追加する</a></p> </article> <article> <h1>IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』 | CREAMU</h1> <p>すもも — 2007-11-28T07:13:45Z</p> IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』«Ajaxのローディング画像ジェネレータ『AJAX LOADING GIF GENERATOR』 |メイン| 色で検索できる画像検索エンジン『xcavator』»IEとFFで同時にCSSを確認しながら編集できるフリーソフト『CSSVista』異なるブラウザのブラウザチェックをもっと簡単にしたい。そんなあなたにおすすめなのが、『CSSVista』。IEとFFで同時にCSSを確認しながら編集できるフリーソフトだ。What is it?<br />CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. CSSVistaとは？<br />CSSVistaはweb制作者のためのWindowsアプリケーション。ライブにIEとFFのCSSを同時に編集できる。とのことだ。IEとFFといっても、バージョンに... <a href="http://blog.creamu.com/mt/2007/06/ieffcsscssvista.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fblog.creamu.com%2Fmt%2F2007%2F06%2Fieffcsscssvista.html&title=IE%E3%81%A8FF%E3%81%A7%E5%90%8C%E6%99%82%E3%81%ABCSS%E3%82%92%E7%A2%BA%E8%AA%8D%E3%81%97%E3%81%AA%E3%81%8C%E3%82%89%E7%B7%A8%E9%9B%86%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%95%E3%83%AA%E3%83%BC%E3%82%BD%E3%83%95%E3%83%88%E3%80%8ECSSVista%E3%80%8F%20%7C%20CREAMU"> クリップへ追加する</a></p> </article> <article> <h1>スタイリッシュなフォームをカスタマイズ＆ダウンロードできる『pForm』 | i d e a * i d e a</h1> <p>すもも — 2007-11-21T10:50:16Z</p> « Tシャツでストップモーション、のプロモーションビデオが良く出来ている。 |メイン| これ、すごいかも・・・紙で簡単に作れる『ペーパートランスフォーマー』 »スタイリッシュなフォームをカスタマイズ＆ダウンロードできる『pForm』<br />October 10, 2007 4:26 PM written by Gen Taguchiこれはかなり便利です。今風のスタイリッシュなフォームをブラウザ上でがんがん作っていくことができます。作ったフォームはHTML＋画像＋CSS＋Javascriptでダウンロードできるので自分のサイトに組み込むのも簡単です。使い方は次の3ステップ。デザインを選択素敵すぎるスタイル（←主観）25種類から選択できます。項目をカスタマイズラベルや説明文を追加していきます。ここの操作、ユーザビリティ高いな・・・。フォームをダウンロード完成したフォームはさくっとダウンロード。プレビューもできます。ちなみにダウンロードしたZIPには以下のようなファイルが含まれていました。環境にあわせてちょこちょこっと変更すればすぐに使えそうですね。ご利用はこちらからどうぞ。» pF... <a href="http://www.ideaxidea.com/archives/2007/10/pform.html"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2007%2F10%2Fpform.html&title=%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%83%E3%82%B7%E3%83%A5%E3%81%AA%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%EF%BC%86%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%80%8EpForm%E3%80%8F%20%7C%20i%20d%20e%20a%20*%20i%20d%20e%20a"> クリップへ追加する</a></p> </article> <article> <h1>Free Icons and Buttons</h1> <p>すもも — 2007-11-20T10:37:40Z</p> It may sound a bit strange, but visual elements on your page can be extremely beneficial for your site. They are indispensable, if you want to draw readers’ attention towards something, or want to motivate them to some particular actions, whatsoever. Besides, well-designed icons and buttons make your site threefold appealing. Here’s a hand-picked selection of high-quality icons and buttons that can be placed on your site. Note, that not all of them can be used for commercial purposes.XP iCandy 3.1: 17 icons... <a href="http://techmagazine.ws/free-icons-and-buttons/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Ftechmagazine.ws%2Ffree-icons-and-buttons%2F&title=Free%20Icons%20and%20Buttons"> クリップへ追加する</a></p> </article> <article> <h1>ロイヤリティフリーで使える高品質アイコン集</h1> <p>すもも — 2007-11-20T09:10:48Z</p> <a href="http://jonas.seph.ws/"> 続きを読む</a> <p> <a href="http://clip.nifty.com/create?url=http%3A%2F%2Fjonas.seph.ws%2F&title=%E3%83%AD%E3%82%A4%E3%83%A4%E3%83%AA%E3%83%86%E3%82%A3%E3%83%95%E3%83%AA%E3%83%BC%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E9%AB%98%E5%93%81%E8%B3%AA%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E9%9B%86"> クリップへ追加する</a></p> </article> </main></body></html>

すももさんのクリップ一覧｜@nifty クリップ

今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』*ホームページを作る人のネタ帳

30+ Animated Tab-Based Interface and Accordion Scripts

GoogleのSEOスターターガイドの翻訳 - ソーシャルメディアマーケティング SMM.jp