HTML

を無駄にスタイリングしてくれるな

先日、「Firefox 23では「JavaScript無効化オプション」が無効化されるかも」? - hogehogeで、JavaScriptを無効にできなくなるわけではなく、オプションダイアログのチェックボックスが消えるだけだよ、という話を書いた。 チェックボックスが消える理由と…

hidden 属性

要素の表示/非表示をトグルするベストプラクティス - hogehoge コメント欄にて id:Syoichi さんに hidden 属性の存在を教えてもらった。 IEではまだ実装されておらず、マークアップ上の意味を考慮する必要もありますが、将来的にはhidden属性も選択肢の一つ…

Note 的な aside 要素をネガティブマージンを使わずに

こんな感じの、NOTE部分は ::before 等のCSSで書き、回り込みなしのブロックを作るやり方を模索してた。 ネガティブマージン まぁ楽ではある aside.note { padding-left: 6em; } aside.note::before { content: "NOTE"; margin-left: -5em; float: left; } <aside class="note"> <p></p></aside>…

の挙動

firefox4,5における空のimgタグの挙動 - 技術記録 firefox4か5で、 <img src=""/> みたいな感じで、srcを空にしたimgタグを書いてると、imgタグが現在開いているページ自体を読み込むようだ。 firefox4,5における空のimgタグの挙動 - 技術記録 という問題。気になったので…

何が「HTML5」であるか

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

TecWave.jpの記事があまりに恥ずかしすぎる件

ソーシャルの次の時代、「フリーミアム」が終わり「コンテンツがキング」になる【湯川】 : TechWave もうね、何を言っているんだ? って感じ。 ビジネス部分に関してはあえて言及しない(釣られている感じがするので)。主にHTML5に関して。 その状況を変え、…

pre 要素の中身をエスケープせずに書く

<pre> var x = <root> <list>hoge</list> </root>; for (var i=0; i < x.*.length(); i++){ hogehoge(x.*[i]); } </pre> とか基本エスケープせずに書きたい。 ついでに 文頭、文末の改行のみの部分は削除しておきたい 先頭のインデント部分の空白部分は削除しておきたい <pre> var x = <root> ... ]]></pre> CDATAセ…

Canvasでアニメーション背景

Canvasで背景(星屑)テスト Canvasで星を作って動かして遊んでて、背景で動かしたら面白いかなと思って作ってみた。ちょっと(?)ケバいけどね:-P ランダム要素が入っているので毎回少しずつ違った背景になる。うるさくない程度に改良すれば何かのアクセントに…

xpcshellでHTMLパース

xpcshellでHTMLDocumentって無理なのかなぁ - The Other Road Ahead タイトルどおりかと思っていたけど、よく読んでみると目的としてはHTMLのパースなのだと思う。 もし、そうであるならば、完全では無いけど出来る。 const Cc = Components.classes; const …

tableレイアウトならぬlistレイアウトも非難され始めるかも?

テーブル要素を使用しないで制作するカレンダー | コリス どうもlist要素を使ってカレンダーを表現しているみたい。 正直tableレイアウトだろうがlistレイアウトだろうがdivレイアウトだろうが何でもいいよとは思うわけだけど、これってtableレイアウトが悪…

回答「正しくHTMLを書こうと心がけている人に5つの質問」

HTML文書を制作する際に使用しているプログラムをお答えください。(Webプログラムも含む) 採用しているDTDとその理由をお答えください。 何故正しくHTMLを書いているのですか? W3CとWHATWG、どちらに期待してますか? あなたにとってHTMLとは何ですか? …

HTMLとJavaScriptの値の一元管理

HTMLとJavaScriptで同じ値を使いたいんだけど、変更したい時両方変えるのが面倒だし間違いの元だなと思ってやってみたもの。 案の定IDEには怒られたけど実際には動作する。 ]> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

SVGを使って丸角ボックス

始めに書いておくけど IEでは動きません。表示すら出来ないでしょう。 Firefox2.0.0.1 でも動きません。 Opera,Safari, etc... は未確認 FIrefox 3.0α2 (Grand Paradiso)でのみ動作を確認してます。 それでも見たければ以下からどうぞ。 SVGで丸角ボックス …

xfy Blog Editor Trial Pack を試してみる

xfyで扱えるXMLドキュメントは「コンパウンドXMLドキュメント」というもので、SVGやMathMLといった用途別のXMLタグセットを埋め込める。 XML文書編集の未来形!?――ジャストブログを試してみた − @IT と書かれていたから興味を持ったからだ。JUST BLOG(ジャ…

addEventListener の第三引数について

addEventListenerはよく使うけど、第三引数の true | false の意味は良く分かってなかった。 void addEventListener ( String type , EventListener listener , boolean useCapture )This method allows the registration of event listeners on the event t…

HTML,CSSは所詮補助

「俺が教えてやろう」という方がおられましたら是非に。という気概はないですが、しばらく考えた後の私なりの回答を書いて見ます。高枝かれんさん自身の考え次第だと思います。 単に「ひぐらしのなく頃に」というタイトルを記述するだけならマークアップしま…

やっぱりテーブルレイアウトはよろしくない - 要するにw3mでブラウジングし難いんだよボケッって言いたいだけ

いろいろ変遷があって、現状はCSS+divレイアウトでもテーブルレイアウトでも製作者が楽だと思う方を選べばいいじゃんって思ってたけど、やっぱりテーブルレイアウトはダメ、な方向に向きつつある。 最近、Cgywin+GNU screenで遊び始めていて、Webサーフィン…