CSSで組むことのメリットとか
テーブルレイアウトじゃなく、正しいHTMLとCSS使ってサイトを作ることのメリットって何だろー？ そんな事をたまに思いつつ、古いサイトの修正を依頼されて、ソースを覗いて、ガチテーブルだとものすごいテンションが落ちるので、それだけとってもCSSはいいんすよ！とか思うけど、もうちょっとだけ考えてみたりググってみたのです。 とりあえず、内容被り気味だけど以下のようなのがあると思う！ ソースがとてもシンプルになる。 容量が軽くなる。 エコなんです！っていう表現も使える。 大規模サイトならトラフィック軽減になるぽい。 ちょっとCSSを編集すれば、サイト全体の修正が出来る。 メンテナンス性が向上する。 HTMLを変えなくてもデザインをガラッと変える事ができたりする。 あんまり考えてなくても、アクセシビリティ面がよくなる。 デザイン要素が邪魔な人は切れる。 テキストエディタオンリーでもいける。 今後表現
モダンなボタンの作り方 / ウェブデザインライブラリー
投稿日：2008年4月22日 レベル：初心者 ソフトウェア： このチュートリアルでは、モダンなボタンを描いてみたいと思います。 Step1 ： 新規ドキュメントの作成 Step2 ： 角丸長方形ツールの設定 Step3 ： ボタンのシェイプを作る Step4 ： ボタンのシェイプの設定 Step5 ： 新規レイヤーの作成 Step6 ： スタイルの追加 Step7 ： ボタンの完成 Step8 ： 新規レイヤーの作成 Step9 ： テキストの追加 Step10 ： 完成
検索エンジン考:同じテーマのサイトからの被リンクをGoogle、YSTはどう評価するのかという調査 2008/4/22
同じテーマのサイトからの被リンクをGoogle、YSTはどう評価するのかという調査 2008/4/22 SEO対策リサーチさんというサイトがこの問題について「同じテーマのサイトからの被リンクは評価が高い？」という記事を書いておられる。 6000URL各100件合計600000件のリンクについてという膨大なデータを元にされた記事である。 この調査では、データを素直に読み取ると、Google対策には、よりテーマが近いサイトからのリンク獲得が有効であり、Yahoo!対策には、より多様性のあるリンクの獲得が有効であるといえるのではないでしょうか。という結論を出しておられる。 だが、私の個人的な見解としてはこの全く逆で、YSTは関連性を重視し、Googleは最終的に数が重視されるというものである。 この記事に関する論評としては SEO塾さんの「リンク元の関連性と上位表示 グーグルはありヤフ
robots.txtの書き方（保存版） » 海外SEO情報ブログ・メルマガ
今日は、いつか書こう書こうと思って、そのままにしておいた「robots.txt」にの書き方・書式について書きます。 robots.txtは「ロボッツ・テキスト」、または「ロボット・テキスト」と読みます。 robotではなく、robotsです。 robots.txtはサーチエンジンのクローラ（スパイダー）の、ファイルとディレクトリへのアクセスを制御するために使われます。 「secretsというディレクトリにあるファイルにはすべてアクセスさせたくない」とか、「himitsu.htmlというファイルだけはアクセスさせたくない」という使い方ができます。 「アクセスさせたくない」というのは、「インデックスさせたくない」すなわち「検索結果に表示させたくない」ということです。 「なぜ、検索結果に表示させたくないの？」と疑問に思うかもしれません。 さまざまなケースがあります。 たとえば、URLを自分が教え
「SEOマニフェスト」で考えるSEO担当者の「べし」「べからず」（後半） | Moz - SEOとインバウンドマーケティングの実践情報
SEOコミュニティのリーダーが繰り返し言うように、meta keywordsタグは無視すること。基本に戻って、関連性の高いコンテンツを追加し続けていれば、Askやヤフーはコンテンツに基づいてページをインデックス化して、meta keywordsタグをインデックス化するのをやめるだろう。 これも強く反対だな。meta keywordsタグは競争力を高める最高の情報だ。だから、絶対それを自分のページに用い続けるべし！ そうすればきっと、ヤフーやAskよりも君のSEO界の友人がそれを認めてくれるよ。さらに、僕は何年か前にA/Bテストをやってみたところ（ただ、状況はそのときと変わっているかもしれない）、ヤフーはメタタグ内の意味のないキーワードでもインデックス化してくれるが、それで検索順位はまったく上がらないことがわかった。これについては、ダニー・サリバン氏のこの意見に僕は同意するね。 PageRa
かゆいところに手が届く携帯サイトCMS／大戸屋＋katy | 失敗しないためのCMS導入事例
昭和33年、東京タワーと時を同じくして「大戸屋食堂」を池袋東口に開業した大戸屋は、2008年で創業50年を迎える。フランチャイズ店を含めて205店舗に拡大した現在でも、大戸屋は素材へのこだわりをもち、店舗での調理を実施し、女性や30～40代の健康に気を遣う年齢層から多くの支持を得ている。 大戸屋では2001年にPC向けウェブサイトを、2007年12月に携帯電話向けウェブサイトを開設している。今回はその携帯サイトに注目して、開設の経緯と今でも更新に利用しているコンテンツ管理システム「katy」について伺った。 ウェブサイトの基本的な情報や利用CMSに関する情報はページの末尾に記載。 「とりあえず作る、という姿勢でしたね。うちの店からウェブサイト制作会社に転職した人に頼んで、フレームワークだけ安く作ってもらいました。商品の画像を貼り付けて、テキスト情報を作るのは、市販のソフトを使って社内でやっ
ペルソナとは――ウェブサイト向けペルソナを理解して、思いこみのユーザー像と決別しよう | やってみましたペルソナ作り
顔の見えにくい漠然とした「ユーザー」ではなく、あたかも実在する人物のように具体的に記述されているので、ペルソナシートを読めば、その人が何を期待してどのようにウェブサイトを訪れ、どのように見るページを選んでいるかなどを、具体的かつ体系的に深く理解できる。 ユーザーが「できること」だけではなく「したいこと」を見つける「ユーザーにとって使いやすいサイトを設計したければ、ユーザビリティテストで十分だ」と考える人もいるかもしれない。確かに、ユーザーが「できること」「できないこと」「しやすいこと」「しにくいこと」に関しては、いわゆるユーザビリティの領域でカバーできていた部分だ。しかし、ユーザビリティでは、ユーザーがそれを望んでやっていることかどうか、つまり「したいこと」「したくないこと」あるいは「してほしいこと」「してほしくないこと」を理解することは難しい。 それに対してペルソナは、架空とはいえ、あた
商売用におけるチープ革命の意義。リピーター対策が叫ばれる本質はここにある | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 「さっきのページに戻って」「悪くはないけどインパクトが」「色が派手じゃない」。パワーポイントでのプレゼンは便利なようで不便な気がします。重箱の隅がつつきやすく、指で示せるヴィジュアルが「思いつき」に説得力を与えます。 他社のサイトを例に挙げた会議で「クイズコーナーがいいね」と、本筋とは無関係の「捨てページ（遊びとも呼ぶ）」に役員が反応します。彼らの顔を立てるのも会議の技術ですから「なるほど」と賛意を示し、「それ
B to Bリードジェネレーション入門講座 ?新規顧客をみつけるための10の方法│Web担当者Forum
足だけでがんばる営業なんてやってられない！ 戦略的リードジェネレーションへの道 見込み客の獲得はビジネスにおいて欠かせない要素だ。すばらしい製品やサービスも必要とする相手に届かなければビジネスは成り立たないし、リピーターだけでは企業として大きな成長は見込めないため、常に新規顧客を開拓し続ける必要がある。しかし、無闇な宣伝や闇雲な営業では費用対効果が悪い。 ここでは、見込み客獲得のためにはどんな手法があるのか、リードジェネレーションの基本的な考え方や手法に触れ、リードジェネレーション戦略の全体を把握しよう。 見込み客の皆様この指止まれ！リードジェネレーションとは、「この商品／サービスに興味・関心がある人、この指止まれ！」と購入につながる可能性の高い見込み客（セールスリード）を顕在化する活動の総称である。顕在化の方法としては、詳しい資料の請求をはじめとして、セミナー参加、モニター応募、トライア
The 聞 – 旬の情報を旬のうちに
Copyright 2019 Kasari Computer Lab. 1249-2, Manya, Kasaricho, Amami-shi, Kagoshima, 8940502, Japan
The 聞 – 旬の情報を旬のうちに
Copyright 2019 Kasari Computer Lab. 1249-2, Manya, Kasaricho, Amami-shi, Kagoshima, 8940502, Japan
div要素もリンクにするjavascript「jquery.biggerlink」
リンクと言えばaタグですが、ボックス単位の大きなdiv要素もリンクにしたくなります。 jquery.biggerlinkはそんな我が儘を叶えてくれるjavasrciptです。 sponsors 使用方法 jquery.biggerlinkからjquery.biggerlink.jsを、jQueryからjquery.js（v1.2.1）をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.biggerlink.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#id名 div')
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
プレゼンにも最適、ページ内のユーザーの視線をシミュレートする -Feng GUI heatmap | コリス
Feng GUI heatmapは、独自のアルゴリズムに基づいて、ユーザーの視線がどのようにページ内で移動するかとその頻度を表示するヒートマップを作成するサービスです。 Feng GUI heatmap Feng GUI heatmapは、実際のユーザーの視線やマウスの動き・クリックを検出するものではなく、独自のアルゴリズムに基づいてヒートマップを作成します。そのため、サーバーのログなどは必要ありません。 フラッシュの場合は、キャプチャした画像（960x640）をアップロードすると生成されます。 ヒートマップを作成するには、３つの方法があります。 オンラインで Firefoxのエクステンションで ViewFinder website heatmap 1.0 ブックマークレットで Feng GUI heatmapは独自のアルゴリズムでヒートマップを作成するので、実際にアップロードされていない
YouTube動画をアニメーションGIFに変換する「gickr」 - ネタフル
「（仮）秋元」で、YouTube動画をアニメーションGIFに変換する「gickr」というサービスが紹介されていました。 YouTubeの動画URLを入力し、さらにサイズやフレームの数を入力するだけで、自動的に生成してくれる優れものです。 確かにYouTubeなので動画をそのまま貼り付ければ良い訳ですが、なんとうか雰囲気ものというか。 生成されたものはブログに埋め込むことも可能です。 試しに作ってみましたが‥‥ pimp myspace – Gickr ちょっと面白かったりします。ちなみに元ネタはコレです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語でイケてるサイトがサムネイル付きで紹介しているサイト | Webデザインのタネ
何百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxプラグイン*ホームページを作
http://mocamoca.biz/blog/2008/04/xhtml.html
IDEA * IDEA
IDEA * IDEA
YouTubeをiPod mp3 携帯に変換できるサイト - TubeFire