User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
cohtan blog: VimでHTMLやCSSの保存と同時に各ブラウザのリロードを実現する
2008年3月3日 VimでHTMLやCSSの保存と同時に各ブラウザのリロードを実現する 最近はHTMLやCSSも書いてます。 ずっとVimを使って書いているのですが、いちいちブラウザチェックの為にリロードするのがめんどくさくてかないません。 皆さんそう思っているようで、 CSSを保存したときにブラウザを更新 mac+applescript+emacs+safari というエントリを見つけました。 Emacsウラヤマシイ！Vimでもやりたい！ ということでvimrcとAppleScriptを連携させてやってみました。 しかも、 Mac+AppleScript+Vim+Safari+Firefox+Opera という感じで、Safari & Firefox & Operaも同時更新させるようにしました。 まずはAppleScript。 /Applications/AppleScript/スク
パンくず詳解 | コリス
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ（見つけやすさ）を改善するものとなります。 また、ランディングページ（検索などから訪れた最初のページ）にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
GoogleがホスティングしてるjQueryなどのJavaScriptライブラリを使う方法 - F.Ko-Jiの「一秒後は未来」
そういえばGoogleがjQueryをホスティングしてたよなぁということを思い出して調べたのでメモ。 2009年1月14日時点でGoogleがホスティングしているライブラリは以下の8種類です。 jQuery (1.2.3, 1.2.6) jQuery UI (1.5.2, 1.5.3) Prototype (1.6.0.2, 1.6.0.3) script.aculo.us (1.8.1, 1.8.2) MooTools (1.11, 1.2.1) Dojo (1.1.1, 1.2.0, 1.2.3) SWFObject (2.1) Yahoo! User Interface Library (YUI) (2.6.0) YUIもホスティングされてます。 それぞれのライブラリは直接 script タグで読み込むこともできますし、GoogleのAJAX API Loaderを利用して読み込むこ
Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース
Comments» 1. 本日のTwitter 2009-01-18 | memoMania - 2009-1-19 […] Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース http://blog.blueblack.net/item_340 # […] 2. ゲスト - 2009-1-19 (ただ、私の環境だとたまに、実行時にDOS窓が残ってブラウザを閉じるまでファイルが編集不能になる現象が発生します。なぜだろう。) firefoxの前にstartを入れるとどうでしょう？ 3. nase - 2009-1-19 ありがとうございます！動作確認できました。よけいなDOS窓が開かなくなって、いい感じです。本文も修正させてもらいました。 4. sasata299's blog - 2009-2-6 vim環境を晒してみる… いきなりですが、僕はvi派です。emacsは・
お手軽テンプレート - higeorange's blog
HTMLを書くときにDOCTYPE とか どの文章でも同じ構造(html, head, body) といちいちかくのはめんどくさい。 そこで html ファイルを新しく作ったときに自動でその辺を挿入してくれると便利だ。 まず, テンプレートファイルを用意 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> </head> <body> </body> </html> これを skel.html として ~/.vim/templates/ にでも保存する
ke-tai.org > Blog Archive > ケータイサイトでGoogle Analyticsを利用するためのライブラリ
ケータイサイトでGoogle Analyticsを利用するためのライブラリ Tweet 2009/1/16 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ケータイサイトでGoogle Analyticsを利用するためのライブラリ「SELENE.GA4K」というものがあるらしいです。 → EOS Project GA4K [exbridge.jp] → ITMedia +D Mobile Googleのアクセス解析を携帯サイトで – エクスブリッジがライブラリ公開 [itmedia.co.jp] Google Analyticsは、JavaScriptで動作するため、本来ケータイサイトでは動作しません。 こちらのPHPで作られたライブラリ「SELENE.GA4K」では、PHP経由でGoogleが提供しているAPIを利用し、ケータイサイトでもGoogl
WordPressで導入したプラグインまとめ - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
ドットインストール代表のライフハックブログ
GoogleのSEOスターターガイドの翻訳 - ソーシャルメディアマーケティング SMM.jp
ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 Official Google Webmaster Central Blog: Google's SEO Starter Guide GoogleがSEOのスターターガイドをPDFで配布しはじめました。さっそく全部読みながら訳してみました。 あとでリンクや画像などを追加して読みやすくするかもしれません。 なお、最後のほうのツール紹介の部分は省きました。 もし問題があればすぐに消しますのでコメントなどいただければ。 11月14日追記： 文中のリンクを追加しました 訳が間違っている部分もあると思うので参考までに。 Google Starter Guide まとめ 【目次】 説明の前提 <title> ・ユニークで
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
検索 | Google Developers
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
Googleウェブマスターツール完全マニュアル｜αSEO(アルファSEO)
2008年最初の特集は、「Googleウェブマスターツール完全マニュアル」。まだ活用していない方も多いようですが、実はサイト運営者にとってSEOに役立つ機能が多く搭載されています。今回は、サイト運営の「ありがちな問題」をピックアップし、「Googleウェブマスターツール」を使って解決する方法を教えます！SEOの必須ツール「Googleウェブマスターツール」を活用して、SEO対策を効率UPさせましょう。 ◆Googleウェブマスターツールとは？ 「Googleウェブマスターツール」とは、Googleが無料で提供するサイト運営者のためのツールです。例えば、Googleに適切にサイト内をクロールさせることや、適切に検索エンジンに評価されているか確認することが可能です。 導入方法も簡単。無料で取得できるGoogleアカウントがあれば利用することが可能です。 まずは、Googleウェブマスターツール
サイト制作に役立ちそうなWeb 2.0的ツールが400以上まとまっている『Web2Rain』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 紹介されているツールはきちんと機能別にタグ付けもされているので、ピンポイントな要望にも応えてくれるだろう。またタグクラウドやキーワード検索にももちろん対応している。 日々登場するネットツールの全容をつかむことは難しい。こうした探しやすいサイトは知っておいても悪くないですな。
属性分析付き ケータイ用アクセス解析ツール 「うごくひと」
「うごくひと」は、PCサイト向けアクセス解析サービスである「なかのひと」の携帯サイト向けツールです。 ・結果サンプル - こんなデータを調査できます この「うごくひと」では、携帯サイトへのアクセス数や検索キーワード分析といった通常の Web アクセス解析機能のほか、年齢・性別の傾向などのユーザー層分析、アクセスしてきた携帯端末の機能や画面サイズの分布などの端末分析、どんな携帯機種がいつアクセスしてきたかが時系列で分かる足あと機能などを提供します。 ユーザー登録やＩＤなどは、「なかのひと」と共通です。 「うごくひと」のおもな機能 年齢・性別・地域などのユーザー分析機能 サイト訪問者の年齢層、男女比、都道府県別の割合など、「どんな人がこの携帯サイトにアクセスしているのか」を推計する機能です。 ※ あくまで全体の平均値を推測するものであり、個別のユーザーの年齢・性別を特定することはできません ケ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ajaxzip3 - Google Code
GitHub - livedoor/cicindela2: a highly customizable recommendation engine written in perl + MySQL
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
[CSS]スタイルシートで実装するテーブルのデザインパターンとそのポイント | コリス
SEOの基本的なテクニックを見やすくまとめたチートシート