暮らし 高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~
![『高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~』へのコメント](https://cdn-ak-scissors.b.st-hatena.com/image/square/e110bd4b96179c026e3564a2b8a5e8bc5c63f1c7/height=288;version=1;width=512/https%3A%2F%2Fb.st-hatena.com%2F84fdd1a6a56049798313195c1c65fd7fac93021e%2Fimages%2Fv4%2Fpublic%2Fog_image.png)
XHTMLの制作でもっとも難しいのは「どの要素を使ってマークアップするか」という判断である。正解がひとつの場合もあれば、ふたつ以上の場合もある。人間の判断に負う部分も大きいので、あるマークアップを適切に感じる人もいれば感じない人もいる。シチュエーションごとの一般的なマークアップ例を見ていこう。 画像(img要素)を見出しとするのは悪か? 「見出しとして埋め込むのはテキストだけであって、画像(img要素)を埋め込むのは正しくない」と勘違いしている人が意外と多い。特にテーブルレイアウトに慣れ親しんでいる人は、Webページにとって骨格である「見出し」をきちんとマークアップするという発想がなく、見た目として「見出し」のように見える画像を置いておけばそれでオーケーと判断してしまうケースが多いようだ。 構文的なことをいえば、どの文書型であっても、h1~h6要素はテキストだけでなくインライン要素を含むこ
JavaScript 関連の記事 Web サイトの制作の負担を減らしたり、Web ブラウザの機能を補うための JavaScript ライブラリを公開しています。 GNU General Public License の範囲で個人利用、商用利用を問わず自由にご利用いただけます。(動作の結果、損害をもたらしても保証はしかねますのでご利用いただく場合には十分にテストをしてください。) もし、不具合や不明点などがありましたらフィードバックをいただければ幸いです。 iframe の高さを内容に応じて自動で調節する JS 他 IE 6 以下で CSS の E:hover, E:active を有効にする JS Internet Explorerバグ対処 OS にあわせた font-famiry を PHP または、JavaScript で適用する FirefoxInternet ExplorerOpe
Website Options とは? JavaScript で作られている、ページの使いやすさの向上を 目的とした機能を持つスクリプトです。 あらゆるページに適用できるように設計しており、HTML/4.01 (text/html) では勿論の事、XHTML/1.1 (application/xhtml+xml) でも動作します。 また、Mozilla Firefox/1.5.x での厳格な構文チェックを通しています。 以前は Preferred Style Generator という名前で配布していました。 簡単な設定を行うだけで、次のような機能を使う事ができます。 動的なスタイルシート切り替え スタイルシートを簡単に切り替えられる機能をユーザーに提供します。 クッキーを使ってスタイルシートの設定をブラウザに記憶させ、 ページを移動しても表示スタイルを維持します。 XHTML に書かれた
フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな... フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基本的なことのみで、すごいかっこいい見た目を実現とかそういうのではありませんので、期待せずにどうぞ。 例えば都道府県などの選択をさせる際を想定すると、マークアップ自体はこんな感じになりますよね。面倒なので全部は書きませんが。 <select name="location"> <optgroup la
「諸君 私はコーディングが好きだ 諸君 私はコーディングが好きだ 諸君 私はコーディングが大好きだ マークアップが好きだ サイトの設計が好きだ デザインの実装が好きだ デザインカンプにスライスを切っていくのが好きだ JPEGの圧縮率を決めるが好きだ ファイル名を考えるのが好きだ 文書構造を考えるのが好きだ バリデーションが好きだ 自分が書いたソースを眺めるのが好きだ HTML で XHTML で CSS で JavaScript で Microformats で DOMで XML で XSLT で RSS で Atom で この地上で行われる ありとあらゆるコーディング行為が大好きだ 戦列をならべたコーダーの一斉タイピングが 轟音と共に修正依頼を吹き飛ばしていくのが好きだ 空中高く放り上げられた修正依頼が 効力射でばらばらになった時など心がおどる コーダーの操
This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you find it helpful we'd really appreciate a social share! Each entity is contained within a small box that contains four lines: The first line shows how the entity will be displayed on your webpage. The second line contains the entity refer
2次応募も締め切りました。 コーディングコンテスト Vol.1 ~Coder's High~を開催します! 今回初の試みでもある(と思う)コーディングコンテスト。 用は、デザインは用意されてて、ソレを個々のスキルや考えに基づいてコーディングするというものです。 初回という事もあり、盛り上げたいな!と思っていたのですが、すんごい協力を頂けました。 ソレは、CSS Nite LP, Disk 3 と連動企画として動けたということ。 こんなWebの片隅でちまちま運営してるブログでも奇跡は起こるんですね。 さてさて、取り合えずさっさと必要データが欲しいって人の為に、目立たないDLボタンがありますので、そちらからダウンロードしてください。 このエントリーの追記で書いている詳細・必要事項は全て入れております。 (04/10:テキストデータ.txtが追加されております) 未統合psd、統合済みpsd、p
RSS Feeds For automatic notification when the css Zen Garden updates, there are two RSS feeds available: Official Designs News Updates The Zen of CSS Design Dave Shea & Molly Holzschlag New Riders, 2005 Book Link List Tired of typing in all the links we reference in the book? Check out the book link list. Get it: CA | DE | FR | PL | RU | UK | US
広告バナーの表示なんかにも往々にして使われているけど、ここで取り上げたいのは、ヘルプウィンドウ的に使われている…と表現したらいいのか、他人の土俵を使わせて頂くとすれば、鳩丸ご意見番 - 残念な思いを致しました(2)で言われているようなやつ。「別窓」で通じる? 何のために使われているのかといえば、だからつまりヘルプウィンドウというか、補足説明を表示するがために利用されているのではないかと思われる。別窓でなく主窓というべきウィンドウの言葉では舌足らずな時とかにね。 鳩丸ご意見番 - 残念な思いを致しました(2)でも既に言及され済みなので、繰り返しになってしまうところもあるんだが、この別窓を開かすリンクの書き方で、いわゆるjavascriptスキームを利用しているものを超見かけるということ。たとえばこんな感じの。 <script type="text/javascript"> <!-- func
HTML-lintというと、まあ一般的にはAnother HTML-lintを指すだろう。って何処の一般なのかは知らんが。Another HTML-lintは非常に良いサービスで、単なる文法チェックにとどまらず、いわゆる宗教的と呼ばれるたぐいの文法であるとか、WCAGに基づくアクセシビリティのチェックまでも出来たりする。 あー便利だ、便利。マジ便利。 このチェックは採点方式で行われるのだが、DTD的にはあくまでValidな文書であっても、実際には減点されたりもする。たとえば、span要素が空だったり、p要素の中がbr要素だけだったりとか、こういうのは減点される。Authorは減点されるのを防ぐがためだけに、見栄え的に影響をあまり及ぼさない範囲、つまりたとえば空白を入れてみたりする。今のAnother HTML-lintではそれでも警告を発する。いやー素晴らしい。単にDTD的にValidかI
Updated 2013.09.27 / Published 2006.05.08 現在リリースされている視覚環境のUAには、宣言された文書型に応じてレンダリングモードを標準準拠(standard)モードか後方互換(quirk)モードに切り替えるDOCTYPEスイッチ(DOCTYPE Switching)の機能が備えられています。 これは、全ての制作者が宣言した文書型に定義されている仕様(ルール)に沿った文書を作成していれば、その仕様通りの動作や表示が期待できるので問題は起こりませんが、中には問題のある記述をしている制作者もいるために、UA側で宣言されている文書型に応じてレンダリングモードを切り替えるようになっています。後方互換(quirk)モードでは、拡大解釈をしたり、仕様で定義されている内容とは異なる独自の解釈する場合があります。 後方互換(quirk)モードの際に問題となる記述例 c
HTML は言語ですから、相手に伝わってナンボです。ちょっと考えると、 ブラウザで開いてみて問題なければよさそうです。しかし、HTML の表示の仕方は すべてのブラウザで同じわけではないので、他の相手にもちゃんと伝えられるかは わからないままです。じゃぁどうすればいいかというと、すべてのブラウザの基準である、 HTML の仕様書にそって HTML を書けばいいのです。 しかし、自分ではそのつもりでも、間違っちゃうことはあります。そこで、 HTML の仕様書から外れていないかチェックしてくれるツールを使って、 自分の書いた HTML をチェックすれば安心です。 このページは、HTML、CSS のチェッカのリンク集です。 また、文法のチェッカではないですが、アクセシビリティやリンク切れのチェッカも 入れました。 この他にもご存知の方は、投稿してやってください。 HTML 文法チェッカ W3C
target="_blank"に関する議論 2007年2月19日 2007年2月20日 2007年2月21日 2007年2月22日 2007年2月23日 2007年2月24日 2007年2月25日 2007年2月26日 2007年3月1日 参考資料 XHTML 1.1 Second Editionでtarget属性が追加されるらしいですよ。 XHTML 1.1 - Module-based XHTML - Second Edition W3C Working Draft 16 February 2007 drryさん drry+@-> XHTML 1.1 Second Edition WD に target 属性 nanto_viさん XHTML 1.1 と target 属性: Days on the Moon vantguardeさん XHTML 1.1 SEでTarget Modul
(Amazonから買えるようになったもようです) 九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせていただき、まもなく発売となるので宣伝させてください。 本書籍はhxxk.jpの真琴さん、lucky bag blogのe-luckさんとの共著で、それぞれが連携しながら得意なパートを担当して書き上げました。大まかな構成は次のようになっています。(詳細なアウトラインは記事下部にあります) XHTML, CSSの基礎知識と管理方法 レイアウト編 Tips&Tecnique ずっと作りたかった構成ができた! CSSはまず『(X)HTMLありき』であり、(X)HTMLの正しい知識を覚えた上で学ぶものです。そこで、まずレイアウトや実線編となるまえに、Web Standardsの考え方や(X)HTMLの基本、プレ
LTE Angebote – teuer, preiswert oder mit angemessenem Preis? Beim künftigen LTE Anbieter Vodafone kann man sich schon einmal ansehen, wie künftige LTE Angebote aussehen könnten. Das Unternehmen hat bisher drei LTE Angebote vorgestellt, die man vorbestellen, aber noch nicht buchen kann. Die drei LTE Angebote bieten maximale Download-Geschwindigkeiten von fünfzig, 21,6 und 7,2 Megabyte pro Sekunde.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く