タグ

2010年8月17日のブックマーク (9件)

  • Twitter / ツイートボタン

    このボタンをあなたのWEBサイトに表示すれば、ユーザーはあなたのサイトを離れることなく、あなたのWEBサイト上のコンテンツをTwitter上で共有することができます。TwitterからあなたのWEBサイトへとトラフィックを呼び込むのと同時に、戦略的なTwitterアカウントをユーザーにおすすめすることができます。 ボタンを選択してください。カスタマイズすることもできます。

  • 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】

    iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした! 待ってる間に、iPhone4も対象としたWEBアプリ(ネイティブアプリのweb view を含む) のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね! という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ? はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね! 拡大しなくても小さな文字が読めるなんてサイコー! ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・?! こういうイメージです。 そう、

  • HTML5 Boilerplate: The web’s most popular front-end template

    HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

    HTML5 Boilerplate: The web’s most popular front-end template
  • 【レビュー】サイト制作をかんたんにするテンプレートキットHTML5 Boilerplate登場 | エンタープライズ | マイコミジャーナル

    HTML5 Boilerplate - A rock-solid default for HTML5 awesome. Webを取り巻く技術開発や仕様の策定、ブラウザの実装などの進展はとても早い。新しいデバイスが登場すれば適用する技術のスポットも変わるなど、日々めまぐるしい勢いで状況が変化している。こうした技術をキャッチアップし、いち早くテクニックやティップス、ベストプラくティスとして発表するブログの更新もとても早い。 HTML5やCSS3、最新のJavaScriptに関するティップスやテクニック記事はすでに数多く登場している。こうした技術を活用し、HTML5をベースにベストプラクティスを組み合わせていけば、最初からそれなりにできのいいものを開発することができる。しかし、話題はさまざまなサイトのブログやTwitterメッセージに分散しており、そうした情報を年間単位でさかのぼりながらまとめて

  • TechCrunch | Startup and Technology News

    Hello and welcome back to TechCrunch Space. What a week! In the same seven-day period, we watched Boeing’s Starliner launch astronauts to space for the first time, and then we…

    TechCrunch | Startup and Technology News
  • TITLE属性を利用した簡単ツールチップの作り方 jQuery編 :: 5509

    散々既出な気がするネタシリーズ。TITLE属性をツールチップで表示させるやつです。簡単なヘルプとか表示してあげるとユーザビリティを向上させることができる場合がありますよね。jQueryを使うととても簡単につくれます。というよりも、使いたいときにさらっとコピってすぐ使えると思うので頭の片隅にでも置いておくと便利かもしれません。 Demo Download demo files ポイントは TITLE属性を持っている要素にイベントを設定する ( *1 mouseover()でツールチップを生成する ( *2 mouseout()でツールチップを消去する ( *3 mousemove()でツールチップの位置を変える ( *4 です。今回はmouseout()で消去するにしてますが、別にいちいち消さなくてもいいです。textを変えればいいだけですから。上の項目をJSソースにすると以下のような感じに

  • Google / Yahoo! / Bingのスニペットの作られ方

    検索結果に表示されたウェブページの簡潔な説明文を、検索エンジン用語で「スニペット」と呼びます。 スニペットは、検索結果でのクリックを誘うのに重要な役割を果たします。 何を基にしてスニペットは作られるのでしょう? まとめてみました。 Googleのスニペット Googleは基的に meta descriptionタグ の記述が使われます。 Matt Cutts(マット・カッツ)氏によれば、以前よりも meta descriptionタグの記述を利用する傾向が強まっているとのことです。 検索キーワードに対してより適切だと判断したときは、コンテンツの中からも引っ張ってきます。 したがって、同じページであっても検索キーワードによって検索結果でのスニペットが変わってくることもあります。 Googleのスニペットは通常、最大で半角210文字前後ですが、キーワードの語数が多い検索では文量が増えます。

    Google / Yahoo! / Bingのスニペットの作られ方
  • title要素の区切り線に使う装飾記号は、半角、全角どちらを使えば良いですか? αSEO

    αSEO トップ > SEO FAQ > SEO内部施策 FAQ > title要素の区切り線に使う装飾記号は、半角、全角どちらを使えば良いですか? SEO FAQ 半角記号を用いて記述した方が良いでしょう。 なぜなら、title要素の区切り線として全角記号を用いた場合、Yahoo!の検索結果画面では半角記号に自動変換され、表示してしまうからです。(2009年10月23日現在) 例えば、以下の様な具合です。 ▼title要素に全角記号「|」を用いて区切り線を記述 <title>沖縄旅行|国内旅行旅行代理店○○○○</title> ▼Yahoo!の検索結果画面に表示されるタイトル文 ⇒ 沖縄旅行|国内旅行|旅行代理店○○○○ このように、Yahoo!ではtitle要素の区切り線に全角記号を用いると、検索結果画面には半角に自動変換された「文字と文字の間に余白がないタイトル文」が表示されてしま

    title要素の区切り線に使う装飾記号は、半角、全角どちらを使えば良いですか? αSEO
  • 日本語組版処理の要件(日本語版)

    1.1 この文書の目的 すべての文化集団は,独自の言語,文字,書記システムを持つ.それゆえ,個々の書記システムをサイバースペースに移転することは,文化的資産の継承という意味で,情報通信技術にとって非常に重要な責務といえよう. この責務を実現するための基礎的な作業として,この文書では,日語という書記システムにおける組版上の問題点をまとめた.具体的な解決策を提示することではなく,要望事項の説明をすることにした.それは,実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからである. 1.2 この文書の作成方法 この文書の作成は,W3C Japanese Layout Task Forceが行った.このタスクフォースは,次のようなメンバーで構成され,ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた. 日語組版の専門家(“JIS