HTMLはもはや「コンテンツ」ではなく、プログラムで自動生成される「画面」だ - モジログ
私はCMS開発の仕事をしているので、日々HTMLと格闘している。そのためか、HTMLには愛憎半ばする思いがある。 HTMLは人間が読めるテキストで書かれており、どんなWebサイトでもHTMLソースを見れる。これは最高に素晴らしいことだ。しかしその素晴らしいHTMLも、あまりにも多くの役割を背負わされ、肥大化しすぎていると思う。 ただのテキストにリンクや<p>タグをつけただけのような文書から、Google Mapsみたいに怪物のようなWebアプリケーションまで、HTMLの役割・守備範囲はじつに広い。 当初のHTMLは、前者の「文書」から出発したはずだが、画像が入ったり、だんだん表現力が増していき、JavaScriptやCSSも登場し、CGIから始まったサーバサイド技術も高度化して、「アプリケーション」までWebでできるようになった。 いまや、ネット上にあるWebサイトの大部分のHTMLは、人
HTMLを理解していないウェブ開発者ってどうよ？ - builder by ZDNet Japan
エンドポイントセキュリティの転機 情報セキュリティ戦略が問われる今 重要インフラ事業者としてANAが考えること ゼロトラスト対策3つのポイント ニューノーマル時代に必須なゼロトラスト セキュリティの始め方 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu 中小企業のひとり情シスの現実 夢か幻か、はたまた現実か？ ヘルプデスク業務の週休4日制を考える 日清食品グループのDX（前編） 現場が主役のDXのススメ トップの強い意思で変革に弾み EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の
フォームのインタフェースデザイン（4）--チェックボックスとラジオボタンのデザイン - builder by ZDNet Japan
フォームのチェックボックスとラジオボタンのデザインに関連するCSS 3のセレクタには、前回紹介した:checkedと:defaultの他に、:indeterminateというセレクタがある。今回は、この:indeterminateセレクタを紹介する。また、JavaScriptを利用して、セレクタに未対応のブラウザで同等の処理を行う方法を簡単にまとめておきたい。 なお、フォームのインタフェースデザインに関連したCSS 3の基本的なセレクタは、今回紹介する:indeterminateが最後となる。 グループ内に選択した項目がないラジオボタンのデザインを設定する フォームでは、name属性の値が同じラジオボタンをグループとして扱う。:indeterminateセレクタを利用すると、グループ内に選択した項目が1つもない場合にデザインを適用することが可能だ。 たとえば、次のサンプルではラジオボタンを
色言一致 : 404 Blog Not Found
2008年05月08日07:00 カテゴリ一日一行野郎 色言一致 そのネタは既出でっせ。 ギーク風に言うとコーヒーは何色？ | IDEA*IDEA この発想はなかったな。コーヒーは何色？ときいて「水色！」と答える人がいたらギークかもしれません。 ITというか、プログラマ向きなカフェの店名 - hajimehoshi - はてなハイク ITというか、プログラマ向きなカフェの店名 - dankogai - はてなハイク それはとにかく、他にもあるかざっくり調べてみた。 % perl -nle '/^[a-fol]{6}$/i or next; $w=$_;$_=lc$_;y/ol/01/; ' -e 'print qq(<li style="background-color:#$_">$w</li>)' /usr/share/dict/words abolla accede Acoela Ad
Javascript - Event compatibility tables
Last updated on 6 September 2011. An older version of this page has been translated into Romanian. On this page I give a quick overview of events browser compatibility. This research is exclusively about when the events fire, and on which elements you can add event listeners. The spec is relatively clear about the latter, but frequently vague about the former. Thus it seems you’re currently readin
JavascriptとDOMの質問です。 IEで使えるdocument.allの様に、W3C標準でdocument内の全ての要素を集合で取得する方法は無いでしょうか。…
JavascriptとDOMの質問です。 IEで使えるdocument.allの様に、W3C標準でdocument内の全ての要素を集合で取得する方法は無いでしょうか。 document.getElementsByNameやdocument.getElementsByTagNameでは、条件に一致するものしか取得できない様で、無条件にする方法が解りません。 なお、OperaやFireFoxでは、document.allが使えてしまう様ですが、NetscapeやSafariでも使用可能な方法で、回答お願いします。
Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。
昨日のエントリに引き続き、今度はスクロールバーで隠れている領域を含むサイズを取得するためのプロパティをまとめてみました。 Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth document.documentElement.scrollHeight document.docu
れぶろぐ - [JavaScript] iframe のサイズを JavaScript で調節する方法 (2)
■ iframe のサイズを JavaScript で調節する方法 (2) 前回の iframe のサイズを JavaScript で調節する方法 で、 Firefox や Opera だと、 iframe のサイズを大きくすることはできても小さくすることができなかった。 これを何とかできないものかと思い、もう一度自分で調べ直してみた。 高さが 300px 分くらいのテキストを幅固定の iframe 内に表示し、 その時の iframe 内での以下の値を調べてみた。 DOCTYPE は標準モードになるように設定してある。 document.documentElement.scrollHeight document.documentElement.offsetHeight document.documentElement.clientHeight 使用したブラウザは以下の４種類。 Inter
インラインフレーム(iframe)の枠を表示される内容によってサイズ変更するように出来ますか？…
インラインフレーム(iframe)の枠を表示される内容によってサイズ変更するように出来ますか？スクロールバーは常に非表示が条件です。
Firefox ＩＥ の表示の違いをまとめてみる-Dig*Dag
前の記事：「透過PNGをIE6以下でキレイに表示するJavaScript」 次の記事：「Youtube ディレクター動画 やわらか戦車」 Comments 雑誌 雑誌を探すなら http://www.so-blue.com/200162/101302/ | 2008-10-01 00:38:32 | #- URL [ edit ] What say you? Name Subject Mail URI Comment Pass Secret 管理者にだけ表示を許可する Track backs http://digdagdig.blog117.fc2.com/tb.php/82-cb2e68c2 この記事にトラックバックする(FC2ブログユーザー) 自作CSSで「FirefoxとIEの表示の違い」に苦しむ このブログ 「DigDag」のCSSは自分で書
JavaScript クロスブラウザに関するメモ - とみぞーノート
IEとFireFoxでのJavaScript(と言うか主にDOMまわり)の挙動の違いに関するメモ書き 1.ウィンドウ/ドキュメント関連 1.1 ドキュメントの幅,高さの取得 IE6 document.body.scrollWidth document.body.scrollHeight NN6,FireFox document.width document.height FireFox12ではdocument.width,heightはundefinedになる。 https://dev.mozilla.jp/2011/06/firefox6-backward-compatibility/ によると、このプロパティは標準化されなかったので、FireFox6以降で削除された模様。 かわりに、以下のようにしてサイズを取得できる。 parseInt(window.getComputedStyle(
%25E9%2596%25A2%25E9%2580%25A3)
JavaScript インラインフレーム(iframe)関連 - とみぞーノート
いろいろハマリがちなJavaScriptでインラインフレームを扱う場合のメモ。 特に断らない限りブラウザのバージョンは以下が前提。 iframeのwindow,documentの取得方法はIEとMozilla系(NN,FireFox)で異なる。 IEはframes配列のwindow,documentプロパティから取得できる。Mozilla系はiframeエレメントのcontentWindow,contentDocumentプロパティから取得できる。 IEでもMozilla系と同じくiframeエレメントのプロパティから取得することもできるが、contentDocumentについてはIEには存在しないので、documentはcontentWindow.documentとしてcontentWindow経由で取得しなければならない。 (1) frames配列から取得する場合 frames['xx
formタグとinputタグに対する、id、name属性 - 学び、そして考える
今さらながら、ASP.NETではなく、ASPをゴリゴリ書いていて、しかもXHTML1.1準拠のドキュメントだったため、基本的なタグの知識が怪しげで、自分用にメモ。 今回は特にformタグとinputタグに対する、idとname属性のつけ方に関して。挙動はIE6で確認。 まず基本的知識。 http://www.marguerite.jp/Nihongo/WWW/RefHTML/_id.html id属性は、HTML文書中の特定の一箇所を明示するための属性です。 id属性は、以下の要素以外で利用出来ます。 <html>要素 <head>要素 <meta>要素 <script>要素 <style>要素 <base>要素 <title>要素 http://www.awcs.org/xhtml/#base より、 HTML4は、a, applet, form, frame, iframe, img,
ez-HTML
充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました（2022月4月5日）。 最新版(ver 7.71)をダウンロード！ (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」（以下WYSIWYGと省略）は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: The Ultimate HTML Reference: Lloyd, Ian: 本
Blogger
HTML&CSSビジュアル・リファレンス
掲示板/JavaScript質問板［過去ログ］/一覧/idとname - TAG index Webサイト