タグ

htmlに関するYuichirouのブックマーク (43)

  • フォームコントロールのデフォルト値: Days on the Moon

    WebKit のコントロール値キャッシュ対策 「日野望の会-Yabooo.org > Safari/Webkitのおせっかいキャッシュとその対策。」にコメントしたはずなのですが、いつの間にかコメントが消えているようなので推敲の上再掲。 上記のページで問題にしているのは、Safari において bfcache を無効にしていても、動的に追加したフォームコントロールの値がキャッシュされた値に書き換えられてしまうことです。これに対し、文書中のコントロールをすべて記憶し、文書のアンロード時にそれらの名前 (name 属性の値) を変更することで解決を図っています。 しかし、書き換えられるのは一時的な値のみで、コントロールのデフォルト値 (フォームをリセットしたときに設定される値) まで変化するわけではありません。ならば、コントロールが文書中に挿入されたときに、その値をデフォルト値に設定してやれば

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    Yuichirou
    Yuichirou 2008/02/06
    常識的に考えて「<」="less than"(より小さい)、「>」="greater than"(より大きい)かと。/「ひがし」「にし」は北を向いて「みぎ」「ひだり」。2文字と3文字が逆になっている、と覚えている。
  • Hatebladder / はてブラダー : はてなブックマークビューア

    Yuichirou
    Yuichirou 2008/01/17
    「100% Valid XHTML 1.0 Strict」ということは、XHRでページを取得してDOMParserを噛ませれば(参照:http://b.hatena.ne.jp/entry/2655740)、実用上完璧なDOMが手に入る。つまりGreasemonkeyでJSならではの機能を追加できるわけだ! [あとは任せた]
  • IE7の嫌な仕様 - フラン☆Skin はてな支店

    VistaマシンになってIE7を使い始めて知ったんですが、IE7の仕様に恐ろしいものがあります。恐らく個人ニュースサイト、特にはてなダイアリーを使っている人が一番クリティカルなことになると思うんだけど、「リンクのtarget指定をbody内で行った場合、無視されてしまう」というものがあります。つまり_blankはheader内か、aタグの内部で個別に持たないと新規ウィンドウで開かないってことですね。W3Cの仕様かどうか知らないけど、これは面倒だよなぁ… はっきり言って改悪じゃないのか、これ…

    Yuichirou
    Yuichirou 2007/12/29
    IEがW3C仕様に準拠しただけ。はてなダイアリーでは1年前に管理ツールからリンクターゲットを設定できるようになってる。詳しくは当該記事にコメントした。>id:lovecall
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    Yuichirou
    Yuichirou 2007/11/02
    我ながらうまく説明したもんだ。同様の質問への回答例としてセルフブクマ。
  • SEOとかXHTML準拠とかって宗教なんじゃないの? | fladdict

    と思うんだけどどうなんでしょ。 っていうかフルFlashサイトのamaznodeもfladdict.netのトップもページランク8なんですけど・・・ ズルしてないのに。 更にヘッダにUTF-8って書いておきながら、SHIFT-JISエンコードのクソHTMwww まったくこのクソHTML書いたの誰だよって、ニートだった2年前の俺だよ。ドリで書いた文章メモ帳で修正したんだった・・・ おかしいよね、専門家の人はFlashはSEOに不利とかいってるのにね。 ここ3年ぐらい自分なりの仮説を持ってSEOの実験とか色々してたけど、SEO専門家の理論より俺SEO理論のほうが全然機能してる気がするよ。 けど何が失敗したって、amaznodeをfladdictのサブドメインにしちゃったこと。 サブドメインだとページランク計算がfladdict体と別計算になっちゃうんだよな・・・ amaznodeをfladd

    Yuichirou
    Yuichirou 2007/10/20
    「これはひどいHTML」でも「FlashバリバリでHTMLに文章なし」でも、検索エンジンは寛大なのですね。
  • WHATWG - 『Why the Alt Attribute May Be Omitted(Alt属性をなぜ省略しても良いのか)』 日本語訳 - HTML5.JP

    WHATWG - 『Alt属性をなぜ省略しても良いのか』日語訳 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日語訳は、私が理解を深めるために、自分なりに日語化したものです。語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原題:Why the Alt Attribute May Be Omitted 原文:http://blog.whatwg.org/omit-alt 翻訳日:2007/08/24 最終更新日:2007/08/24 概要 WHATWG公式ブログにて、20

    Yuichirou
    Yuichirou 2007/08/28
    HTML5ではimg要素のalt属性は省略可能に。フォトアルバムサービスなど、画像を表示すること自体に意味がある場合、alt属性が必須なのはむしろ足枷。アクセシビリティを考慮してるなら、必須でなくても付けるはず。
  • HTML5.JP - 次世代HTML標準 HTML5情報サイト

    HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

  • HTML::StripScriptsでXSS対策をする - Kentaro Kuribayashi's blog

    先日公開した「はて☆すたアンケート」にて、アンケートの説明文をはてな記法で書けるよう、機能追加を行った。その際、Template::Plugin::Hatenaを用いた。これは、はてな記法パーサであるText::Hatena(正確には、そのヴァージョン0.16以下)を、Template::Toolkitのプラグインとして使えるようにしたものである。 はてな記法は、それ自体で全ての文書構造を表現できる、あるいは、はてなダイアリのシステム自体は、はてな記法のみしか許容しないというものではなく、たとえば画像を貼る際には、普通にimg要素を書く必要があるし、また、その他の要素についても、記法が用意されていないものについては、「はてなダイアリーのヘルプ - はてなダイアリー利用可能タグ」に掲載されているものに限り、自分でタグを書くことができる。これは自由度を高める反面で、XSSを誘発し得る潜在的なリ

    HTML::StripScriptsでXSS対策をする - Kentaro Kuribayashi's blog
  • Firebug - Web Development Evolved

    Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

  • コーディングコンテスト開催決定なのっ!

    (4/5に仕様部分修正有り) 以前のエントリーで脳内妄想を炸裂させていた、コーディング大会の件が正式に開催される事が決定となりました。 今回、名称は取りあえずコーディングコンテストで。 何かソコで悩むのに疲れた… 取りあえず、サブタイトル的に勝手につけたのが、 コーディングコンテスト Vol.1 ~Coder's High~ という感じです。(今つけた) と、まぁその辺はどーでもいいっすが今回のコンテストは、CSS Nite LP, Disk 3 "Coder's High"との連動企画として動く事になりました! 連動だからってLP3に参加しないといけないとか、そういう事はありません。 スイッチの鷹野さん、CYBER@GARDENの益子さん、後デジパの中の人で仕様決めに関するディスカッションをして、ある程度仕様が固まったのでご連絡いたします。 最終的に変更が加わる可能性もありますので、その

    コーディングコンテスト開催決定なのっ!
  • GeckoのReflowをアニメーションにする - 最速チュパカブラ研究会

    MDCの記事用にGeckoのReflow(レイアウトを組み立てる処理)の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各

    Yuichirou
    Yuichirou 2007/03/28
    SFの近未来コンピュータっぽくて感覚的にかっこいい。
  • getElementsByClassName on Gecko: Days on the Moon

    Gecko に Web Applications 1.0 の getElementsByClassName メソッドが実装されました (Bug 357450)。Firefox 3 から使用可能になります。document.getElementsByClassName で文書全体から、または element.getElementsByClassName である要素の子孫要素から、特定のクラス名を含む要素を探し出すことができます。 引数は空白文字区切りでクラス名のリストを表す文字列。複数のクラス名が指定された場合はそれらすべてを持つ要素のリストが返ります。現時点の Web Applications 1.0 仕様では、複数のクラス名を収めた配列も引数として使えることになっていますが、それは実装されていません (一口に「配列」といってもプログラミング言語ごとに実際のデータ構造が異なるから?)。 な

  • このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E

    ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長~いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是非体験してみてください。 ↑ ページの下の方でこの「↑」を押すとするすると上まで戻ります。 導入方法は簡単でJavascriptを導入し、「このページの先頭へ」リンクにonClickイベントを仕込むだけです。 仕込むJavascriptはこちら。ちなみに元ネタは「A (slightly) better technique for “Back to Top” links.」です。ページ内に書き込んでも、外部ファイルにしてもいいでしょう。 function backToTop() { var x1 = x2 = x3

    このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
  • Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌

    Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc

    Yuichirou
    Yuichirou 2006/11/07
    一家に一枚チートシート
  • IE の getAttribute / setAttribute: Days on the Moon

    DOM の getAttribute / setAttribute メソッドは DOM Level 1 から定義されているメソッドで、MSDN Library によれば IE はバージョン 4 からサポートしています。しかし、IE での element.getAttribute(name) / element.setAttribute(name, value) というのは、基的には JavaScript における element[name] / element[name] = value のシンタックスシュガーでしかありません。ですから、element.setAttribute("innerHTML", "foo") とすると、element の属性には何の変化もないが element の内容が書き換えられるという事態になります。 この (手抜き) 実装が原因で、getAttribute

  • fladdict.net blog Mixi透明人間

    mixiのニックネームを、「&♯8237」とか「&shy」にすると、足跡つけても名前も表示されないし、クリックできないらしい。 あるひ突然名前が表示されない足跡が大量についてたら、スッゲェ怖いなぁ。 せっかくだから、『MIXIを使った、トラフィックの個人追跡システム』もどうぞ。 重要な追記 2006/11/08 こちらのバグは、日を前後して発生しているMixiデマ騒動で語られている、足跡無効化方法とは全く別の現象です。あちらは致命的なバグですが、こちらは単に名前が表示されなくなるだけです。 コメント欄などで言及なさっている方もおりますが、HTMLのソースファイルを開ければ、5秒で実際は誰がアクセスしたかばれるので、ストーカーとか忍者ゴッコとかバカなことやると100%バレてつかまります。ご注意ください。

    Yuichirou
    Yuichirou 2006/11/05
    「ソフトハイフン」という実体を持たない特殊記号らしい(参照:http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/text.html#hyphenation)
  • みんなのウェブ トップページ

    WWWは、高齢者や障害がある人たちにとっても大切な情報源になっています。そのため、年齢的・身体的条件に関わらず、誰にでも使いやすく、伝えたい情報が意図したとおり伝わるウェブページを作ることが重要です。 「みんなのウェブ」では、ウェブアクセシビリティに関連する様々な情報を提供しています。 なお、掲載情報のうち、ウェブコンテンツのアクセシビリティに関するJISの制定(2004年6月)前に掲載したものについては、必ずしもJISに対応していません。 (JISに言及している情報はJIS制定後に追加・更新したものです。) [更新日:2005年3月22日] JIS制定との関係についての記載を追加しました。(2005年3月22日) みんなのウェブが移行しました。 平成13年度・14年度に総務省が実施した「高齢者、障害者等が利用しやすいホームページの普及に向けた支援システムの実証実験(ウェブアクセシビリテ

  • javascript - event.target で IDを省略 : 404 Blog Not Found

    2006年09月22日02:30 カテゴリLightweight Languages javascript - event.target で IDを省略 DHTMLの世界では、DOM objectにはみんなIDをふっておいて、document.getElementByID(id)でobjectを取得してそれをいじくるというのが王道ですが、いじくる対象がイベントを発生させたobject自身しかないならIDは省略できるいうお話。 よくあるのは、 function foo(id){ // あるいは // function $(id){ return document.getElementById(id) } // を定義しておいて$(id)を使う var elem = document.getElementById(id); // ... } とやってから <a href="#" id="bar

    javascript - event.target で IDを省略 : 404 Blog Not Found
  • 人力検索はてな - 7月1日の私のブログで記事を書いていました。 フリー百科事典『ウィキペディア(Wikipedia)』から各国の建国記念日を引用しました。 日記を編集する画面では、 国名

    7月1日の私のグログで記事を書いていました。 フリー百科事典『ウィキペディア(Wikipedia)』から各国の建国記念日を引用しました。 日記を編集する画面では、 国名 記念日の年月日 名称 理由 などが行を同じくしてキチンと並んでいたのですが・・ 登録を済ませてブログ画面で見ると、文章の行が乱れています。どうすればキチンとした表のように文字の行をそろえる事が出来のでしょうか??

    Yuichirou
    Yuichirou 2006/07/03
    なぜそこで誰もはてな記法の「表組み記法」を教えないのかな……!