WHATWGのHTML Living Standardと、W3CのHTML5.2を見比べつつ、たまにMDNをながめながら書いていますが、少し感情的な部分も混じっています。 <article>と<section> A section forms part of something else. An article is its own thing. But how does one know which is which? Mostly the real answer is "it depends on author intent" 4.3.12.1 Article or section? | HTML Standard 実装する人の意図によるよ！ってそれを言っちゃおしまいですよ。気持ちはわかるけども。 <article> in principle, independently distri
HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。 Sectioning Content in HTML5 -Div or Section or Article 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 divとsectionとarticle、それぞれの特徴 divとsectionとarticle、どれを使う？ sectionとarticleの組み合わせ方 divとsectionとarticle、それぞれの特徴 d
最近寝る前に、読まないまま部屋の片隅に山積みになっていた 一昔前の Rockin'on JAPAN を少しずつ読んでいる。 「噛ませ犬ミネタの社会の窓」ってコーナーがあって、 元：GOING STEADY 、現：銀杏BOYZ の峯田和伸が毎号読者からの人生相談に答えている。 なお、GOING STEADY は僕が夢中になった頃には既に解散してた21世紀のブルーハーツ。 銀杏BOYZは峯田がステージで全裸になって書類送検という事件をつい最近も起こして ニュースになったってことで覚えてる人もいるかもしれない。 今年2007年の2月号は20回記念ってことで、峯田が読者の悩みを相談するのではなく、 マツコ・デラックスがゲストで登場して、いつもとは逆に峯田の悩みに答えるという趣向のものだった。 峯田はの悩みとは「女の子と普通に話ができるようになりたい」というもの。 それに対してマツコ・デラックスがキ
[読了時間: 8分] 「モンケン」と言うビル破壊ゲームのプロジェクトがある。 現在クラウドファンディングの「CampFire」で「みんなでつくる！インディーズゲーム「モンケン」制作プロジェクト」というプロジェクト名で資金調達中だ。 現在の支援調達額は¥1,600,500円。そして残り期間は２１日となっている。 （ぶっちゃけこのままだとプロジェクトがヤバいかもなんで共感を得た人は協力して頂きたい） このゲーム。コンセプト自体も「ビル破壊＋人質開放アクションゲーム」と言う非常に面白いテーマなのだが、このプロジェクト。関わっている人間が兎に角凄い。そして、濃い。 ということで以前一緒にゲームを作った事がある中村隆之氏（以後中村氏）のつてを辿って、早速ロングインタビューに挑戦をしてみた。 以下ロングインタビュー。ゲームファン。及び結構いい年になってきているゲームクリエイターの皆さんは最後まで刮目し
これから、「自分嫌い」が治る考え方について話します。自分が好きになる方法ではありませんが、一瞬にして視界が開けるかもしれません。 自分が嫌いな人は、自己否定的になりがちです。自分はダメな人間なんだ。何の価値もない人間なんだ。 この考え方が劣等感を生みます。(あるいは逆かもしれませんが) そして、その劣等感があることで、他人を「自分では絶対に敵わないもの」と捉えてしまい、 結果自分より上の存在としてみなすことになります。 (このことが権威主義的な考え方や、他人を絶対視することに繋がります。) するとどうでしょう。他人に自分が攻撃・否定されても、「自分は劣っている」からそうされて当然の存在なんだと思うようになります。その結果、どんどん自分で自分を貶め、他人からも貶されるという、悪循環に陥ってしまいます。 ですが、本来、「あなた自身の存在意義は、あなたの価値(社会に・他人に評価される価値)とは無
具体的にHTML5のマークアップ例に入る前にsectionとarticleの違いについてキチンと説明しておかねばなるまい。 文章構造を示す上では非常に便利でSEOへの期待も高まるこの２つの要素ですが 違いについて悩むケースが多く、また某参考書では明らかに説明が間違っているものもありました。 そこで、今回はITかあさんのブログを例に、sectionとarticleの違いを説明しておきたいと思います。 ITかあさんトップページ まずはITかあさんトップページの画像のキャプチャをご覧下さい。 (説明しやすくするために一部はしょってあります。) 特にnavや、asideはそれほど悩みませんね。 どれがarticleなのか どれがarticleなのかが理解できれば、残りはsectionになりますから、先にarticleから考えましょう。 articleとは『それ単体で完結出来る、独立したもの』なので
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ヤフーがどのようにFlickrをダメにしたのか？ スタートアップが大企業に買収されるということ 2012.06.14 11:3010,154 そうこ ウェブのスタートアップは2つのものでできている、人とコードだ。コードを書く人と、人々を豊かにするコード。コードは詩のようだ。決められたいくつかの条件を満たしながら、殻をやぶりつつ芸実的な表現をする。コードは、何かを起こすことができる芸術だ。純粋にアイディアから生まれる、全く新しい何かの集まり、それがコードだ。 これは、そんな素晴らしいアイディアの話。今までに誰も経験したことがなかった、今日のインターネットの形を変えた瞬間の話。これは、Flickrの話。いかにしてヤフーがFlickrを買収しダメにし、検索機能もろともめちゃくちゃにしてしまったか、これはそんな話である。 Flickrのキャッチコピーを覚えているだろうか？ ｢almost cert
–イケメンWeb男子とは 一分一秒を争うスピート感溢れるWeb業界で働く若手男子のこと。 今はどんなお仕事をしていますか？ モリさん（以下、M）「Webメディアの編集・運営や、ライターとして記事を書く仕事をしていますgreenz.jpやStartup Dating、他にも2媒体くらいと関わっています。 メディア作りの相談にのったり、実際に自分もメディアづくりに関わったり。媒体のコンセプトと自分の中の軸や考え方が一致しているかどうかが、関わるかどうかの判断基準ですね。 記事を書くときは、自分が届けたいと思うメッセージをいつも大事にするようにしています。取材記事以外にも、webに掲載するコンテンツや、コピーライティングに近いなどもやっています。メディアのコンテンツを企画することもあります。」 前職ではどんなお仕事をしていましたか？ (M)「大学を卒業して半年くらい経った頃から、前職となるgr
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は？」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
上杉隆×町山智浩が吉田照美方面へ延焼、小田嶋隆参戦で隆世界頂上決戦と津田大介の介入、そして3月28日最終決着か もうタイトルからして訳が分からない感じになっておりますが、前回から一ヶ月が経過してなお勢力を保ったまま北上しており、ラジオジャーナリズム界に上陸、直撃する感じとなって参りました。 上杉隆×町山智浩、キラ☆キラの戦い http://kirik.tea-nifty.com/diary/2012/01/post-2b6d.html なぜか、我らが津田大介さんまで参戦しております。この敵をなるだけ作らないように中立を装って最後まで意見を表明しないあたりが絶妙なAB型気質の発露のようでもあり、実に好感が持てます。もちろん、話の経緯上津田大介は何の関係もありません。ほかにも関係者はたくさんいるだろうに、旨いタイミングで参戦してレフェリー役を綺麗に指名されポジションを確保する仕掛けの技術はやは
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
アメリカの最近の国勢調査で、白人の人口が2歳時以下の幼児の過半数を割った。 ヒスパニック系（１６．３％）がアフリカ系（１２／６％）を抜いて、マイノリティの最大集団になった。 ヒスパニックは出生率2.3で、白人を0・5ポイント上回っている。 アメリカにおいて白人が少数民族になる時代が近づいている。 ヒスパニックは英語を解さないスペイン語話者を多く含む。 都市の黒人たちはすでに「エボニクス」という、英語と文法も語彙も違う独特の言語を有している。 「社内公用語は英語とする」というような「守旧派的」な雇用条件を課す企業がアメリカ国内に出現してくるのも、こうなると時間の問題である。 これを文化の多様化と言って言祝ぐ人もいるかも知れない。だが、国民国家が共通言語を喪失するという事態は「多様化」というよりはむしろ「分裂」と呼ぶ方がふさわしいだろう。 アメリカは国家としての統合軸を失いつつある。 植民地時
2012年は自分の中で、これからの30年を生きる最初の年としています。 尊敬する中島明さんも新年のブログでそのようなことを書かれていたので、ここで一度30年後の世界がどのようになるのかまとめてみたい。 これから30年の7つのメガトレンド 1.加速する人口増加-2050年に人口90億人に- 2.枯渇する自然資源 -現在の生活スタイルを続けるには地球2個分の資源が必要- 3.高齢化する社会 4.リアルとネットの融合 -不可欠なインターネット- 5.個人、市民、NPOの台頭 –Power to the people, power of the crowd- 6.変わる組織 ピラミッドからネットワーク型へ 7.Happyが中心の産業の進化 –マーケットの成熟とサービスの進化- 7つのメガトレンドとして、最初の3つは信頼できるソースの予測を元に、後の4つは書籍や自分の経験からまとめていきます。最初の
article要素とsection要素の違いについては、様々なブログなどで書かれている内容だとは思います。 ただ「もう少し内容があったら、他の人もわかりやすいのにな」とよく思っていたので、策定中止になったXHTML2.0にも触れつつ、HTML5のarticleとsectionの違いについて書いてみます。 HTML5とXHTML2.0 2009年までHTML5とXHTML2.0と策定が行われていましたが、XHTML2.0は策定中止となり、HTML5に統合されるという形になりました。 しかしsection要素を説明する上で、XHTML2.0の方が分かりやすいので、現在は策定は中止されていますが、XHTML2.0のsection要素の使い方を見て頂きます。 XHTML2.0のsection要素とh要素(策定は中止されています) XHTML2.0ではh1～h6(以下、hxとします)までの見出しレベ
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
以前、糸井重里は、 こんなふうに書いたことがあります。 「経済的に自立して持続している 『ユニークな人々』に ぼくの興味はあるわけです。 『おもしろい』ということと、 『食えてる』ということが両立してることが、 さらに希望のある 『おもしろい』につながるんだ」 自分たちも、そういう、 「経済的に自立していて、 おもしろい集団」でありたい。 そんな意味を込めて書いた文章の中で、 糸井重里は 「おもしろくて、自立してて、 食えてて、持続している」人々の 理想的な例をふたつ、挙げました。 ひとつは、シルク・ドゥ・ソレイユです。 いまや世界的に認知された 最高のエンターテインメント集団。 サーカスを芸術の域にまで高め、 世界中の人たちを魅了しているのは ご存じのとおりです。 そして、もうひとつが、 グレイトフル・デッドというロックバンド。 1960年代から活躍する古いバンドで、 チャートを賑わすよ
原口：文部科学省と経済産業省の人に話をうかがったんですよ。両者を同じテーブルにつかせ、なぜ20ミリシーベルトにしたのか？ と聞いたところ「お前のところが悪いんだ」とケンカを始めたんですよ。 武田：ハハハ。国民が困っているとき、そんなことはやめてもらいたいですね。 僕が福島県で講演したとき、役所の人からこんな質問を受けました。「ある人から土1キロ当たり5000ベクレルの数値が出ている田んぼで稲を植えれば、500ベクレル以下のお米ができると言われて、稲を植えました。しかし本当に大丈夫でしょうか？」と。この質問を受け、僕は「全部捨ててください」と答えました。 するとその役所の人は「私もそう思っていました」と安堵されているんですよ。会場には農家の人がたくさんいました。自分が育てた野菜やお米を捨てろなんて言われて、いい気分の人なんていません。僕は、農家の人から殴られると思っていました。しかし非難の声
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く