携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
XHTML 1.1からHTML 4.01への変換 - 徒書
deadspace #2009-05-20 にてXSLTの問題提議がされていたので、少し考えてみました。かいつまんで言うと、XHTML 1.1からHTML 4.01、HTML4.01からXHTML 1.1へのXSL変換では、単にコピーしただけではうまくいかない箇所がでてくるというものです。 取り敢えずこの記事ではXHTML 1.1文書からHTML 4.01文書への変換について考えてみました。 input.xml : <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="
XHTML1.1 に正しい MIME Type を - Code-404
XHTML1.1 に適した MIME Type IE の問題 application/xhtml+xml を解釈しない UA への対策 静的ファイルの場合 Perl の場合 PHP の場合 Movable Type では コメント (3) トラックバック (6) 更新日時 2009-02-12 18:54 永続的 URI http://www.code-404.net/articles/web/mime-type4xhtml11 タグ HTTP MIME XHTML XHTML1.1 に適した MIME Type XHTML は HTML とは違い、 XML の規則に従い定義し直した為、 MIME Type (Content-Type) に text/html を返すのは誤りになります。 (但し、 XHTML1.0 では後方互換の為、誤りとはならない場合もあります。) XHTML に適した
(X)HTML+CSSのマークアップガイドライン - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20090223.html
そのXHTML文書にXML宣言は本当に必要か？ – ofujimiki.jp
最近「XHTML文書にはXML宣言を入れることが強く推奨されているので入れるべきだ」というような意見を何度か目にしました。しかし、その説明の中で、メディア・タイプ（「text/html」や「application/xhtml+xml」など）については触れられていませんでしたので、ちょっと補足しておきたいと思います。 XHTML1.0の仕様書では、確かにXML宣言をつけることが強く推奨されており、具体的には次のように書かれています。 An XML declaration is not required in all XML documents; however XHTML document authors are strongly encouraged to use XML declarations in all their documents. しかし、ここで言うXHTML文書とは、仕様書
XHTMLのよくある質問まとめ - cnrdの日記
この文章はhttp://www.webf5.net/html_xhtm_401/に影響を受けた人間がXHTMLの説明と文章の練習のために書きました。 そもそもXHTMLとは？ XMLでHTMLを扱うために生み出されたものです。 XHTMLは、今までSGMLというマークアップ言語をベースとしてきたHTMLをXMLをベースとして定義し直したものです。 HTMLとXHTMLは何が違うのか？ XMLか、そうでないかです。 XHTMLはXMLをベースとしているのでXMLの様々な機能を利用することが出来ます(反対に、XHTMLを補助機能として他に利用されることも有り得ます)。XSLTによる文書の変換を利用することも出来ますし、HTMLとの互換性を考えなければベクターイメージを表現するSVGや数式を表現するMathMLなど、XMLベースの他の機能を組み合わせて多様な表現をすることが可能になります(しかし
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ～ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま
Re: 見出し要素に関する議論 | securecat's exblog
また来たか、こういうの[謎]。 結論からすれば、ひとつのh1に全部ぶら下げる必要はないというか、そうしなさいとは何処にも定義されていないわけですから、サイト名をh1にするも良し、そのうえで、さらに自分的に文書内容の最上位見出しだろうと思うものもまたh1にするも良し、でしょう。 実際の大規模事例でいいますと、たとえば西村あさひ法律事務所のウェブサイトとか。まさしく今が僕的に旬のサイトといえます[謎]。 このサイトでは、サイト名がh1となっていて、それはいわゆるページのグリッド構造からいうとヘッダーエリア的なところまでに対する最上位見出し、続くいわゆるコンテンツエリア的なところの最上位見出しはそこでのコンテンツのメインな内容に対するものとして、再びh1が表れます。文書のタイトルっぽいのはh2になっていたりしますが、むしろtitleに入れるほうへ重きを置くなどしていたりとか。そしていわゆるフッタ
Happy Cog Studios: web design, consulting & publishing
> 16; g = color >> 8 & 255; b = color & 255; } hsp = Math.sqrt( 0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b) ); return hsp > 127.5 }, visibleThemedAreas: 0, footerInViewport: false, lightBackground: true, activeFilter: 1 }" x-init=" lightBackground = lightOrDark(currentTheme.backgroundColor), $watch('currentTheme', (value) => { styleTheme(currentTheme), lightBackground = lightOrDark(current
Web Designing: サンプルCSS
Web Designing 2009年4月号「特集1: Webグラフィックの基礎と応用」サイト集 P074 Butterflies -n- Trails Brushes Clouds brushes P075 Grunge Brushes for PS Photoshop Skyline Brushes Abstract Brushes XIII P080 Aviary Image Editor Photoshop Express Picnik CSS Drive: Image to Colors Palette Generator RoundPic P081 TiltShift maker flipping typical FavIcon from Pics Wet Floor Maker Brusheezy deviantART Brusking
フロントエンド系(XHTML・CSS・JavaScript・XML)のチートシート
(X)HTML、CSS、JavaScript、XMLなどのサイト制作のフロントエンド系のチートシートのまとめです。 各チートシートのリンクは、下記の「チートシートのポータルサイト」より収集しました。 (X)HTMLのチートシート CSSのチートシート JavaScriptのチートシート JavaScritpt ライブラリのチートシート XMLのチートシート チートシートのポータルサイト (X)HTMLのチートシート XHTML Basic: children - parents XHTML Basic: elements - attributes XHTML Strict: children - parents XHTML Strict: elements - attributes HTML Cheat Sheet HTML Quick Reference(PDF) XHTML Cheat
背景がグラデっててサイドのボックスに下マージンがあるような時のサンプル
何だか間があいてしまいました、、、 ここ以外でのアウトプットが増えてたので、こっちに書くパワーが減っておりました。 さて、言い訳は良いとして、現在も日々コーディングな訳ですが、久々にはまったので同じ状況のを作ってみました。 タイトルだけでは意味がわからないと思ったんですが、どう書いたらよいのかさっぱり… 見た目普通っぽい2カラムがあって、サイドの背景はメインの内容に合わせて繰り返すのは良くあるかと。 んで、今回のデザインにはメインとサイドの裏に当たる部分(親要素)にグラデーションの背景があるんです。 このグラデーションがあった事で、余白がうまく取れずに、はまりました。 どの部分かと申しますと、サイドの上のボックスと下のボックスの間にmarginが10pxほどあったんです。えぇ。 もう書いてて意味がわかりませんので、とりあえずサンプル見てください… サンプルは下記より。 良い例のサンプルを見
XHTML Frequently Answered Questions（私的日本語訳） - Software Linkage
First Uploaded 2004/12/02 必要があれば、仕様書とセットで読めば、理解が深まると思います。 この文書の唯一の正式文書（の最新版）は、英語版のhttp://www.w3.org/MarkUp/2004/xhtml-faqにあります。そして、この文書はその私的な日本語訳文書です。 この文書は随時修正される可能性があります。 この文書はあくまで参考程度であって、和訳内容には誤訳が含まれる可能性があり得ますので、ご利用の際は自己責任でお願いいたします。なお、誤訳がある場合はhttp://past.openvista.jp/blog/article/2004/08/xhtmlfaq.phpにてお知らせ頂ければ幸いです。 注釈は、クラス名my_annotationでマーク付けをしていて、視覚系UAでは地の文とは違った表示がなされます。 この文書の原文の著作権はWorld Wid
Valid HTML/XHTML - I'll sleep on it.
HTML-lintというと、まあ一般的にはAnother HTML-lintを指すだろう。って何処の一般なのかは知らんが。Another HTML-lintは非常に良いサービスで、単なる文法チェックにとどまらず、いわゆる宗教的と呼ばれるたぐいの文法であるとか、WCAGに基づくアクセシビリティのチェックまでも出来たりする。 あー便利だ、便利。マジ便利。 このチェックは採点方式で行われるのだが、DTD的にはあくまでValidな文書であっても、実際には減点されたりもする。たとえば、span要素が空だったり、p要素の中がbr要素だけだったりとか、こういうのは減点される。Authorは減点されるのを防ぐがためだけに、見栄え的に影響をあまり及ぼさない範囲、つまりたとえば空白を入れてみたりする。今のAnother HTML-lintではそれでも警告を発する。いやー素晴らしい。単にDTD的にValidかI
XHTML 1.1 - Module-based XHTML
XHTML™ 1.1 - Module-based XHTML - Second Edition W3C Recommendation 23 November 2010 superseded 27 March 2018 This version: https://www.w3.org/TR/2018/SPSD-xhtml11-20180327/ Latest version: http://www.w3.org/TR/xhtml11/ Previous version: http://www.w3.org/TR/2010/REC-xhtml11-20101123 Previous recommendation: http://www.w3.org/TR/2001/REC-xhtml11-20010531 Editors: Shane McCarron, Applied Testing an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[B! XHTMLの利点] kana-kana_ceoのブックマーク
Amazon.co.jp: セマンティック HTML/XHTML: 神崎正英: 本
CSS_XHTML_TIPS : ライブドアブログを完全カスタマイズ 第4回ブログデザイン・カスタマイズ 4-1 XHTMLテンプレートタグ（CGIが扱うタグ）の解説 - livedoor Blog（ブログ）
モバイルでのXHTMLとCSS
CSS_XHTML_TIPS:ライブドアブログを完全カスタマイズ 1-2 管理画面内ツールの非推奨ソースが吐き出される要素を分析し、最適化へ向けての利用方（第1回xhtml最適化への準備、続き）