tipsとwebに関するcha-koのブックマーク (18)

  • 古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log

    uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない

    古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
  • 被リンクを増やすための賢いサテライトサイトの作り方 など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ

    語で読めるSEO/SEM情報サテライトサイトの大量生成ほど無駄なことは無い (京都のSEOコンサルタント松尾茂起のブログ)メインサイトの順位を上げるために、自作自演で作ったバックリンク用のサイトを、「サテライトサイト」と呼ぶ。中心となる惑星の周りを回る衛星になぞらえているのだ。 SEOに強いサテライトサイトを作成するための10個の法則を、松尾氏が解説している。しかし、結論としては、サテライトサイトといえども、少数精鋭でメインサイトに劣らないくらいにコンテンツを充実させることが、最終的には強いのだと述べている。 松尾氏の言葉を借りれば、「サテライトサイトの大量生成ほど無駄なことは無い」そうだ。 Googleパーソナライズ検索で利用されている履歴情報は? (SEMリサーチ)当サイトでも紹介のあったグーグルサーチクオリティチームのアダム・ラズニック氏へのインタビューに同席した渡辺氏が、グーグ

    被リンクを増やすための賢いサテライトサイトの作り方 など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • HTMLの特殊文字 : IT用語辞典

    HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&&アンパサンド ¦¦¦破断縦線 µµµマイクロ記号 ‰‰‰パーミル ¤¤¤一般通貨記号 €€€ユーロ記号 ¢¢¢セント記号 £££ポンド記号 ¥¥¥円記号 ©©©著作権記号 ®®®登録商標記号 ™™™商標記号 ↑↑↑上向き矢印 →→→

  • IE6以下をWeb標準に準拠させるライブラリ『IE7.js』

    IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c

    IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
  • 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

    この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草? Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love &#038; Design 白銀比、.. Weblog: ウェブライター流転記(改訂版) Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De

    覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
  • CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 – creamu

    DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino(WINDOWS 97.09% / MAC 78.86%) ・Tahoma(WINDOWS 96.09% / MAC 72.02%) ・Impact(WINDOWS 95.85% / MAC 88.08%) ・Century Gothic(WINDOWS 85.44% / MAC 42.50

  • WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました

    WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。 インデクシングに関する限界 ページのファイルサイズは150KB以下にしましょう。 ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字(半角)以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。 ディレクトリの

    WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました
  • 新規でサイトを作るのに使えそうなの一式。(あの人のパクりじゃないんだからっ!)|CSS HappyLife

    08年6月4日追記: コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記: contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ!じょぐ!!!すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう

    新規でサイトを作るのに使えそうなの一式。(あの人のパクりじゃないんだからっ!)|CSS HappyLife
  • 第10回 トップページのFlashをググっと使いやすくする3つのポイントと心がけ | ユーザー視点のウェブデザインガイド

    第10回 トップページのFlashをググっと使いやすくする 3つのポイントと心がけ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか? 今木 智隆(株式会社ビービット) アニメーションムービーであったり、動的なバナーであったり、インターフェイスそのものであったり、Flashの活用方法もさまざまだ。ところが、このFlashが曲者である。数々のユーザービリティテストやアイトラッキング調査の結果から、Flashの使い方を一歩間違えると、途端にユーザーが使えない代物になってしまったり、見向きもされなか

    第10回 トップページのFlashをググっと使いやすくする3つのポイントと心がけ | ユーザー視点のウェブデザインガイド
  • 検索エンジンからコンテンツを隠す12の方法 | Web担当者Forum

    検索エンジンにWebサイトのコンテンツをヒットさせないようにしたい! Google検索結果に表示させない方法って? 名前などの個人情報やプライバシーを守るため、あるいはキーワードカニバリゼーション解消のため、そう悩む人は少なくありません。今回は、ホームページを検索にひっかからないように、インデックスさせないようにする12のコツを紹介。いつもとはまた少し違った視点からSEOを学びましょう。 SEOmozでよく話題にするのは、いかにして、コンテンツを検索エンジンに見つけてもらえるようにするかという話だ。でも今回は、違った角度から見てみよう。 検索エンジンにコンテンツをインデックスしてほしくない理由ちょっと普通じゃないように思えるかもしれないが、ウェブサイトのコンテンツをインデックス化やキャッシュ化してほしくない場面は、案外多いものなんだ。それはなぜだろう? プライバシー 直接的な検索トラフィッ

    検索エンジンからコンテンツを隠す12の方法 | Web担当者Forum
  • titleタグ、metaタグおよびURLの構造――『検索エンジン最適化の初心者ガイド』改訂版#4-2 | Web担当者Forum

    titleタグ、metaタグおよびURLの構造――『検索エンジン最適化の初心者ガイド』改訂版#4-2 | Web担当者Forum
  • なぜ、サイトにアクセスした人のほとんどが途中であきらめてしまうのか? | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論

    [コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 明けましておめでとうございます。今年もよろしくお願いいたします。 私はクリスマス前にイギリスに帰り、お正月は両親と妹たちと一緒にフランスのブルターニュ地方に行きました。ブルターニュは子供の頃、毎年夏休みを過ごしていたところですが、今回の訪問は8年ぶりでした。町はずいぶん豊かになり、新しい別荘が立ち並んで、私が知っている昔のフランスの田舎の町からはずいぶん変わったなと思いました。でも、幸いに、私た

    なぜ、サイトにアクセスした人のほとんどが途中であきらめてしまうのか? | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論
  • CSS Cheat Sheet

    <style type="text/css"> selector {property: value;} </style>

  • 会員登録を促すコツ (ユーザビリティ実践メモ)

    今回は、オンラインで商品を販売するサイトなどで有用な、「会員登録へスムーズに誘導する」コツを取り上げます。 よく見られる画面は、以下のように会員向けの入り口と分けて会員登録へと誘導するものですが、ここに問題点が潜んでいます。 画面例のように、「非会員の方は会員登録へ」という形で会員登録を強く意識させると、登録を面倒に感じて購入をやめてしまうユーザが出てきます。 商品を届けてもらうためには住所等の連絡先を入力しなければいけないことはユーザも理解しています。しかし、「会員登録」と言われると怯んでしまうようです。 その原因としては、会員登録という言葉から、「購入するための手続きの前に別の(面倒な)作業が発生する」と思い込んでしまうことが大きいと考えられます。 この傾向は、オンライン販売サイトでの買い物経験が浅いユーザに多いようです。 会員登録に対するユーザの精神的な障壁を低める解決策の一つとして

  • PHPプロ! - スクール

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。

  • ウェブマイスターブログ: MTをCMSとして使おう

    明日 第6回アフィリエイトカンファレンス開催 └ pin at 2005.12.02 └ 藍玉 at 2005.12.04 └ Nori(管理人) at 2005.12.14 第2回ECサイト大見市&交流会 └ Jam-Croft at 2005.10.06 └ Nori(管理人) at 2005.10.07 バナーメーカー仮設 └ モア at 2005.10.04 └ Nori(管理人) at 2005.10.06 PHPスクリプト配布開始 └ pin at 2005.09.23 └ Nori(管理人) at 2005.09.24 └ pin at 2005.09.24 複数ブラウザのスクリーンショット └ Jam-Croft at 2005.09.18 └ Nori(管理人) at 2005.09.18 2009年04月(1) 2007年08月(4)

  • デフォルトスタイルの差異を無くす CSS

    2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.netCSS2 Specificationでのプロパティの出現順序」に沿

  • 1