ブログのCSSデザイントップ20 - GIGAZINE
CSS BloomというブログなどのCSSデザインをみんなで評価するサイトにて、高評価のデザイントップ20です。 日本のブログデザインのコンセプトとちょっと違うのが多く、見ているだけでも面白いです。ブログデザインの展示会といった感じ。また、どんなデザインのブログにしようかな～と思っている場合にはかなり参考になります。 Top 20 Blog Designs | Blog http://silentbits.com/?p=339 http://silentbits.com/?p=385 以下、上記サイトで出てきたトップ20のサイト第1弾。 Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Avalonstar. The Aries Project. By Bryan Veloso. Matt Brett Joshuaink
無料で利用できるアイコン集「Tango Icon Library」
クリエイティブコモンズライセンスにて提供されており、無料で使うことができます。また、16x16、22x22、32x32の3種類のサイズのPNG画像以外にも、SVG形式で提供されているため、好きなサイズに変換して利用することも可能です。 ダウンロードは以下から。 Tango Icon Gallery - Tango Desktop Project 使用条件についてはこのページの「Terms Of Use」に書いてあります。 また、SVG形式から好きなサイズのPNG形式画像に変換するには、フリーソフトの「Inkscape」を使うと簡単です。 Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」 - GIGAZINE 起動したらSVG形式のファイルを開いて、「ファイル」→「ビットマップにエクスポート」を選ぶ。 あとは幅と高さを設定して「エクスポート」をクリックすればO
シンプルな背景パターン画像を作成する無料サービス「Background Image Maker」
斜め線や平行線、ドットやグラデーションのパターンのもととなる背景画像を簡単にサクサク作成できる無料サービスです。線と線の間隔や色、背景色、透過するかどうかなどを指定することで、お好みのパターンが作成できます。 Background Image Maker http://lab.rails2u.com/bgmaker/ 条件を指定してから「Make」をクリックすれば右側にサンプルが出てくるので、気に入ったパターンが生成されたら「URL」に表示されているアドレスをコピーして、ブラウザのアドレスバーに貼り付けて表示すれば、元になる画像が表示されます。あとはそれをダウンロードすれば完了。 繰り返しパターンの画像というのは慣れている人はすぐに作成できますが、それでもいろいろな種類をドンドン作るというのはかなり繁雑な作業の繰り返しになるので、こういったサービスは助かります。
スミソニアン博物館の所蔵する画像を無料でダウンロードできる「Smithsonian Images」
多くの博物館群から構成され、1億4200万点もの収集物を保持しているかの有名なスミソニアン博物館が運営しているのがこの「Smithsonian Images」というサイト。その名の通り、スミソニアン博物館の所蔵する収集物の画像を閲覧することができ、さらにそれらすべてについて無料でダウンロードすることが可能。ダウンロードした画像は個人および非商用に限って利用することが可能なので、自分のサイトに画像を使いたいという場合にはかなりお役立ちです。 詳細は以下から。 Smithsonian Images: Digital Photography, Printed Pictures, Historic Images, and E-Cards かなりの数のカテゴリに分類されており、以下のページから全カテゴリを閲覧することができます。 Categories ページ自体には簡単な検索窓が用意されているので、
商用利用可能な写真が4000枚以上ある「ゆんフリー写真素材集」 - GIGAZINE
今まで山ほど素材関連のサイトを見つけてきましたが、灯台もと暗し、日本にもありました。というか、今まで日本の他の素材サイトは紹介できるだけの質と物量がないところばかりだったのですが、この「ゆんフリー写真素材集」は枚数が非常に多く、ジャンル別に整理もされており、解像度も400メガピクセル相当のものなのでサイトの作成以外にちょっとした印刷レベルまで耐えられるのではないかと。 詳細は以下から。 ゆんフリー写真素材集 http://www.yunphoto.net/ ジャンルは朝焼・夕焼、大地、草原、滝、池・湖・沼、山、海辺、森・林、水中、雪、空・雲、川、岩、紅葉などの自然風景が非常に多く、ほかにも夜景、建物、橋・ダム・噴水他、文化・ダンス、道、花火、都市などの人の営みや、木、花、植物（果実・葉他）、動物、鳥、魚介、昆虫等小動物というような生物関係、小物や乗り物などにいたるまで、大抵のものがそろって
800個以上のの背景パターンを入手できるサイト「Kaliber10000」 - GIGAZINE
いろいろな背景パターンとして利用できる画像が置いてあります。画像によっては商用利用可能なものもあります。とにかくものすごい数があるので、飽きません。 詳細は以下から。 Kaliber10000 { The Designers' Lunchbox } 「Next」をクリックしてたどることができる数はわずかなので、ドロップダウンメニューの「View by name」からであれば確実に全種類を閲覧可能です。 日付によって絞り込むこともでき、ランダムにいくつかの背景画像を表示させてそこから選ぶといったこともできます。
無料で利用できるフォントがダウンロードできる「Open Font Library」
無料のクリップアートを山ほどダウンロードできる「Open Clip Art Library」の姉妹プロジェクトで、パブリックドメインで利用できる無料フォントを集めるプロジェクト、それが「Open Font Library」です。置いてあるフォントはすべて無料でダウンロードして利用可能となっています。 詳細は以下から。 Open Font Library Type Casting. http://www.openfontlibrary.org/ フォントの一覧は以下から見ることができます。 Open Font Library Fonts フォント名をクリックするとこのように、実際のサンプルを見ることができます あとは「ttf」と書いてあるボタンをクリックすれば、フォントファイルをダウンロードすることが可能です。
GIGAZINE - 検索エンジン最適化状態を一度に全部チェックする「SEOTOOLS」
チェックしたいサイトのアドレスを入力するだけでGoogleページランク、Yahoo!WEBランク、トラフィック世界ランク、サイト来訪者数、サイト来訪者の平均ページビュー、最重要に設定されているキーワード、最重要キーワードの月間検索数、Google/Yahoo!/MSNの最重要キーワードでのサイトの順位と競合数・狙い目数値、Google/Yahoo!/MSNの被リンク数、ドメイン取得年月日などがわかります。 今まであちこちの同種のサイトを使っていたのがかなり楽になります。国内サービスなので表示も全部日本語で、非常にわかりやすいです。 SEO TOOLS http://www.seotools.jp/ SEOアクセス解析ツール http://www.seotools.jp/001_seoanalyze/ SEO TOOLS - 順位チェックツール http://www.seotools.jp/
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
Googleから嫌われていないかどうかチェックする「Google Ban Checker」 - GIGAZINE
Googleの検索結果に自分のサイトが引っかからなくなると言う村八分のような状態、通称「Google八分」になっていないかどうかをお手軽にチェックできるフリーソフトです。 また、SEO的観点から、自サイトからそういうGoogle八分されているサイトへのリンクというのは、不利になる可能性があるということで、リンク先のサイトのチェックもできるのが秀逸な点。 では使ってみましょう。 まずダウンロードは下記サイトから。 Google Ban Checker - SEO Junkie http://www.seojunkie.com/2006/05/09/google-ban-checker/ インストールして起動後、リンクチェックの方法を決めます。「By completely crawling your site」ならトップページからたどった先のページのリンクも全部たどっていくという方式。「By
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
Google Adsenseの代替広告にAdsense紹介プログラムを使う方法
GIGAZINEでも試験的に採用している「Google Adsense」ですが、これは「コンテキスト ターゲット」という種類の広告表示方式であり、そのページの内容に合致する広告を選んで表示してくれる仕組みになっています。しかし、必ずその内容と一致する広告が出るわけではなく、時には何も出てこない場合もあります。その場合は公共広告が表示されます。 公共広告の代わりに、自分で指定したアドレスのページや画像などを表示させる、つまり「代替広告」を使う方法もあるわけですが、なんとこの代替広告として「Adsense紹介プログラム」を使うことが可能になるという方法があるのです。 詳細は下記の通り。 SABlog | #155 AdSenseの公共広告の代わりに紹介プログラムを表示 簡単なHTMLファイルを作ってそれを指定するだけで、代替広告としてFirefoxやPicasaなどの紹介プログラムを使うことが
Google AdSenseの始め方 その2「広告を最適化する」
前回までは主に最初のスタートアップについてでしたが、今回はいよいよ広告をサイト、あるいはブログに貼るという実行の段階です。一番重要なポイントなのですが、大抵収益率の低いケースの場合はこの段階で手抜きをしているケースがほとんどです。極端な話、ここでどういうアプローチを取るかで収益率が違ってくるので、継続的な試行錯誤が必要になってくる場面といえます。 今回はここまで行きます。 ・AdSenseの設定1：サイトに合わせるためのカラーパレット ・AdSenseの設定2：効果的な設定を模索するためのチャネル ・AdSenseの設定3：収益に結びつかない広告を弾くフィルタ ・コンテンツ向けAdSenseの作り方 ・検索向けAdSenseの作り方 ・「このサイトに広告を掲載」表示の停止 とりあえずAdSenseをサイトに貼ってみるところまでとなります。解説は以下を参照。 ◆AdSenseの最適化の前に
ついに「Google Adsense ブラックリスト日本版 Beta」が登場 - GIGAZINE
以前に紹介した、AdSenseのクリック単価が安いクライアントのリストを共有して作成し、それをAdSenseの非表示フィルタに追加することで収益をアップさせるというGoogle AdSenseの収益を50％引き上げるブラックリスト「AdsBlackList.com」ですが、それの日本版とでも言うべきサイトがついに立ち上げられたようです。 かなり高機能になっており、選択可能なカテゴリは13種類、情報商材などのフィルタリングも可能で、さらにそれぞれのブラックリスト対象のアドレスについて投票数別に絞り込めるので、信頼性の高いリストを入手することができます。 利用方法や詳細は以下の通り。 Google Adsense ブラックリスト日本版 Beta http://www.webpersons.info/adsbl/ 選択できるジャンルはゲーム、コスメ、SEO、株、ダイエット、学習、アフィリエイト、
9800個のフリーフォント配布サイト - GIGAZINE
9800個もあるフォントを無料でダウンロードできるサイトです。ちゃんとプレビューも表示されるのでダウンロード前にどんな書体か確認もできます。 ダウンロードするには「DOWNLOAD THE FONT」の下にあるフロッピーディスクのアイコンをクリック。ポップアップしたウインドウに表示されるランダムなアルファベット3文字を入力して「Send」をクリック。あとは表示される「click to download the file」をクリックすればダウンロードできます。 9800 Free Fonts, fonts for free, font finder, download free fonts, free typography http://www.creamundo.com/index.php?lang=en ほかにも以下のサイトで無料のフォントを山ほどダウンロードできます。いざというときに備
よくクリックされるGoogleAdSenseの条件3つ - GIGAZINE
これを試しに実行してみた結果、今まで1日10ドルだったのが1日700ドルになり、最終的には1日1700ドルの売り上げになったとのこと。一体何をしたのでしょう？GoogleAdsense担当者のブログからの実例に基づく効果的な最適化の報告。 Inside AdSense: Meet Ivan the optimiser -- but please, no paparazzi この報告によると、この結果はいわゆるアドセンスへの最適化というのを施した結果、発生したようです。最初は468×60サイズのバナーをページ最下部に配置していたそうです。これをまず300×250の中間ほどの大きさのレクタングルに変更。配置場所を各コンテンツの一番上と一番下にそれぞれ変更。また、色合いを補色で構成。これで1日10ドルから1日100ドルに上昇させることに成功。最終的にはページの上と下から、ページの真ん中、つまりよ
Google AdSenseの始め方 その1「審査を突破する」 - GIGAZINE
GIGAZINEのGoogle AdSenseアカウントを個人アカウントからビジネスアカウントに変更する際に新規申し込み作業をもう一度行ったので、そのときの全作業記録を何回かに分けて公開します。中身はかなり長いのですが、ざっとこんな感じです。 ・申し込みのやり方 ・審査のポイント ・審査通過後の手続き（税務情報） ・収益を振り込む銀行口座の登録 ・AdSenseの設定1：サイトに合わせるためのカラーパレット ・AdSenseの設定2：効果的な設定を模索するためのチャネル ・AdSenseの設定3：収益に結びつかない広告を弾くフィルタ ・コンテンツ向けAdSenseの作り方 ・検索向けAdSenseの作り方 ・「このサイトに広告を掲載」表示の停止 ・Google AdSense狩り対策 アフィリエイトで最も有名なのはお手軽に始めることのできるAmazonなどですが、適切な設定をしてやれば、収
無料で商用利用可能な写真が3600枚以上あるサイト「PD Photo」 - GIGAZINE
ロイヤリティフリーで商用利用も可能なパブリックドメインの写真を数多く取りそろえているのがこの「PD Photo」です。主に風景写真が多く、現時点で3691枚ほど用意されています。検索して探し出すことも可能で、非常に使い勝手がよいです。 アクセスは以下から。 PD Photo - Free Photos And Pictures (public domain, stock pictures, wallpaper, royalty free, clip art, etc) http://www.pdphoto.org/ このサイト、FAQのぺーじによると最初は友人や家族のために写真を公開していたそうですが、そのうち訪問者から「この写真を使ってもいいか？」という問い合わせが多く寄せられたため、パブリックドメインで公開することにしたそうです。ただし、画像によってはパブリックドメインでなかったり、商
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
