application/xhtml+xmlが受け入れてもらえませんでした あなたのユーザエージェント(多くの場合、ブラウザ)はapplication/xhtml+xmlのコンテンツにアクセスできないようです。 あなたのユーザエージェントのHTTP_ACCEPTは、 あなたのユーザエージェントはこの環... 続きを読む

• www.d-toybox.com
• テクノロジー

2013-04-04 はてなブログのidとかclassとか はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ使われている"... 続きを読む

• kyabana.hatenablog.jp
• テクノロジー

Supported browsers: Opera unsupported IE unsupported Safari unsupported Firefox unsupported Chrome supported Your browser may not support all of the functionality in this article. Your browser appears to support the functionality in this arti... 続きを読む

• www.html5rocks.com
• テクノロジー

2012年12月25日火曜日 Web開発を革命する（かも知れない）Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Components... 続きを読む

• blog.shumpei.net
• テクノロジー

Accessibility View text version Categories Technology Upload Details Uploaded via SlideShare as Adobe PDF Usage Rights © All Rights Reserved Statistics Favorites 3 Downloads 0 Comments 0 Embed Views 0 Views on SlideShare 0 Total Views 0 Web C... 続きを読む

• www.slideshare.net
• テクノロジー

この文書は「HTML5: Techniques for providing useful text alternatives（Working Draft 2012-03-29）」の断片的な日本語訳です。翻訳に誤りがありえます。 その他注意書きや訳者への連絡先については、CSS2.1勧告の日本語訳についてを参照ください。 HTML5: ... 続きを読む

• momdo.s35.xrea.com
• テクノロジー

たとえばホームページのビジュアル要素など、いったん非表示にしておいてスクリプトでふわっとフェードインさせたい、みたいなことはよくある。そのとき非表示にする操作も JavsScript にやらせると一瞬見えてしまうことがあるので CSS で非表示化したいが、そ... 続きを読む

• terkel.jp
• テクノロジー

21:04DOCTYPE 宣言はなぜ作られたのですかという質問がありました。 HTML 文書の先頭には必ず DOCTYPE がなければならないとされています。しかし確かに DOCTYPE は一見何の役割も果たしておらず、無駄な行にしか見えません。なぜそんな DOCTYPE が作られ、今も... 続きを読む

• d:id:wakabatan
• テクノロジー

W3C's easy-to-use HTML validation service, based on an SGML parser.Validate by URI Validate a document online: Address: More Options 続きを読む

• validator.w3.org
• テクノロジー

Table of Contents Foreward Basic Marking License metadata License metadata with license image Attribution metadata More metadata: Title, type, and subjects. Individual Objects on a Page Text Block Images Video HTML5 video with one source tag ... 続きを読む

• labs.creativecommons.org
• テクノロジー

WebKit Nightly Buildsが iframe 要素に追加された seamless 属性に対応したとのことなので、早速どんな感じになるのか確認してみました。 Last week in WebKit: Inspector's sources panel and private names ： Surfin' Safari Add seamless layout code (and... 続きを読む

• hyper-text.org
• テクノロジー

Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can... 続きを読む

• google-styleguide.goog...
• テクノロジー

一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー... 続きを読む

• kachibito.net
• テクノロジー

<img width="183" src="/product/html/upload/save_image/01281143_4f2360b4d373f.jpg" " alt="HTML+CSSクイックマスター HTML5対応" /> 初学者のための正しいWeb制作を学ぶためのテキストです。 Webの歴史からHTML、CSS、JavaScriptを使ったWebデザインの基礎... 続きを読む

• www.wenet.co.jp
• テクノロジー

もう「何を今さら」という話かもしれませんけど、 悲しい思いをすることが本当に多いのでここであらためてお願いします。 ウェブサイトに金額を書く場合、 HTML 内に円記号 (¥) を書く際には ¥ ではなくて ¥ と書いていただきたいのですお願いします。 日本語環... 続きを読む

• www.msng.info
• テクノロジー

解像度に依存しないSVGファイル使いたいけど対応していないブラウザのことを考えるとimg要素で参照できない…それならフォールバックコンテンツを持てるobject要素で参照して表示しよう、そしてリンクにしようという話です。 まあ、そんなの下記のように普通に... 続きを読む

• g:subtech:id:mayuki
• テクノロジー

(ε・◇・)з だらだら書いたよー http://t.co/fK9KaHRq 「CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー」 続きを読む

• togetter.com
• テクノロジー

「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これと... 続きを読む

• uupaa.hatenablog.com
• テクノロジー

引用で引用元について明らかにすることは大切です。blockquote要素にはそのための属性としてciteが用意されていますが、ほとんど飾りのようなもので、効果的にその情報を表示することは出来ません。じゃどうすれば良いのかというような話です。 figcaption要素... 続きを読む

• hail2u.net
• テクノロジー

定期的にLiving Standardを読むことを趣味にしている人は多いと思います。僕もその一人なんですが、どうやら最近flow contentに属するものに変更が加わったらしくlinkやmeta要素が入っています。itemprop属性があれば…という注意書き付きなので、Microdataでの... 続きを読む

• hail2u.net
• テクノロジー

2011/11/28 Googleの404ページ Excuperoで、Googleの404ページ (URL: http://www.google.com/whats-up-with-the-source-on-the-404-page)のソースは一見すると風変わりだと指摘されている[hackernews]。HTML5で書かれており、<head>や<body>タグが無く、meta、t... 続きを読む

• yebo-blog.blogspot.com
• テクノロジー

将来的にブラウザでJavaScriptのリサイズや移動の許可・不許可設定みたいにWebフォントを使う・使わないを設定できるようになると思うんですよ(CSSアニメーションやトランスフォームとかも)。そうなるとDingbatのWebフォントを使った場合、その部分は普通のフォ... 続きを読む

• hail2u.net
• テクノロジー

browserflash に「wmode="opaque"」つけると HTML 要素を被せられることは flash 上でマウスジェスチャーできるようにする user.js (wmode="opaque") - m2O - チーム俺等で書きましたが、最近のブラウザでどうなっているのかというのを試してみました。サンプル... 続きを読む

• d:id:miya2000
• テクノロジー

いかがでしょう？　WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと  」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「  を半角スペース (0x20) に置き換える」プログラムがある... 続きを読む

• www.fenrir.co.jp
• テクノロジー

小説サイト運営支援ツールを公開する【小説HTMLの小人さん】の管理人のブログ。ツール開発記録やβ版の公開、HTMLやCSSのテクニック、小説サイト運営に関係するニュースなど。 たいていのWEB小説書きさんは気にもしていないことだろうけど、日本語の文章をHTMLで... 続きを読む

• htmldwarf.seesaa.net
• テクノロジー

前提知識として以下が必要です。リンクのようなボタンを作る: Days on the Moonjavascript scheme でボタンを作るのは ? | ヨモツネットボタンみたいにclickイベントに使うためだけに<a href=”#”>とか(下の例の1,2番目)やるのが嫌いで、どうやるのがスマートo... 続きを読む

• efcl.info
• テクノロジー

公開: 2011年6月5日17時55分頃以前からやろうといっていた「パンくず祭」、ついに実現!第1回「アクセシビリティBAR(仮称)」初夏のパンくず祭 (atnd.org)Togetter - 「第1回「アクセシビリティBAR(仮称)」初夏のパンくず祭」 (togetter.com)第1回アクセシビリテ... 続きを読む

• bakera.jp
• テクノロジー

Web Schema is a set of extensible schemas that enables webmasters to embed structured data on their web pages for use by search engines and other applications.What is Schema.org? This site provides a collection of schemas, i.e., html tags, th... 続きを読む

• schema.org
• テクノロジー

ちまたではPHPのflush()を使ったWordPressのプラグインが話題のようですが、Webサイトの表示速度を改善したかったら、もう少しサイトの作り方を根っこから考えなおした方がいいんじゃないか？、と思いましてね…。公開されているプラグインにどうこう言うつもり... 続きを読む

• blog.gaspanik.com
• テクノロジー

Googleでのrel="canonical"の扱いについての中の人の話。rel="canonical"が適切ではないURLを指していた場合に、Googleとしては無視したいし、多くの場合無視するので、万全を期すのなら(If you really want to be safe)head要素の先頭に書けと言っている。わか... 続きを読む

• hail2u.net
• テクノロジー