和田憲幸(40歳)のブログです。WebsiteToolKit.js(4)暇をみてコツコツと進めているWebsiteToolKit.jsですが、すこしその役割の説明を。10:44本スクリプトの根幹とも言うべき機能がIR(画像置き換え)という機能になります。IRとは何かって言うと、簡単に言えば「アンカーコンテキストなどをネガティブマージンで隠して、画像に置き換える」というものです。ネガティブマージンと聞いてネガティブなイメージを持つ方も多いでしょう(シャレじゃないよ)。実際にCSSでネガティブマージンを使った場合、Googleからペナルティを食らう場合もありますからね。私が過去制作したサイトではjsによるネガティブマージンはペナルティの対象となった事はありませんので問題無いと私は踏んでいます。逸脱した使い方をしているわけじゃありませんしね。IRが必要なのかなぜIRが必要かと言うとナビゲーションなどを画像で表現するためです。imgタグを使う?ノンノン。imgタグは画像を表示するものだ!!と私は考えているためです。いってCSSでネガティブマージンを使えば前述の通りペナルティを食らう可能性もあるし、何よりCSSで書くのがめんどくさい。それをJavascriptで補完してやればいいじゃん!というのが私の考え方です。上記の2つの表示を見比べて下さい。ナビゲーションや見出し、ロゴなどがテキストで表示されてから画像に置き換えられているのがわかると思います。これはCSSやimgタグなどを使わずにJavascriptが勝手に画像に置き換えてるぞ~という事ですね。実に美しいHTMLとCSSとJavascriptの関係性だと私は自負していますが。過去に何度も書いてますが「JavascriptやCSSはHTMLを補助するための存在」というのが私の考え方です。「JavascriptやCSSが必須であってはいけない」と言い換えることもできるかと。ユーザエクスペリエンスやユーザビリティ・アクセシビリティを高めるための存在がJavascriptやCSSであって、情報の本質はHTMLにこそあると。Webアプリケーションなんかはその道理には当てはまりませんが、ことWebサイトに関して言えばHTMLという主演がいて、CSSやJavascriptがその主演をより際立たせる助演だと私は思うんですがね。メイプルファーマシーwww.maple-pharmacy.co.jp札幌で調剤薬局を展開するメイプルファーマシーです。歯医者さん『いけだ歯科』のWebサイトです。漢方薬相談kanpoui.net漢方薬に関する相談ブログ・サイトです。美容室MEIKA(メイカ)meika-hair.com札幌市中央区の美容室MEIKA(メイカ)のWebサイトです。BTOパソコンwww.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。事業再生のSTPwww.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。ドライフラワー卸売りwww.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。ネイクスwww.neix.co.jp通話録音装置や通話録音システムのことならネイクス。ラフティングwww.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。アルバイトnext-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。アイウィルwww.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。ホームページ制作www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。iPhoneで内線電話www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。札幌市近郊、スポーツ整形外科・リハビリテーション科futomi-cl.com札幌市近郊、スポーツ整形外科・リハビリテーション科『ふとみクリニック』のWebサイトです。