[HTML5]アウトラインで迷わない！ sectionと見出しについて
webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。 これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。 厳密な解説はこの記事を読まずとももっと信頼できる文
![[HTML5]アウトラインで迷わない！ sectionと見出しについて](https://cdn-ak-scissors.b.st-hatena.com/image/square/a579b466a9d9646edbe9cc1cec01abca7601b9fc/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F09%2Fhtml5-section-outline-150x150.png)
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
![jQuery基礎文法最速マスター[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
レ・ミゼラブル - Wikipedia
『レ・ミゼラブル』（フランス語: Les Misérables）は、フランスの歴史小説。ヴィクトル・ユーゴーによって1862年に出版された。日本では1902年に黒岩涙香によって『噫無情』（ああむじょう）として『萬朝報』に連載された。 1斤のパンを盗んで、窃盗と脱獄未遂の罪によって理不尽にも19年間の監獄生活を送ることになったジャン・ヴァルジャンが、ミリエル司教の無償の愛にふれたことをきっかけに改心して、「正しき人」になるために生涯をささげようとする物語である。不幸のどん底で亡くなったファンティーヌから遺児のコゼットを託されたことから、コゼットを実の娘のように大切に守り育てていくが、結果としてこれがジャン・ヴァルジャンに親としての愛と幸福をもたらすことになった。 作品は、ナポレオン1世没落直後の1815年10月からルイ18世・シャルル10世の復古王政時代を経て七月革命後のルイ・フィリップ王の
皆さん「ダダ漏れ」についてちょっと思い違いをしてはいないか？ - H-Yamaguchi.net
「ダダ漏れ」という言葉があちこちで見られるようになった。いうまでもなく、「ケツダンポトフ」の「そらの」さんの活躍によるものだ。事業仕分けやウェブ学会など、名だたるイベントに乗り込んで起きていることをノーカットで中継するスタイルは、マスメディアによる編集された情報に慣れた目には新鮮に映る。「あれはジャーナリズムじゃない」という批判も、もはや無視できない影響力を持っていることの裏返しだ。 とはいえ、もちろん全員とはいわないが、どうも世間の少なからぬ人々の間に、「ダダ漏れ」に関連してある種の誤解があるように思われるのでひとことだけ。ちょっと釣りっぽいタイトルだが、実際若干挑発的でもあり、でも一応割とまじめで、かつ前向きのつもりだったりもする。ちょっと長文。 知ってる人は多いだろうが、そもそも「ダダ漏れ」とは何か？たとえば地域情報サイト「品川経済新聞」の記事「大井町のすし店が「ツイッター割引」－「
セマンティックHTML? KISS!
Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ（エージェント／処理ソフト）はHTMLから文書構造の大枠を把握して提示できるが、内容（データの意味）は基本的に関知しない コンピュータ処理用のデータは別途用意する？ 両方まとめて、シンプルにしよう！ HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別（名前付け）：何が同じで何が異なるかを明確にする データはどんなタイプ（型）か：文書について？ あるいは文中の映画について？ データどうしの関係：この日付は映画の封切り日？ 映画を観た日？ ウェブ文
Extensible Stylesheet Language - Wikipedia
Extensible Stylesheet Language（XSL; 拡張可能なスタイルシート言語）は、XML文書から、組版などの変換を行うためのシステムで、複数の仕様から構成されている。 XSLを構成する仕様は次の3つである。元々は「Extensible Stylesheet Language」という名前の通り、スタイルシートに基づき組版処理などを行う目的で策定が始まったものだが、XSLTはXMLの変換用として汎用になるよう、XPathはXMLの木の要素の指定用として汎用になるよう、設計された。 XSL Transformations XSL Transformations (XSLT) は、XML文書を構造の異なるXML文書などに変換するための変換言語である。それ自身もXMLで記述する。 XML Path Language XML Path Language (XPath) は、XM
エラー 7B またはInaccessible_Boot_Deviceのトラブルシューティングを停止する - Windows Client
この記事では、"Stop error 7B: Inaccessible_Boot_Device" のトラブルシューティング手順について説明します。 このエラーは、コンピューターにいくつかの変更が加えられた後、またはコンピューターに Windows を展開した直後に発生する可能性があります。 適用対象: Windows 10 Inaccessible_Boot_Device停止エラーの原因 次のいずれかの要因によって、停止エラーが発生する可能性があります。 ストレージ スタックに関連するフィルター ドライバーが見つからない、破損している、または不適切な動作をしている ファイル システムの破損 BIOS のストレージ コントローラー モードまたは設定の変更 Windows のインストール時に使用されたストレージ コントローラーとは異なるストレージ コントローラーの使用 別のコントローラーを持つ
【アンケート調査】01_アンケート用紙をつくる - TokyoHeadTerminal
「社会調査・アンケート調査とデータ解析」を元に要約メモしておきたいと思います。主に、郵送でのアンケート調査に関する内容です。 アンケート用紙の基本構成 あいさつ部 アンケートの回答者が最初に読むあいさつの部分。調査の目的や用途などの調査の趣旨、調査の重要性、調査へのご協力のお願いについて丁寧に記述する。調査に対する必要性の理解や信頼が得られなければ、回答してもらえなかったり、回答がいい加減になったりする。 質問本体部 質問と回答で構成される。わかりやすく答えやすいように、質問の順序、言葉づかい、回答方法を工夫し、回答時間があまりかからないように設計する。 フェイスシート部分 回答者の住所、氏名、性別、職業などの個人情報を記述する部分。最後に質問することが望ましく、個人情報を保護するように確約することも重要。 質問の順序を決める テーマに関するさまざまな事実を量的に把握しようとするのがアンケ
Macに惚れ込んだWindowsユーザのための Mac
野暮なウインドウズをスタイリッシュなマックライクに変える方法いつでもどこでも、お気に入りの動画を楽しみましょう。手持ちの DVD から iPod で見れる動画をカンタンに作り出す方法をご紹介します。
社内勉強会 担当者のコトバに振り回されるな！〜1から10を読み取るロジカルコミュニケーション〜 - studio room134
プロジェクトが結構佳境だった3月中旬に実施した勉強会。ものづくりをしてるとついエンドユーザーよりの考え方になりがちだけど、エンドユーザー届く前に担当者を口説き落とさないとなにも始まらないよね、その為にはどうしたらいいんだろう。という趣旨の勉強会。 もう少し手法だったり、視点は広げたほうがいいだろうなぁとも思ったけど、とりあえず少人数でやりつつ出てきた意見とかやり方を取り入れるのが良いかなと･･･。 基本的には自分がいつも無意識にやっていることをフレームワークに落とした感じ。なぜその発言が出てくるのか？、意図はなんのか？、何をすれば満足させられるのか？というのをその担当者のバックグラウンドだったりポジションだったり、思考のフローだったりを知っておくことでロジカルに発言の裏を予測できれば、確度の高いリアクションが可能になるだろうという考え方。アプローチとしてはもっと色々あると思うので今後そこら
グーグル最大規模２００人削減 業績悪化で - 社会 - SANSPO.COM
米インターネット検索大手グーグルは２６日、営業部門の従業員を中心に世界で２００人弱を削減すると発表した。米紙ウォールストリート・ジャーナルによると、グーグル本体としては過去最大規模の人員削減。全従業員約２万人の１％程度に当たる。同社は１月にも別部門の人員約１０００人の削減を発表した。 ２００８年１０−１２月期決算の純利益が６８％減と上場後初めて大幅減益となるなど、景気後退で業績が悪化。情報技術（ＩＴ）分野で急成長を遂げた同社も効率経営へ向けたリストラが避けられない事態となった。 グーグル幹部は「短期間に非常に速く成長した。すべてをうまく進めるのは不可能だ」と強調。削減時期などは明らかにしていない。（共同）
HugeDomains.com
Captcha security check 440design.com is for sale Please prove you're not a robot View Price Processing
CSSでよく使う装飾定義をclass名でまとめることについて - 徒書
2xup.orgのCSS でよく使う装飾定義をコンポーネントとしてまとめるという記事を読んだのですが、挙げられているHTMLの例を見てみて、「いやいやその方向性は無しでしょう」と思ったのでした。何故かといえば、 リストをインラインで表示するために <ul class="inline"> ナビゲーションリストをタブのように表示するために <ul class="tab"> という書き方をしていたので。それはつまり「文字を赤くしたいので <span class="red">文字</span>」というのと同じなのでは。 ADP: class=red スタイルシートの基本 -- ごく簡単なHTMLの説明 (「クラス名の考え方」参照) 記事では、 見た目を意識しすぎてしまっているのが気になるので class の名前を変更したり、 とも書かれているのですが、単にclass名を変更するだけでは状況は大差な
[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート
New CSS Sticky Footer - 2009 demo 主な対応ブラウザは、IE6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリスト New CSS Sticky Footerは、同じくフッタを下部に固定表示する「CSS Sticky Footer」の空divの使用を排除しHTMLをよりクリーンにし、マルチカラム対応にしたものとのことです。 仕組みはシンプルで、下記が最小の構成になります。 HTML マルチカラムの場合は、「id="main"」のdivに配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="wrap"> <div id="main" class="clearfix"> </d
近藤社長「未熟だったと思う」 はてなが目指す“脱IT系”
「このサイト、知ってますか」――はてなの近藤淳也社長は、街を歩く人に声をかけ、同社のサイトを見せながらこんなふうに聞いて回った。そして愕然（がくぜん）としたという。 「誰もはてなを知らないんですよ。かろうじて人力検索を知っている人がいるくらい。街でたまたまはてなユーザーに会う、なんてことはあり得ない」 はてなの登録ユーザー数は約90万人、月間ページビューは7000万強。ユーザー数は、はてなより後にサービスインした「mixi」や「ニコニコ動画」の10分の1以下だ。 Web2.0ブームのころ。近藤社長は「ナナロク世代」の代表格とされ、はてなは「日本のGoogle」ともてはやされた。だが規模と知名度はGoogleに遠く及ばず、ユーザー数で後発に抜き去られた。 目標は変わらない。「世界に通じるサービスを作りたい」。だがそのためのルート選びで、少し回り道――技術者ルート――を採ってしまったと感じてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大日本印刷がブックオフに出資した理由（前編）：日経ビジネスオンライン
FrontPage - EclipseWiki
ページが見つかりません｜さくらインターネット公式サポートサイト
http://kajidaikou.floppy.jp/