タグ

HTMLに関するB-SAKATUのブックマーク (149)

  • 栄光ゼミナール;塾選びガイド

    栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで

    B-SAKATU
    B-SAKATU 2007/07/12
    うーん。わかりやすくなる部分もあるけど、退化する部分もあって微妙な感じ。
  • 見出し要素に関する議論 - 徒委記

    見出し要素に関する議論 2007年6月30日 2007年7月2日 2007年7月4日 2007年7月5日 2007年7月6日 2007年7月7日 2007年7月8日 2007年7月9日 2007年7月10日 2007年7月11日 2007年7月13日 2007年7月14日 2007年7月15日 2007年7月17日 2007年7月26日 サイト内の各ページで常にh1要素をサイト名とすることについて、等々。 2007年6月30日 CSSでイケてるデザインサイト : 雑記帳 : der Gegenwart Rusicaさん。「イケてる」条件に「トップページ以外のh1要素がサイト名になっていないかどうか」を提示。 die Vernunft - 個人的なイケてるサイト基準 emiさん。「駄目ですか…?」 2007年7月2日 h1は最も重要な見出し - 徒書 北村曉。文書作成者は重要と思うものをh1

    B-SAKATU
    B-SAKATU 2007/07/12
    色々気づかされる。今度不自然なところを直すか。
  • HTML Standard, Edition for Web Developers

    About this specification This specification is like no other — it has been processed with you, the humble web developer, in mind. The focus of this specification is readability and ease of access. Unlike the full HTML Standard, this "developer's edition" removes information that only browser vendors need know. It is automatically produced from the full specification by our build tooling, and thus

    B-SAKATU
    B-SAKATU 2007/06/17
    5 と 4 の違い。
  • XHTML タグ一覧表示ツール

    下に表示されている XHTML タグをクリックすると、その下にある枠内に、 正しいマークアップ 使用可能な子要素(または親要素) 使用可能な属性 が表示されます。XHTML タグを記述する際、「このタグの書き方は?」「このタグの子要素(または親要素)には何が書けるの?」と思ったら使ってください。元データは Another HTML-lint のタグ一覧を利用しています。 クリック表示 マウスオーバー表示 属性表示 XHTML 1.0 Transitional [ 閉じる ] <a> <abbr> <acronym> <address> <applet> <area> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> <col> <colgr

    B-SAKATU
    B-SAKATU 2007/06/14
    「要素の子要素と親要素、および属性を表示。」親要素がわかるのは便利でいい。
  • Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? - 我的春秋

    フロントエンドデザインだけで完結できてしまう人には、(CSS や DOM はともかく)次世代 HTML によって実感できる恩恵はすごく少ないため、class や id との差も実感しにくいのかも...なんて思いました。(でも、少なくとも次世代の Web を担う因子としては、CSS 3 なんかよりもはるかに重要。) 次世代規格(X/HTML5 や XHTML2)に何らかの抵抗がある人は、現行の規格(HTML4 や XHTML1)をそのまま継続利用すれば良く、無理に次世代規格にシフトする必要はないと思います。(ブラウザベンダーが既存の HTML文書に対するサポートを切り捨てるとは考えにくいでしょう。) X/HTML5 と XHTML2 の利点・欠点については、X/HTML 5 Versus XHTML 2 がとても要領よくまとめています。気持ちに余裕があったら、訳してみようかな..。 個人的に

    Re: XHTML+CSS (r)evolution, 3rdの内容は信ずるに値するか? - 我的春秋
    B-SAKATU
    B-SAKATU 2007/06/07
    dialog要素とdl要素の重要な相違点として、それが順序つき関係リストであるか、順不同関係リストであるかの違いがあります。 / そういえばそうだ。
  • 論理構造を文脈に読み換えながら class 名を考える - 我的春秋

    POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsより 基的にはより論理構造を意識した class名をつけることが、今日のお話の目的なんですが、semantic-class-names のリンク先にない新味は、論理構造を文脈に読み換えながら class 名を考えるという点。(ただし、普段から意識的に文書全体の構造に照らして class名をつけている方には、それほど新味はないかも。) 例によって

    論理構造を文脈に読み換えながら class 名を考える - 我的春秋
  • optgroup 要素を CSS でひと工夫してみる | WWW WATCH

    フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな... フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基的なことのみで、すごいかっこいい見た目を実現とかそういうのではありませんので、期待せずにどうぞ。 例えば都道府県などの選択をさせる際を想定すると、マークアップ自体はこんな感じになりますよね。面倒なので全部は書きませんが。 <select name="location"> <optgroup la

    optgroup 要素を CSS でひと工夫してみる | WWW WATCH
    B-SAKATU
    B-SAKATU 2007/05/13
    optgroup 要素を使いやすく
  • 窓の杜 - 【NEWS】米MS、HTML構造やレイアウトを検証できるWeb制作者向けIEプラグインを正式公開

    Microsoft Corporationは9日(現地時間)、Webページの構造を検証できるIE用プラグイン「Internet Explorer Developer Toolbar」の正式版を無償公開した。Windows XP/Server 2003/Vista上のIE6/7に対応し、現在同社のダウンロードセンターからダウンロードできる。 「Internet Explorer Developer Toolbar」は、IEのエクスプローラバーとして動作するWeb制作者向けのプラグイン。ローカルまたはインターネット上のWebページのHTML/CSS構文を解析でき、レイアウトや色合いの調整、W3Cの文法チェックサービスを利用した構文エラーチェックなど、アクセシビリティに配慮したWebページ作成に便利な機能が多数搭載されている。 エクスプローラバーはWebブラウザー画面の下側へ表示され、上部に各

    B-SAKATU
    B-SAKATU 2007/05/13
    firebug っぽい
  • 諸君 私はコーディングが好きだ - Like@Lunatic

    「諸君 私はコーディングが好きだ 諸君 私はコーディングが好きだ 諸君 私はコーディングが大好きだ マークアップが好きだ サイトの設計が好きだ デザインの実装が好きだ デザインカンプにスライスを切っていくのが好きだ JPEGの圧縮率を決めるが好きだ ファイル名を考えるのが好きだ 文書構造を考えるのが好きだ バリデーションが好きだ 自分が書いたソースを眺めるのが好きだ HTML で XHTMLCSSJavaScript で Microformats で DOMで XML で XSLT で RSS で Atom で この地上で行われる ありとあらゆるコーディング行為が大好きだ 戦列をならべたコーダーの一斉タイピングが 轟音と共に修正依頼を吹き飛ばしていくのが好きだ 空中高く放り上げられた修正依頼が 効力射でばらばらになった時など心がおどる コーダーの操

    B-SAKATU
    B-SAKATU 2007/04/19
    少佐の演説、コーダーバージョン。「後任のコーダーに~」のくだりは、経験はないが想像に難くないなぁ。
  • この1年余り、HTML への関心が薄れてる

    「正しくHTMLを(中略)5つの質問」への回答まとめ(Rusica さん) 「正しくHTMLを(中略)5つの質問」への回答結果に対する感想(Rusica さん) 私は最近、正しく云々の意欲がないので回答しませんでしたが、他の人の回答はちょっと興味を持って読んでいました。まとめが出たこの機会に、私なりの回答と、他の方の回答を読んでの感想を少々。 正しくHTMLを書こうと心がけている人に5つの質問:私の回答 1. HTML文書を制作する際に使用しているプログラムをお答えください。(Webプログラムも含む) インデックスとかナビゲーションとかは、面倒くさいので MT 任せ。文は TTTEditor と Crescent Eve で文章を書き、マークアップをしています。ほとんど TTTEditor です。 2. 採用しているDTDとその理由をお答えください。 HTML4.01 Strict です

    B-SAKATU
    B-SAKATU 2007/04/18
    「括弧書きで読み仮名を書くので何が不満なのか、よくわかりません。」振り仮名を ruby でマークアップして何が悪い。使ってはいないが。
  • http://mynotes.jp/blog/2007/04/emphasis

    B-SAKATU
    B-SAKATU 2007/04/07
    「強調されていたほうが閲覧者にとっては読みやすい」構造ではなく見栄えをメインに考えているからそう思ってしまう。
  • ほとんどの「論理マークアップ」はクローラにとってはクソの役にも立たない : ひろ式めもちょう

    Japan.internet.com Webビジネス - SEO のキホン―なぜ論理構造が必要なのか http://japan.internet.com/busnews/20070402/6.html てなことをあやしげSEO系マーケターが書いてるわけだが。 こういう神話が一人歩きしている状態がイヤだ。いくぶん極論ではあるが、これが「間違っている」ということをネット辺境のきわみであるこのページに、せめてメモっておこう。 ほとんどの場合、クローラにとってHTMLごときの論理マークアップなんてクソの役にも立たない! …だって作ってる人が最初にタグを削除してるって言ってんだから、役に立つわけないじゃん。 フィードリーダや特殊なスパイダーでもない限り、細かい論理マークアップを見たりなんかしないよ。フィードリーダは埋め込まれているフィード情報をチェックするからしかたない。特殊なスパイダーというのは

    ほとんどの「論理マークアップ」はクローラにとってはクソの役にも立たない : ひろ式めもちょう
    B-SAKATU
    B-SAKATU 2007/04/03
    べつにクローラーのために HTML 書いているわけじゃないんだが。
  • class属性とid属性に関する議論リンク集 - 徒委記

    class属性とid属性に関する議論リンク集 発端 過去の経緯や参考情報 2007年3月18日 2007年3月21日 2007年3月22日 2007年3月23日 2007年3月25日 2007年3月28日 「私はheaderやfooterはidじゃなくてclassだと思うけど、皆さんはどう思います?」 (CSS Nite公式ブログでのレポートより) 発端 CSS Nite Vol.18交流会「HTMLへの回帰」 CSS Nite Vol.18 謝恩会「HTMLへの回帰」の資料公開 過去の経緯や参考情報 CSS Nite Vol.3の企画「木達さんに聞いてみよう」 id属性とclass属性 | Web標準Blog | ミツエーリンクス Tips/WebPage/class と id の違いとは? - outsider reflex idとclassの違い 2007年3月18日 WEBTECH

    B-SAKATU
    B-SAKATU 2007/03/23
    class のほうがいいと思う。header やら footer なんて class 名はよろしくないが。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    B-SAKATU
    B-SAKATU 2007/03/21
    『「文書中にひとつしかないからidで」という考えは、良いマークアップフローを生み出さないのではないか』同意。
  • はてなブログ | 無料ブログを作成しよう

    うまくいかない日に仕込むラペ 「あぁ、今日のわたしダメダメだ…」 そういう日は何かで取り返したくなる。長々と夜更かししてを読んだり、刺繍をしたり…日中の自分のミスを取り戻すが如く、意味のあることをしたくなるのです。 うまくいかなかった日のわたしの最近のリベンジ方法。美味しいラペを…

    はてなブログ | 無料ブログを作成しよう
    B-SAKATU
    B-SAKATU 2007/03/18
    IE はどうやってもだめ。まあ IE 使ってるやつなんか損してればいいんですよ。
  • 5W1H のマークアップ 1: When(日時) - 我的春秋

    ちょっと思い立って、5W1H の XHTML マークアップの手段について、少しずつ整理してみることにしました。 理由や意義については、また別エントリーを立てるとして、とりあえず今日のところは、When?(いつ?)...つまり、日時のマークアップ手段から。 (X)HTML meta name="date" syntax <meta name="date" content="[W3C-DTF]" /> [W3C-DTF]: YYYY-MM-DDThh:mm:ssTZD(≒ ISO 8601。必要に応じて、秒・分・時・日・月は省略可。) [TZD]: ±hh:mm | Z(タイムゾーン。日なら "+09:00"。UTC 協定世界時なら "Z"。) 追記: W3C-DTF のバリアントと (X)HTML における %Datetime について 北村さんよりご指摘をいただきまして(→ はてブ コメ

    5W1H のマークアップ 1: When(日時) - 我的春秋
    B-SAKATU
    B-SAKATU 2007/03/13
    abbr より span のほうがいいと思う。
  • Logs - JamGraffiti

    過去ログ 旧日記のバックナンバーです。 検索 2008年 =1; $nisenhachi--) { $nisenhachim = $nisenhachi; if($nisenhachim < 10) { $nisenhachim = "0". $nisenhachim; } ?> 月 01日~10日 11日~20日 21日~31日 2007年 =1; $nisennana--) { $nisennanam = $nisennana; if($nisennanam < 10) { $nisennanam = "0". $nisennanam; } ?> 月 01日~10日 11日~20日 21日~31日 2006年 =1; $nisenroku--) { $nisenrokum = $nisenroku; if($nisenrokum < 10) { $nisenrokum = "0". $

  • HTML Working Group

    The mission of the HTML Working Group is to give input to and bring the WHATWG HTML and DOM Review Drafts to W3C Recommendations. Homepage This page Status Active Charter Chartered until 6 June 2024 (history) Shortname htmlwg Participation

    HTML Working Group
    B-SAKATU
    B-SAKATU 2007/03/08
    予定どおり完了するとは思えないが、期待しておく。さて、XHTML 2.0 はまだか?
  • LSC - Mar 2007 - dataスキームハック

    B-SAKATU
    B-SAKATU 2007/03/06
    "Another HTML-lint gateway で 100点を取るのは「目標」ではなく「最低ライン」" XHTML であるために 100 点を取る必要はない。XHTML であるかは W3C の Validator で確認すればいい。それに、100 点になることに意味はない。
  • WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった

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

    WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった
    B-SAKATU
    B-SAKATU 2007/03/02
    「HTML5やXHTML2には他にも拡張された要素があるので、class属性の値を決めるときにはそこをヒントにするといいかも。」HTML 5 と XHTML 2.0 はなんでこんなに違うんだ?