Web Directions East「実践 CSS3 & HTML5 with Microformats ワークショップ」レポート | gihyo.jp
上記の表の「*」の部分にはプロパティ名が入ります。なぜこのようなプレフィックスが必要かというと、仕様として完全に固まっていない要素であるということ、そしてブラウザ側でバグがあるかもしれないがベータとして実装している場合がある、この2つが理由としてあげられます。 レイアウト HTML5の書き方やCSS3の書き方の説明後、レイアウトの説明が行われました。 ブラウザリセット Internet Explorerの問題がありますが、テストしきれていないベータのブラウザなどもあり、一概にデフォルトセッティングが今後も仕様が変更されない保証はありません。 このreset.cssを使用するのは非常に有効です。 カラム落ちの原因 フロートを使用してカラム落ちしてしまう原因は、各ブラウザのボックスモデルの違いによるものです。たとえば、%などで横幅の指定をしてもwidthの計算方法がブラウザごとに違います。 特
ぶいてく: 【HTML5】 HTMLなのかXMLなのか、それが問題だ
HTMLとXMLの大きな違いは、要は、すべての開始タグと終了タグが対になっている（Well-Formed）かどうかである。Well-formedでなければパーサで処理できないためデータとして扱えなくなる。Well-formedでないHTML文書はスクレイピングを行って、構造化されたデータを引っ張り出してXMLに変換しなければならない。英語で"scrape"とは「削ること」。構造化されていない部分は機械的に削ることはできないため、意味のある部分を「人」が判断して例外があれば対応していくといった不毛な処理の積み重ねを行う必要がある。 これまでWeb2.0の明るい技術として語られてきたセマンティックウェブは、Well-formedなXMLであることが前提とされる。RSS、ATOMやマイクロフォーマットなどによるメタデータ化、つまり、CGMを作成する側において、あらかじめ検索を行いやすい状態に加
ぶいてく: 【HTML5】 セマンティック・ウェブにXMLはいらない？
最近、HTML5の話題をきっかけにセマンティック・ウェブとXMLの問題を考えるようになった。 セマンティック・ウェブの命題は、ウェブページの閲覧という行為に、データの交換の側面に加えて意味の疎通を付け加えること。意味の疎通のためには、「語彙」の定義が重要で、データの交換のためには「構造」の定義が重要となる。例えば、DBpediaの「CoolURIとして定義された語彙」をリンクするHTML文書は、セマンティック・ウェブの命題をほぼ達成していると思える。 ＜参考＞ Kanzakisan'ちょっとしたメモ DBpediaは、英語版を中心にWikipediaから構造化されたデータを抽出し、RDFの形で提供しているもの。抽出した語彙には、リンクするデータとして利用可能なURIが与えられている。たとえば、WikipediaのRoger Norringtonに対応するデータは、次のURIで表現される。
改めて問う、marquee、blinkタグの意義 | スラド IT
はてなダイアリー利用可能タグに、marqueeとblinkが追加されました。ユーザー側からの要望があってのことだとは思いますが、これについて早速、批判的な記事が出ています（「はてなダイアリーがmarqueeとblinkに対応したので、愛生会病院してみた」など。ちなみに愛生会病院はダサいウェブデザインの典型例のようなサイトで、数年前から未だにデザインが変わらずに残っていることに、1周して感動すら覚えました）。 marqueeについては、Internet Explorerの独自拡張である点、非対応ブラウザでの表示が苦しい点、ダサい使われ方をすることが多い点など、批判も多く存在します。その反面、携帯電話上では、狭い画面内にちょっとした文を埋め込めるという点で、便利さにも気付かされたりします（これについては今後の携帯電話の技術革新で不要になりそうですが）。 Mozillaはmarqueeタグをサポ
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
「正しいHTML」とは何か
「規則」と云ふもの 原稿を書く際には原稿用紙の「正しい」使ひ方があり、校正をする際には「正しい」校正記號の使ひ方がある。或は、言葉遣ひにも「正しい」と言はれるものがある。 圍碁にも將棋にもルールがあるし、その規則の中でさらにまた定石があり戰法が成立する。「左側通行」を守らなければ車は道路を走れないし、「赤は止まれ」に從はなければ人は車にはねられるかも知れない。 「根據ナシだが合理的」と云ふ事 取決めに根據はない 「これらの『正しい』やり方とか規則とか言はれるものが、本當に正しいものなのか」と詰問されれば、「疑へば切りがない」と云ふ答へ方しか出來ない筈だ。それはさうである。社會的な取決め事は、所詮取決めであつて、無秩序な自然の上に築きあげられた人工物でしかない。 しかし一方で、上に擧げた取決めが現在、社會的な取決めとして有效に機能してゐる事實は、誰もが認めるところであらう。ここで勘違ひして欲
HTML DOM Select Object
The Select object represents a dropdown list in an HTML form. For each instance of an HTML <select> tag in a form, a Select object is created. You can access a Select object by searching through the elements[] array of the form, or by using document.getElementById(). IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Consortium (Internet Standard). Select Object Collections
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
404 Blog Not Found:javascript - tableの横列・縦列をハイライト
2008年03月18日06:30 カテゴリLightweight LanguagesTips javascript - tableの横列・縦列をハイライト これの「横列・縦列をハイライト」をDHTMLで。 Learn Cool Microsoft Excel Conditional Formatting Tricks - Be a Rock star (Tips | How tos - Save time, impress everyone) | Pointy Haired Dilbert - Chandoo.org エクセルのデータを見やすくする5つの簡単なテクニック | コリス まずは邪、じゃなくて横縞。 現金・預金株式以外の証券株式・出資金金融派生商品保険・年金準備金預け金未収・未払金対外証券投資その他合計 1979FY1,948,234242,722452,2410432,1241
セマンティックHTMLの規格化に向けたHTML 5のドラフト - builder by ZDNet Japan
激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ユーザビリティを第一に！ ソフトウェアの力でビジネス変化に対応 ハードとソフトがセットになったストレージ 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 ひとり情シスのための年度計画 大企業も中小企業も求められるレベルは同じ 限られたリソースでのIT管理対応法 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 20年培ったデジタルカイゼン文化 誰もが知るあの「Notes」で実現する 現場とIT部門二人三脚でのデジタルカイゼン ともにDXを推進する コンテナ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
De-Lab.com is for sale | HugeDomains
XHTML2.0標準において注意すべき要素 | Tech de Go