タグ

tipsとhtmlに関するKanasansoftのブックマーク (6)

  • svg要素の基本的な使い方まとめ

    この文書ではsvghtml埋め込みデータとして扱う際の覚書として作成した.svgの要素と属性は実際の例を踏まえて説明したつもり. 注意事項 仕様はここを参照のこと. 文書では実際の挙動を調べつつ自分なりの解釈が入っているため,多々間違いが入ってしまうかもしれないが,気にしない. スクリプトを使ってsvg要素の中身(ソース)を出力しているため,一部実際のコードと表示されるコードとの間に差異があるが,予めご了承いただきたい. 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので,複雑な図形は素直にinkscape等専用のツールを使うと良い.ただ,ここで示したことはツールを使う上でも役に立つと思う.特にアニメーションなど. svg:ベクター画像のカンバスの定義,title:タイトル,desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い

    Kanasansoft
    Kanasansoft 2012/06/27
    SVGの詳細なリファレンス。
  • 戻るボタンが押された際、ページのJavaScriptを途中の状態から実行させない方法

    スマートフォンを含む最近のブラウザでは、戻るボタンで前のページに戻った際に、JavaScriptも含めて前回の最後の状態を復元します(Back Forward Cacheと呼ばれます)。これはとても便利なのですが、ページを作成する立場からすれば、余計なお世話であることもあります。 Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。 <!DOCTYPE html> <html><head><title>onunload test</title> <script> window.onunload = function() {}; window.onload = function() { var count = 0; var loop = function() { document.getElementById("num").in

    Kanasansoft
    Kanasansoft 2011/06/07
    『戻るボタンで前のページに戻った際』『前回の最後の状態を復元します』『Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。』
  • Subversionでサイト管理(1/3) - Linux Home Server Memo - 自宅サーバ

  • HTML - meta タグの仕様詳細まとめ :: Drk7jp

    前エントリ - Internet Explorer のイメージツールバーを無効化する meta タグ で予告したとおり meta タグについて生まれて初めてまじめに調べてみました。改めて調べてみると知らなかったこと満載です。っていうか Web エンジニアたるもの一度は W3C勧告 くらいは一通り目を通しておかなくてはダメだなと思ったりしました。面倒なくらい分量があるけど。ひとまず meta タグ情報としての自分にとって永久保存版まとめという位置づけです。 まずは参考になったサイトの紹介から。 W3C勧告HTML4.01 :: The global structure of an HTML document W3C勧告HTML4.01 私的日語訳 :: The global structure of an HTML document(ja) rfc2616.txt Another HTML

  • 標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有

    2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSSHTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈

  • 携帯電話向けコンテンツの書き方 - ウェブの作り方

    ここでは、携帯電話向けコンテンツの書き方について解説します。 基礎知識としてHTML&CSS入門のHTML入門篇及びCSS(カスケーディングスタイルシート)入門篇の内容は最低限把握している事を前提として解説致します。 「携帯電話」という言葉は、特に断わらない限りPHSも含むものとします。但し、スマートフォンは除外します。 フィーチャフォン向けサイトの作り方。 スマートフォン向けサイトの作り方。 携帯電話向けコンテンツでのマルティメディア。 その他のコンテンツ。 保存扱い(obsolete)となっている記事

    携帯電話向けコンテンツの書き方 - ウェブの作り方
  • 1