タグ

HTMLと*あとで読むに関するshiiiiirのブックマーク (8)

  • タグマネジメントツール「Googleタグマネージャ(Tag Manager)」についての紹介 | アユダンテ株式会社

    現地時間の2012年10月1日、日時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備(初期設定) Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール

    タグマネジメントツール「Googleタグマネージャ(Tag Manager)」についての紹介 | アユダンテ株式会社
  • accept-charset属性 | ばけらの HTML リファレンス(未完成)

    この属性を持つ要素 …… form accept-charsetの解説フォームに日語の文字を入れて送信したりする場合、それは何らかの文字符号化方式でエンコードされて送信することになります。受け側のシステムは符号化方式を自動判別して良きに計らってくれることもありますが、特定の符号化方式でないとうまく処理できない場合もあります。特に最近の blog などには UTF-8 でないと処理できないシステムが多く、トラックバックが文字化けするなどという現象が良く発生します。 HTML4 では、受け側が処理できる文字符号化方式を form要素の accept-charset属性で指定することができます。たとえば、UTF-8 で送信したいような場合は、以下のようにします。

  • 簡単なウェブページを無料で公開するならDropboxのPublicフォルダとbitlyで! - Gadget Girl

    Dropboxをバックアップだけに使っているという方、もったいないです! イベントの告知ページや自己紹介ページなど規模が小さいウェブページを公開したいとき、DropboxのPublicフォルダが便利ですよ。レンタルサーバーなどを使わずに無料で出来るというのも嬉しい♪ 自分の情報をまとめた簡単なウェブページ http://bit.ly/spring_mao を公開したので、その手順をまとめてみます! 今日のレシピをざっとまとめると以下の通り! 公開したいページのHTMLファイルを作成する DropboxのPublicフォルダに入れて公開URLを取得する bitlyで短縮URLに変換&カスタマイズして覚えやすくする 公開したいページのHTMLファイルを作成する テキストエディタでHTMLファイルを作ります。.htmlという拡張子で保存すればOK!下記のページを参考にしてみてください。 参考:W

    簡単なウェブページを無料で公開するならDropboxのPublicフォルダとbitlyで! - Gadget Girl
  • HTML内タグの閉じ忘れをチェックするツール[ブックマークレット] - とっくりばー

    2013/1/28 サーバーを引っ越しました。お手数ですがブックマークし直してください。ついでにscriptタグとHTMLコメントを除外できるように機能もアップしてますから! 必要に駆られてタグの閉じ忘れを簡単にチェックするブックマークレットを作ってみた。 ほんとに開いたタグの閉じ忘れしか検出できなくて、たとえば開いてないのに閉じてるタグとか、閉じタグと開きタグが互い違いになっちゃってるとこの検出とかはなにもやってない。(11/29現在)11/30 New! 出来るようになりました 機能 ブックマークレットを実行すると ・タグの閉じ忘れを検索する ・開きタグがない閉じタグを検索する ・親より先に閉じちゃってる子がないか検索する ・タグ対応エラーの一覧と、ソースコード中のハイライト表示 以上。たったこんだけのことをやるツールが意外と無かった…いや、あるけど。W3Cツールじゃいかんのかと。でも

  • いまさら聞けない><; 基礎から学ぶ「HTML5」超入門!

    HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTMLCSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSSJavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTMLCSSJavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から

  • IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。

    IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結

    IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
  • innerHTML と outerHTML の使用可否のまとめ

    ie で読み取り専用になっている要素タグには innerHTML は使えません。代替手段として outerHTML を利用して動的に書き換えるテクなどがあります。読み取り専用の要素は例えば table 要素が該当しますが、ちょっとやそっと調べたところで何が読み取り専用の要素なのか資料がでてきません。 と言うわけで適当にスクリプト書いて調べてみました。取りあえず調べた要素は以下の通りです。Internet Explorer Developer Center < meta Object に記述されている要素一覧です。html 要素は outerHTML すると ie がフリーズするので調査対象外です。 <a> <abbr> <acronym> <address> <applet> <area> <attribute> <b> <base> <baseFont> <bdo> <bgSound> 

  • wmodeを動的に設定する方法 - Cherenkovの暗中模索にっき

    最近Windosw+Firefox3でFlashのwmodeに関して実験していたんだけど、http://b.hatena.ne.jp/js/Hatena/Bookmark/LetLoader.js に答えがあった。 var els = document.getElementsByTagName('embed'); for (var i = 0; i < els.length; i++) { var el = els[i]; // none にして block にすると、wmode が適用される el.setAttribute('wmode', 'opaque'); el.style.display = 'none'; el.style.display = 'block'; } このコードは、はてなブックマークのブックマークレットを呼び出したときに表示されるパネル(タグやコメントを入力して追

    wmodeを動的に設定する方法 - Cherenkovの暗中模索にっき
  • 1