私がHTMLを使用しているのは、互換性の問題がある為であり、また、2008年現在まともなハイパーテキストを出力してくれるソフトウェアがこの世に存在しない為である。つまりはただの妥協。本来私はXHTML派というか超右寄りのXHTML2.0派だ。これは一度書いておいた方が紛らわしくなくて良い気がした。勧告され、ちゃんとした編集環境があって、誰もが閲覧可能なら今すぐにでも移行したいと思うだろう。リンク関係のモジュール等を組み入れたりすることでハイパーテキストとしてもそれなりに強力になる。 HTML5はどうか。私のユースケースでは単に互換性が低くなるだけなので使わないが、ブログサービスがHTML5に移行するのは個人的には大歓迎だ。ユーザースタイルシートで余計なものを消すのが容易になる。ユーザースクリプトで必要な時だけ「ブログパーツ」を利用できるようにするのも容易くなるだろう。何よりそのようなスタイ
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
システム･リサーチ株式会社 会社概要 会社情報 社名システム･リサーチ株式会社 代表者前田 輝之 所在地700-0927 岡山市北区西古松237番地の126 松本ビル3階 電話番号086-243-2311 ファックス番号086-243-3360 設立1986年3月25日 (昭和61年) 資本金1,500万円 (授権資本 2,500万円) 事業内容 ･ソフトウェアの受託開発 ･コンピュータ関連機器の販売 従業員数18名 (平成29年10月現在) 取引銀行 ･トマト銀行 ･中国銀行 ･香川銀行 パートナー会社 ･株式会社システムプラザ 東京都目黒区中目黒3丁目6番4号 PHONE : (03)3760-9151 URL : http://www.sys-plaza.co.jp/ 主要取引先 ･建設コンサルタント ･流通業 ･建設業 ･ソフトウェア開発業 ･官公庁 沿革 昭和61年3月岡山市奥田
「dfn要素」は、文中で重要な言葉が初めて出現して、それに関する説明がそこでなされているときなどに使います。dt要素が辞書形式のリストで用語を定義していたのに対し、こちらは通常のパラグラフの中で用います。 〔補足〕多くのブラウザでは、em要素が斜字体、strong要素が太字体で表示されますが、ブラウザによっては違う表現をする場合があります。これらは字体を指定する機能ではなく、重要性を強調するための要素であることを理解してください。 段落内の一部分に特定の役割を与える要素ですから、これらは全てインライン要素のグループに属します。 HTML5では、これらはフレージング内容グループと呼ばれます。またem要素は強調、strong要素は強い重要性、厳格さ、緊急性などを示すということにされました。さらに、従来は文字の物理的なスタイルを示すものであったi、b、u各要素は、それぞれ「異なる調子や雰囲気、あ
htmlのパラメーターをActionScriptで受け取る htmlには下記のように書きます。 <param name="FlashVars" value="param1=value1¶m2=value2"> ActionScriptには下記のように書きます。 var flashvars:Object; var param1:String; var param2:String; flashvars = LoaderInfo(loaderInfo).parameters; param1 = flashvars["param1"]; param2 = flashvars["param2"]; すると、param1には"value1"がparam2には"value2"が格納されます。
Internet Explorerが先行実装したruby要素をMoziilaやOperaなどの他のモダンブラウザでも利用できるようにします。 また、ruby要素はHTML4.01では未定義の要素ですので、使用した場合invalidとなりますが、この方法の場合汎用要素のspanを使用する為、未定儀の要素を使用するよりはより仕様に近い記述になります。 まずはやってみる span要素のclass属性にそれぞれruby、rb、rt、rpを指定します。 <span class="ruby"> <span class="rb">Internet Explorer</span> <span class="rp">（</span> <!-- ルビ非表示用カッコ --> <span class="rt">インターネットエクスプローラ</span> <span class="rp">）</span> <!-
CSS3 では実現されるであろう、background-image への複数指定。ちょっと前に Surfin’ Safari で知ったんだけど、 Safari 1.3 と 2.0 ではすでに対応しているみたい。うはー、全然知らなかったす。つうことで、実際に自分でも試してみたくて可変レイアウトのサンプルを作ってみた。もちろん、Safari でしか確認することはできない。使用した画像は、head.png、center.png、bottom.png の 3 つ。 multiple_background.html スクリーンショット 背景画像を複数指定する場合、指定を記述する順番が重要になっていて、最初の指定がレイヤー的に言うと一番上に描画され、それ以降は下のレイヤーに描画されていくことになる。つまり、下に重ねて行く感じ。なんで、今回のサンプルの指定の順番も下記のようになっている。 /* 上、下、
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
前エントリ - Internet Explorer のイメージツールバーを無効化する meta タグ で予告したとおり meta タグについて生まれて初めてまじめに調べてみました。改めて調べてみると知らなかったこと満載です。っていうか Web エンジニアたるもの一度は W3C勧告 くらいは一通り目を通しておかなくてはダメだなと思ったりしました。面倒なくらい分量があるけど。ひとまず meta タグ情報としての自分にとって永久保存版まとめという位置づけです。 まずは参考になったサイトの紹介から。 W3C勧告HTML4.01 :: The global structure of an HTML document W3C勧告HTML4.01 私的日本語訳 :: The global structure of an HTML document(ja) rfc2616.txt Another HTML
恥ずかしながら Windows Vista に乗り換えてから１年ほど経つので Internet Explorer 6 (IE6) のイメージツールバーって存在を忘れていました。というか見たことはあっても名前で言われても何なのかわかりません。しかものイメージツールバーを無効化する方法も知りませんでした。 イメージツールバーってのは Internet Explorer 6 (IE6) 上で表示されている画像にでてくるコイツのことです。 この左端と右端のヤツ。原寸サイズでみるとこいつらのことです。こいつらはイメージツールバーっていうらしいです。 このイメージツールバーってのは IE6 にのみ実装されているある意味邪魔者で IE7 にはしっかりと機能削除されているヤツなんですが、200 x 200 ピクセル以上の画像を表示する際に表示されます。画像の保存、印刷、メール添付のほか、マイピクチャフォル
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
多くの人やリファレンスが HTML の img tag には height と width 属性を書きましょう、書いたほうが好ましいです、と言っている。が、敢えて積極的に書くべきではないと言いたい、と言うか言う。 何故、多くの人は img tag には height と width 属性を書いた方が良い、と言っているかと言うと、img tag が出現すると (一般的な) UA は img tag で指定された画像の大きさが不明な間、続く内容の表示する事ができず、結果文書全体の表示速度が遅くなる (逆に言えば img tag に height、width 属性を書き込むと表示が速くなる) からだそうである (ろばＱはこれ以外の論拠を聞いた事がないので以降、これを唯一の前提として論を続ける)。 閲覧者側の表示速度が向上すると言うのは (制作者側にとっても) 喜ばしい事である。もし、表示速度以外
めも。 HTMLに見た目を指定することを書いてはいけないとよく言われるが、それだけでなく、user agentの動作を指示することにも慎重でなければならない。動作を指示する記述とは、例えばtarget属性や、HTML 5のlink typeのprefetch、sidebar、nofollowなどのことである。 これらがあまり有用でないのはuser agentに柔軟な対応をとる余地を与えないということが一番の理由である(当然ながらuser agentにはIEやFirefoxなどの「ウェブブラウザ」だけでなく、検索エンジンのロボットやダウンロードツールなども含まれる)。target属性について考えよう。あなたは何故そのリソースを新しいウィンドウで表示して欲しいと思うのだろう。自分とは違う人や組織によって作成されたリソースだからだろうか。ならば「自分とは違う人や組織によって作成されたリソースだ」
1．リンクの target 指定問題 他サイトへのリンクを新しいタブで開きたいとは考えない人が現にいるにもかかわらず、target="_blank" とすると、閲覧者は選択の余地なく新しいウィンドウを開かされてしまう。これが target="_blank" が嫌われる唯一無二の理由です。 そもそも新しいウィンドウという発想のないブラウザを利用している場合、target="_blank" は無視されます。テキストブラウザの大半とか、携帯電話に搭載されているブラウザとか。W3C が target 属性を排除する方向で HTML の改訂を進めてきたのは、target 属性に汎用性がないからです。リンク先を新しいウィンドウで開くとか、新しいタブで開くといった機能は特定環境でしか意味がないのだから、HTML 文書ではなくブラウザが対処すべき課題なのです。 現に、Firefox の拡張プラグインには、
Plain Old Semantic HTML (POSH) Welcome to the POSH home page. Origins The acronym POSH was coined on 6 April 2007 on the microformats IRC channel, by <kwijibo> as a shorthand abbreviation for "plain old semantic HTML". A discussion on among John Allsopp, Tantek Çelik, Jeremy Keith, and Chris Messina at the Microformats Dinner 2007 April 18 following Web 2.0 Expo reraised the idea of POSH and the i
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名をつけている方には、それほど新味はないかも。） 例によって
We’re getting things ready Loading your experience… This won’t take long.
例の5つの質問の回答なんだけど。 「2. 採用しているDTDとその理由をお答えください」の回答で XHTML っていうのが多かったわけだけど、いや、DTD なんてなんだってイイと思うわけで、それが駄目って話ぢゃないんだけれど、誰かのために Web サイトを構築したり、HTML や XHTML 文書を書いているという人は除いて、ほんでもって、XHTML 勧告以前から、Web サイトを管理してるちゅう人に聞きたいんだけど、そのー、以前は XHTML では無かったと思うんだけど、HTML4.01 とかだったと思うんだけど、勧告の後、XHTML に移行したという人が居るんぢゃないかと思うンだけど、あー、元データが XML で XSLT とか通すとか、公開するリソースは、機械処理で DTD が選べるんだという人はともかくとして、そうぢゃない人で、DTD をわざわざ XHTML に換えたっていう人が居
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
