Google Code: Web Authoring Statistics
Introduction Various people have, over the last few years, done studies into the popularity of authoring techniques. For example, looking at what HTML ids and classes are most common, and at how many sites validate (and yes, we know that we're not leading the way in terms of validation). John Allsopp's study is the most recent one we're aware of, where he looked at class and id attribute values on
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
HTMLの基本構造 - 仕様書に見るHTML(1)
3.3 属性リスト宣言と実体宣言 また、DTDでは要素タイプがどんな属性を持つのかも定義します。属性は、<!ATTLIST で始まる宣言文で、属性名、属性値のタイプ、省略時の扱いについて定義します。 さらにDTDでは、さまざまな名前や値の別名を定義しておき、個々の宣言ではこの別名を使うのが普通です。この別名の定義を実体宣言といい、<!ENTITY で始まる宣言で定義しています。 仕様書の3.3ではこれらについても詳しく説明されています。それほど複雑ではないので、できればひととおり目を通して、DTDの読み方を身につけておきましょう。 4 HTML文書の構造 では、HTML4の仕様書のさまざまな要素タイプの定義の中から、注目しておきたい部分を拾い読みしていきます。HTMLを書くときに、「ここはどうなっているんだろう」と疑問に思うような点の多くは、実は仕様書できちんと解説されているものなのです。
2005年11月21日の日記 - 氾濫原
洗濯機ってエスで lavmaŝin/o なんだってさ。洗うが lav/i ですよ。ラヴィ！ やっぱこう、洗濯機パワーをひしひしと感じる。 トップ language knabino de lavmaŝino トップ thinking knabino de lavmaŝino だいたい決まった構造の HTML を書くようになってきたので、俺の場合を紹介してみる。body 以下を書く。 body (div#all) h1#top a div.section#navigation h2 (p#skip-to-main-content) a map ul li#navigation-home a 以下似たようなのが続く div.section#content div.section h2 内容 以下似たような（ｒｙ div.section#footer address おおむね上のような感じ。ってい
HTMLリアルタイム編集（ブックマークレット） @ ZEROBASE BLOG
quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ＆ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利
yohei-y:weblog: Javascript HTML のデザインパターン
僕もご多分に漏れず Javascript で遊んだり調べたりしています。 いろいろなクールなサイトの生 Javascript を見て勉強しているのですが、 まず面白いなと思ったのがロールオーバーの実現方法です(JavaScript や HTML をわかってる人には当たり前の内容だと思うので、ツマラナイ話だと思いますが)。 WaSP の左上の画像のロールオーバーは <img id="logo" src="/img/logo.gif" height="100" width="103" alt="Web Standards Project logo" /> 生 HTML はこんなかんじで onmouseover/onmouseout 属性を記述せず、 JavaScript で function initRollOvers() { var logo; if (document.getElement
Web標準化Tips - Web標準普及プロジェクト
特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。
All your <base> are belong to us - WebStudio
もずはっく日記(2005年9月) 2005年9月2日 All your <base> are belong to us 初回投稿日時: 2005年09月02日03時43分12秒 カテゴリ: HTML IE SNS: Tweet (list) IEのめちゃくちゃな処理方法が告白されている。 この話によると、IE6まででは、base要素が出現すると、空要素にも関わらず(しかもhead要素内にしか出現できないにも関わらず)、それを開始タグとして、終了タグを"適切に"補完し、そのbase要素の影響すべきリンク全体がbase要素の子孫要素となるようにし、リンクは、自分に最も近い祖先のbase要素を参照していたというのだ。(base要素がhead要素内にあった場合は、body要素の親をbase要素とするらしい。詳しくはCode-Only: BASE tag changes in IE 7 with
メールフォームを作る（mailto）
メール送信フォームをつけてみましょう。メールフォームとは、WEBページ（ホームページ）上から特定のアドレスにメールを送信するシステムです。 ■mailtoを使う CGIやjavascriptなどでも設置はできますが、ここではmalitoを利用した方法を使ってみましょう。この場合メールソフトを起動して送信しますので、送信者は相手に電子メールアドレスを公開することになります。 このmailtoを使ったメールフォームは、CGIに比べると文字化けや送信ミスする可能性が高いです。また送信者がメールソフト（Outlook Expressなど）のメールソフトの設定をしていないと送信できません。文字化けがひどいようでしたらCGIでのメールフォームをお勧めします。 お使いのＯＳ、ブラウザ、メールソフト（Outlook Expressなど）によって動作しないと言う情報が入っています。Windows XP+IE
FrontPage - Web制作板Wiki
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
mozilla.org マークアップ参考資料
fantasai このドキュメントの目的は、セマンティッククラスの豊富なボキャブラリーを定義するこ とです。サイト全体のスタイルシート内に指定するこ とができ、CSS の規則を書かなくても長く複雑でよく整えられたスタイルのドキュメントを記述することができるほど十分なボキャブラリーを定義します。こうしたクラスは古 い「見栄え」テンプレートに取って代わります；今では「見栄え」はスタイルシート内に定義されるようになり、マークアップをセ マンティックに保つこと ができます。これによって HTML のコードを書く人の仕事が簡素化され、ページのスタイリングに関してさらに優れた柔軟性を可能にし、一貫した仕様でサイト全体の体裁を整えます。 これらのクラスは必要に応じて使用できるように定義されています。これらのクラスを必要としないのであれば、これらを学んだり使用したりする必要は ありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
decaf, decaf.
http://everybody.good-day.net/~iwai/blosxom/design/html/id-and-class-for-html.htm
Web::Blogoscope: XHTMLの最適化手法
はてなブログ | 無料ブログを作成しよう
マークアップのノウハウが記載されているサイトを教えて下さい。
DIV要素で構造を補強
http://members.jcom.home.ne.jp/jintrick/Personal/d20023l.html
＜ｂｒ＞と＜ｂｒ ／＞どっちが正解？
Web標準デザインテクニック即戦ワークブック―XHTML CSSを正しく賢く書くための15問
