ファビコンを設定してみた
久々にアイコンなんかを作ってみたりして、ついでにファビコンを設定してみました。
アドレス欄の左側に現れる、あれです。
閲覧支援
- 文字サイズを変更
- 本文の文字サイズ
- Loading...
- Loading...
- ブログ内を検索
カテゴリー
読まれている記事
about Browser
- Moving the world off Internet Explorer 6
- What Browser?
お気に入りのブラウザを見つけてください。
Made by Google - Switch to a safer browser today
- Opera tool
- カスタムボタン
- RSSをwidgetize
WEBとブラウザ
あれ？リッチテキスト編集が出来るぞ！
たまにしかログインしないので気付かなかったのですが、ブラウザOperaでリッチテキスト（WYSIWYG）編集が出来るようになっていました。
５．DOMの準拠も遅れているIE
JavaScriptでページの書き換えを実現するのが、DOMなワケですが、ここでもIEは、W3C準拠が遅れているそうです。
４．今一つ理解できないけれど、正規表現
JavaScriptで正規表現を使った文字列の検索をやってみたのですが、今一つよくわからないと言ったところ。
そこで、ある本に載っていたテストするページを作ってみました。
３．スクリプトの関数をローカル化
前回のスクリプトを、外のスクリプトで関数に同じ名前が使われていた場合を回避するために、関数をローカル化してみました。
２．文字サイズを変更するスクリプト
設置した文字サイズを変更するスクリプトについての解説。
ただ、まだ改良の余地はあるので、そこは踏まえていただきたい。
このブログに最適化してあるので、汎用性もなし。
１．意外に難しかった「JavaScript」
文字サイズを変更できるスクリプトを設置してみようと思ったのですが、意外と難しく、なかなか思うように動作してくれませんでした。
ボタンの設置自体はさほどでもなかったのですが、設定をクッキーに保存してやろうとすると、いろいろ気を付けなければいけないことがでてきました。
「Opera10.5」のカスタマイズをサポート
ブラウザ「Opera」の特徴と言えばとにかく軽快、低スペックなマシンでも問題なく、複数のページを一気に開いても変わらないのが良いところ。
良くも悪くも、バージョンアップの度に新しいブラウジングスタイルを提唱してくれます。
そこで、個人的なカスタマイズの例を一つ。
去り行く「IE6」、生まれつつある「IE9」
さる3月4日、「IE6の葬儀」が行われたそうです。
一方、IE9のプラットフォームプレビューが公開されています。
「Office連携ツール for ATOK」をIE以外のブラウザで使う
個人的に再販してほしいソフトの一つが、オンマウスで辞書引きできる「ドクターマウス」です。
ATOKと電子辞典を持っていれば、限定的ながら「Office連携ツール」によって同様なことが可能になります。
これを、IE以外のブラウザでも使用可能にする方法があるようです。
「Research Artisan」がサービスを終了
詳細なデータを分かりやすく得られて調法していた、アクセス解析「Research Artisan」がサービスを終了するようです。
「object」タグによるフラッシュの埋め込み
ホームページに「Picasa ウェブアルバム」のスライドショーを埋め込もうと思ったのですが、埋め込みのソースには「embed」タグが使われています。
「embed」タグは、規格外の要素。
できたら「object」タグで何とかならないかと、調べてみました。
WEB公開用SVG作成のコツ
SVG画像をobjectタグで埋め込む場合、ちょっと面倒なのがSVG画像とオブジェクトフレームのサイズ合わせです。
これは、SVG画像を作成するときに少し手を加えることで、不要にすることができます。
ブログでも文法チェックをしましょう
「ブログだからしょうがない」と言う部分はあるのですが、最近ブログでも(X)HTMLの正しい文法か注意した方が良いと思うようになりました。
特に本文よりも、ブログパーツ類です。
スタイルシートによるボックスレイアウト（テンプレートを公開）
スタイルシートでもっとも難しいものの１つが、ボックスレイアウトではないでしょうか？
それ以前では、便利だが欠点もあるフレームセットや、崩れないレイアウトが可能だが本来の目的とは違うタグの使い方をするテーブルレイアウトが使われていました。
しかし現在は、タグは文書構造を明確にするために、レイアウトや装飾はスタイルシートに切り離されるようになっています。
そこで、ボックスレイアウトのテンプレートをいくつか作ってみたので、公開します。
「Prism」で、ブログ編集画面をアプリ化
「Firefox」の「Prism」というアドオンを利用すると、ブログ編集画面をブラウザから独立したアプリケーションとして使用することが出来ます。
ブログ編集画面はAjaxなWebアプリケーションではありませんが、いくつかの利点があります。
「IE6」を意識すると難しい、スタイルシート
WEBデザインは、タグの属性によるレイアウトから、スタイルシートによるものへと移行してきました。
しかし、覧る立場から書く立場になると、面倒なことに直面することになります。
ブログのカスタマイズも、これに違いません。
「シェル統合」の終わり
「Internet Explorer 8」の情報を探していて、次のような情報を見ました。
webdevクライアントとしてのIE8について
そういえば、他にも思い当たることがあります。探してみると、
Windows シェルから Internet Explorer 7 の分離（機械翻訳）
IE7以降では、シェルから切り離されるているのですね。
「Internet Explorer 8」正式版登場
３月20日、IE8の正式版が公開されました。
IE7はやたらとフリーズしました（うちだけかと思っていたら、そうでもないよう）が、安定性、処理速度ともに改善されているそうです。
更新の通知先が増えましたね
ヘルプブログによると、更新の通知先が増えたようですね。
ブラウザ競争は、「Webアプリ実行環境」争いへ？
「Google Chrome」リリースの目的の一つが、自前のWebアプリ（Ajax）実行環境の提供だそうです。
Googleからブラウザが登場
Googleがブラウザ「Google Chrome」をリリースしたそうです。
検索ボックスをいろいろ
Google以外のサイト内検索が可能なサービスで、ブログ内検索ボックスを作ってみました。いくつかのデータ名さえわかれば、どのサービスでも作成可能です。データ名は検索結果のアドレスから推測できます。
ブログ内検索ボックスを追加
最初、TypePadウィジェット で探したのですが使い物にならないことが分かり、ブログ内を検索する検索ボックスを作ることにしました。
とりあえず利用するのはGoogle、方法としてはいくつかあるようで、いろいろ試してみました。
eoブロガーにちょっとアドバイス
eoの皆さんのブログを見ていて、気付いたことをちょっとだけアドバイスします。
ひとつはＲＳＳフィードに関して。
画像の並べ方に関する考察
新ブログでは、かなり自由に画像を並べることが出来ます。
ヘルプの 画像アップロードのコツに複数の画像の並べ方がありますが、この並べ方を実現するために、このような手法を用いる必要はありませんね。
そこで、いろいろな並べ方を考察してみます。
フロートしたリンク付き画像のFirefoxバグ
画像の修正作業でひっかった所が出てきたので、その発生条件を書きます。
少々難しい条件なので、そうそうは発生しないとは思われます。
リンクは別ウィンドウで開かせるべきか、否か？
以前のブログでは、記事のリンク（aタグ）にはすべて、target属性（target="_blank"）が付けられていました。
新サービスでは、これが無くなっています。
いろいろと変わりましたね、新ブログ その２
新サービスでは、画像のアップロード制限が無くなったのが良いです。
しかし、自主規制はした方が良さそうです。
いろいろと変わりましたね、新ブログ
いよいよ、本格的にこちらで書きはじめます。
前のサービスと比べると、書き方もだいぶ変わりました。
ワープロライクな「WYSIWYG編集」は、便利なところもありますが、戸惑うところも。
WEB開発ツールで、ブログをカスタマイズ
ブログのデザインをカスタマイズするときに、スタイルシートで使うセレクタを調べるには、ページソースと睨めっこする事になるのですが、そんな時はブラウザの「WEB開発ツール」が便利です。
新ブログをカスタマイズ その２
「カスタムCSSを編集」で気付いたことをいくつか。
移行前準備 ３（新ブログをカスタマイズ）
新サービスは、「印刷スタイル」が用意されていますね。
今度は自前で用意しなくて良いかな？（そんなことやってるのは私ぐらいかもしれません。）
スタイルシートの読み込まれる部分を見ると、上書きは容易な気がします。
「カスタムCSS」は、コメントアウトされたテンプレートが用意されています。
でも、まだそこまでたどり着けていません。
Opera（9.5）をカスタマイズ
Operaの特徴として、「バージョンアップごとに新しいブラウジングスタイルを提唱する」ことがあります。
これには賛否両論ありますが、今回は、前バージョンの「スタートバー」を捨て去り（カスタマイズで元に戻せます）、「アドレスバーから、ブックマークや履歴の検索」が可能になりました。
これはなかなか便利です。
賑わってきたブラウザ事情 その２
「Opera 9.5」がリリースされました。全体的にパフォーマンスが改善されています。
これを機会に、各ブラウザをテスト アンド レポートします。
「Silverlight」は動画難民を救えるか？
最近、WindowsMediaによる動画配信サービスが、相継いで「Silverlight」を採用することを発表しています。
「Snap Shots」に関する覚え書き
トッピーさんの所で知った「Snap Shots」を設置してみました。
この手の「チラ見」サービスは他にもあるようですが、これは閲覧者側でも制御できるようです。
設置する側、閲覧する側を含めた覚え書きです。
この手の「チラ見」サービスは他にもあるようですが、これは閲覧者側でも制御できるようです。
設置する側、閲覧する側を含めた覚え書きです。
賑わってきたブラウザ事情
「Acid3 Browser Test」の登場などもあって、ブラウザ事情が賑わってきました。
WEBで扱える、ラスターグラフィック、ベクターグラフィック
WEBでよく扱われるグラフィックデータには、いくつかタイプがあり、必要に応じて使い分けることになります。
日本語ドメイン名＋．日本？
今朝の新聞記事に、
2008年01月10日 朝日新聞
「.jp」→「．日本」 ＨＰアドレス、09年にも可能に
という記事がありました。
ブログのカスタマイズ ５（印刷用スタイル）
（この内容は旧ブログサービスを対象にしたものです。）
私のブログは、長文が多くなりがちです。
以前から考えてはいたのですが、印刷用のスタイルを設定してみました。
classとidの使い分け（スタイルの分類）
スタイルシートのクラスセレクタ（class）と一意セレクタ（id）の使い分けについては、様々な意見があるようです。
よく言われるのが、「ページ中に1度しか登場しないのがid、classはページ中に何度でも登場できる。」というもの、「これは間違っている。」という意見もあります。
詳細度（関連記事へ）による優先度を考慮して、スタイルの継承を有効に利用するのならば、このような使い分けはやはり間違っているように思います。
そこで、私なりに使い分けというか、スタイルの分類方法を考えてみました。
ブログのカスタマイズ ４
（この内容は旧ブログサービスを対象にしたものです。）
今回は、ブログが手狭になって来たので３カラム化。
またブログの仕様変更に合わせて、表と引用文のスタイル（CSS）を追加してみました。
アフィリエイトプログラム始める
アフィリエイトやめておこうかなと思っていましたが、堂々と製品を紹介できるようになったのだから、収入云々は置いといて、お薦めのリンクを貼ってみよう言うことに。
ブログのping送信
自分ブログの更新を知らせる方法に、pingの送信というのがあります。
このブログだと、更新通知(ping送信)先の設定と言うヤツですね。
予め幾つか設定されていますが、他にも送信先があるようです。
このブログの仕様変更について
（この内容は旧サービスに関するものです。）
2007年9月5日より、仕様変更があるようですね。
タグ・スクリプトのご利用について
アフィリエイト広告のご利用について
ブログのSEO対策
ブログの特徴は、ホームページより誰でも気軽に情報発信できるところにありますが、他にもSEO(検索エンジンの最適化）に優れていると言われています。
ユーザースタイルシートを使ってみる
文字サイズが小さい、文字が背景に埋没している、行間が狭い、リンクが分かりにくい等々、見にくいサイトに出会うことはしばしばあります。
（結構、デザイン関係のサイトに多し。12pxのこだわりは、72dpiの旧Macでのデザインから生まれたのかもしれない？）
文字サイズが小さいのは、ブラウザの表示メニューで変更すれば、何とかなりますが、
背景や行間、リンクはユーザースタイルシートで解決することができます。
スタイルの継承と初期化
スタイルシートを上手に設定するコツは、継承（Inherit）を上手く利用することです。
しかし、ブラウザごとにスタイルのデフォルト（初期）値が違うため、そのままではレイアウトの統一が上手くいきません。
IEで文字サイズを考えるならば
よく、人のパソコンで見ると文字サイズの表示が違うと言うことが聞かれますが、考えてみれば当たり前のことです。
なぜなら、見る環境（モニタサイズや解像度）や、その人が「ちょうど良い」と感じる文字サイズは違うものなのです。
ブログのカスタマイズ ３（文字サイズ＋優先度）
（この内容は旧ブログサービスを対象にしたものです。）
このブログのデザインカスタマイズで文字サイズを変更すると、文字サイズ＝smallを基本にしているためか、ちょっと不具合が起こります。
FirebugとOpera developer tools
ブラウザ上でレイアウトを調整できるFirebugと言う便利なツールがあります。
スタイルシートでの単位の使い分け
スタイルシートでは、いくつかの単位が使えるわけですが、閲覧者の環境に柔軟に対応するには、相対値で指定した方が良いとされています。
DOCTYPE宣言の選び方
現在、WEBページを書く文法は、HTML4.01かXHTML1.0/1.1のどちらかではないかと思います。
XHTMLは、HTMLをXMLで再定義したもので、より厳格に正確な書き方を求められます。
エスケープシーケンスと実体参照
普通、WEBページでHTMLの規則と競合する記号（マークアップに使用する記号など）は、表示することが出来ません。
続・アクセス解析
アクセス解析のスクリプトはHTMLソースの上部に貼るほど正確になるますが、ページの読み込みにが遅くなります。
逆にページの下部だと精度は落ちますが、読み込みが後になるのでページ内容の表示への影響を抑えられます。
アクセス解析
ブログのカスタマイズから、他人のブログを見て回って、アクセス解析を付けてみようかと。
興味があるのは「どの記事をホントにどれくらい読まれているか？」で、ホントに読まれているかを判定する要素として、ログで滞在時間がわかるサービスを探すことにしました。
ブログのカスタマイズ ２
（この内容は旧ブログサービスを対象にしたものです。）
カスタマイズしたときの一番上のリンクに関してですが、
関西どっとコム提供のブログデザインでは、背景画像で「何処へのリンクか」わかるわけですが、カスタマイズデザインでは謎のリンクになってしまいます。
ブログのカスタマイズ
最初に言っておきますが、私はWEBに関してあくまで素人です。
まず、ブラウザでスタイルシートを編集するのは手間がかかるので、デスクトップで編集できるようにしました。
WEBの文字サイズと色
デザインカスタマイズでの文字サイズ設定/wadachi
さんへトラックバックです。
WEBページの文字サイズをスタイルシートで指定する際、使用できる単位には絶対値指定と相対値指定があり、アクセシビリティの観点から相対値指定が勧められています。
これは知らなかったクリックホールド
ブラウザによって、戻る・進むボタンには、隣りに小さな三角があるものとないものがあります。
IE6から→IE7 HTML＆CSSバグチェック
IE6で私が書いたWEBページで対策が必要だったHTML＆CSSのバグが、
IE7でどうなったかちょっと調べてみました。（基本的に標準準拠モードで）
ブラウザの文字サイズとプラグイン
表示文字サイズを調整するには
ブラウザ事情 その３（モダンブラウザ）
ブラウザにはいろいろなものがあります。
Webブラウザ
How Many Browsers?
などが参考になります。
ブラウザ事情 その２（W3Cとレイアウト）
レイアウトに関して、
HTMLの文法はWorld Wide Web Consortium (W3C)が標準化しています。（この仕様を批判する声もある）参考:ウェブ標準
ブラウザ事情 その１（IE）
ブラウザに興味を持って下さった方がいたので、
自分が考えていた予定を変更して、まずは
「いきなり勧めないのには訳があるのですが」の訳を。
それは、ＩＥ以外のブラウザでは利用できないサイトがあるからです。
日本赤十字社
特設ページ
ブロガー
- 個人的異見
独り善がりの我が侭ブログ - ぼちぼちいこか
MacBookクロ - @wadachi
人一倍元気みたいです♪ - 単身赴任をちょっと綴ってみようかな
短気は損気 急がば回れ - 天外奇譚“ふっ”
つかいこなせてましぇぇん - 静かな琵琶湖畔でひとりごと
闘病中でも元気でいたい！前向きでいこう！ - くさっても関西人
最近のトラックバック
- 初めて夜行バスに客として乗ってみた (亀吉のブログ)
- 主婦の休日Ⅲ＞アバター (静かな琵琶湖畔でひとりごと)
- ルーヴル美術館展＠京都市美術館 (@wadachi)
- ルーヴル美術館展＠京都市美術館 (@wadachi)
- 行列ができる？ほんまかいな～？＞白いたいやき (静かな琵琶湖畔でひとりごと)
- 白い回転焼き (@wadachi)
- Bluetoothを使ってみる (ぼちぼちいこか)
- ブログ内検索 (@wadachi)
- 日野ダリア園にて (静かな琵琶湖畔でひとりごと)
- 彦根大花火大会２００８へ (静かな琵琶湖畔でひとりごと)
最近のコメント