iPhoneやiPadでHTMLのソースを見るのつくった - Webtech Walker
i-sourceviewというのをGAE/Pythonでつくってみました。 i-sourceview hokaccha’s i-sourceview at master - GitHub 同じようなことはアプリとかJS(Bookmarklet)でできるんですけど、アプリだと別途立ち上げが必要だったり、JSだとDOCTYPEが取れなかったりシンタックスハイライトがなかったりします。なのでサーバー側からリクエストしてHTML取得してシンタックスハイライトしたり行番号もつけてみたりしました。 それでつくってみたものの、認証がかかってるページがとれなかったり、JSで書き換えた後のソースが見たい場合もあるなあと思って結局JSで取得するのも用意しました。この二つを併用すれば大体ことたりるかなと。 シンタックスとかはchromeのソースビューに合わせてみました。 こんな感じになります。
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
XHTML 2 WGが活動終了へ、XHTML 2.0も策定終了に | Web標準Blog | ミツエーリンクス
タイトルのとおりですが、XHTML 2.0をはじめとする各種XHTML仕様を策定していたXHTML 2 WGの活動が、年内で終了することがアナウンスされました。W3Cは、今後はHTML5に注力すると発表しています。 今後のXHTMLはHTML5で XHTML 1.1などのメンテナンスは活動終了までに行うものの、次世代のXHTML仕様はXHTML2 WGで行いません。すなわち、XHTML 2.0の策定は終了ということになります。 今後のXHTMLは、HTML5で定義されます。名前が「HTML5」とあるため紛らわしいのですが、HTML5仕様にはXML構文も含まれており、これは「XHTML5」と便宜的に呼ばれています。XMLでもcanvasやvideo要素などを利用することができるのです。 「XHTML 2.0と統合する」というわけではありませんが、機能のほとんどすべてがXHTML5でもカバーで
HTML5 における HTML4 からの変更点
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
広がる？HTML 5採用の動き | Web標準Blog | ミツエーリンクス
技術評論社のサイト、gihyo.jpにて、2009年のWeb標準と題したコラムを寄稿させていただきました。Web標準と絡めて、個人的に今年注目あるいは期待したい動きに言及しています。当Blogをお読みの方にとって、それほど目新しい内容は無いかもしれませんが、お読みいただければ幸いです。 同コラムの最後で、ブラウザの進化と共に、マークアップやスタイルシートの書き方もまた変化していくといったことを書きましたが、年明け早々に気になる動きがありました。HTML 5を文書型に採用したサイトが、相次いで公開されていたのです。いずれのサイトもコラム執筆後に知ったため、取り上げることができなかったのは残念です。 An Event Apart: The Design Conference For People Who Make Web Sites UX London 興味深いのは、これらのサイトに携わったE
2008年のWeb標準 | Web標準Blog | ミツエーリンクス
2008年も残り一週間を切ってしまいました。というわけで、2008年のWeb標準とブラウザーの動きなどを、今年公開したエントリーから振り返ってみようと思います。 HTML, XHTML 草案がW3Cより公開されたり、「完成が2022年」などの発言もあり、HTML5は一年を通じホットなトピックでした。一部のブラウザーでは既にaudio要素やvideo要素、localStorageの実装が進んでおり、今後も目が離せません。 HTML 5の草案が公開（1月23日） HTML 5の最新草案が公開（6月11日） HTML5の完成は2022年！？（9月19日） Web標準における「相互運用性」とは（4月24日） 実装が先か、仕様が先か（11月13日） XHTMLについては、XHTML Basic 1.1やXHTML Modularization 1.1、そしてRDFaという、3つの仕様が勧告となりまし
三点リーダー(…)が...と文字化けする - OKWAVE
> ShiftJisで作っているページで、Firefoxで見ると三点リーダ(…)が文字化け(?)して...のように表示されてしまいます。 > ソースでは…と表示されています。 CSSのフォントの設定はどうなっていますか？ もしも、 body { font-family : "Arial"; } の様に、エンコーディングがShift_JIS（日本語）の文書上で「日本語ではない」font-family”のみ”が定義されていれば、Firefox上ではご質問の様な表示になります。三点リーダ「…」は英語フォントにはない文字ですので、無理矢理表示しようとするとこうなるのでしょう。上記の様であれば、font-familyの指定を削除するか、日本語のフォントを指定して下さい。 > IEではきちんと…と表示されています。 もしCSSが上記の様であれば、むしろFirefoxの方が「正しい」挙動と言えるかも、で
img要素のwidth、height属性について再考してみた - Webtech Walker
img要素にwidth、height属性を指定するかどうかは常に悩んでいて、以前にもブログでみなさんに質問したりもしましたが、自分なりの一つの答えにたどり着きました。 画像の幅、高さの情報というのは以下の2通りの情報があると思います。 画像の大きさを構造上表すメタデータとしての情報 見た目の大きさを表す情報 それぞれについて考えてみます。 画像の大きさを構造上表すメタデータとしての情報 以前書いた質問のエントリーにいただいたコメントで以下のようなものがありました。 静止画像である写真や絵画は、IT化以前の歴史上、サイズを表記してきました。美術館に行くとわかりますが、絵の説明は「題名、作者名、発表年、画材、所有者（収蔵美術館）名、『サイズ』」になっています。もちろんここで表記するサイズはピクセルではなくキャンバスの号数かセンチ単位ですが。このことから考えると、現実世界において画像の大きさは重
実践Web Standards Designのススメ 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
WEBサイトがすべてのブラウザでまったく同じ表示である必要があるのか？＠WDE08 | Topics | DB - KAYAC Designer's Blog
大変遅ればせながら、先週金曜に参加してきたWeb Directions Eastカンファレンスのフィードバックをお届けしたいと思います。 当日のプログラムについては公式サイト、ことこまかなレポートは安藤日記さんなどをご参照いただくとして、DBでは私が特に気になった内容についてちょこちょこと触れていきたいと思います。 まずは、Dan Cederholm（ダン・セダーホルム)氏の"Bulletproof A-Z"。 Bulletproof designについてAtoZで（実際はUまでだったけど）キーワードを挙げて俯瞰した講演でした。 Bulletproof designの直訳は「防弾デザイン」、つまり、環境に左右されない表示が出来るしっかりとしたデザイン/コーディングの考え方を指します。WEBフロントエンドの進化を追いながらも、現場で実際にその技術を実現するための「思考力」を啓蒙した今回の
Cheat Sheets for Front-end Web Developers
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Cheat sheets are helpful to have aroun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML+CSS templating
「印刷用ページ」の作り方
width属性とheight属性が指定されていないimg要素を非表示にしたときのメジャーブラウザの挙動 - 雑記 - AZ store
HTML5.JP - 次世代HTML標準 HTML5情報サイト
HTML 5の仕様が一覧できるクィックリファレンス
HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
ニュースや商品紹介など汎用性が高いHTMLメールのテンプレート集