HTML5 ドキュメントのセクションとアウトライン - HTML | MDN
HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>
「Markup Maniax – マークアップ部が語り合うHTML5仕様のいま・これから」HTML5 Conference2013
「Markup Maniax – マークアップ部が語り合うHTML5仕様のいま・これから」HTML5 Conference2013 馬場 美由紀（HTML5 Experts.jp編集部） 2013年11月30日に開催された「HTML5 Conference2013」において行われた数々のセッション。その中で今回は、マークアップに関する活動を展開している「マークアップ部」メンバー3名によるセッション「Markup Maniax – マークアップ部が語り合うHTML5仕様のいま・これから」の一部に関してレポートする。 HTML5といえばAPIや周辺技術の話題を目にすることが多くなった一方、Webサイトで重要なのはやはりマークアップ。HTML5がLast Callになってからも仕様に随時変更が加わっている。また、独自の要素を定義できる仕組みも登場している。今回のセッションでは「マークアップの今後
よくある3つのデザインから考える、マークアップの最適解
Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されました。「MarkupCafe」では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。 本記事では「MarkupCafe」で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わる
HTML5の考察
ホーム APPENDIX HTML5の技術・政治的考察 HTML5とは何か 技術的考察 HTML5でHTMLを記述するに当たっては、当然、「新たに採用もしくは変更された要素や属性をどのように使うのか」が、焦点になります。 2010年前半でHTML5が話題に上ったとき、そこでは動画をブラウザ自体で再生できるようにするvideo要素の存在が、Adobe Flashとの対比で注目されていました。また、それ以前からもスクリプトなどを使って動的に画像をブラウザ上で描画できる、canvas要素なども関心を集めているようです。実際、遅ればせながらcanvas要素に対応したIE 9 Betaが登場した際には、canvas要素を効果的に採用した協賛サイトが多数紹介されています。 こうした、動的で応答性に優れた「Webアプリケーション」をサポートすることも、HTML5の目的になっていますが、私自身は、オーソド
Web標準から見たSingle-page Applicationのこれから - albatrosary's blog
2014年の今年、HTML5が正式勧告になることをうけ、Web標準に関する事柄をまとめなおしました。やはり業務系Webアプリケーションを構築するにあたって注目する技術は４つあります。 Application Cache WebStorage Web Worker WebSocket この４つは業務アプリケーションエンジニアにとって目が離せないものとなるでしょう。 Web標準(HTML5)のいま 2000年頃HTML4.xxが正式勧告になりましたが、それ以降Web標準を決める事象が発生していませんでした。ゆとり世代に突入です。ゆとりは技術者にとって技術は変化しないという間違った意識を植え付けましたが、今年は大きく揺らぎが発生します。それがHTML5正式勧告です。 今後の業務系Webアプリケーション Single-page Applicationでのブラウザーアプリケーション構築は既に当たり前
Application Cacheの利点を生かしたSingle-page Application - 概要編 - albatrosary's blog
Webアプリケーションを構築する上でレスポンスを向上させるための技術のひとつとしてキャッシングというものがあります。キャッシングされる仕組みは アプリケーションサーバ プロキシサーバ ブラウザ で実装されています。 W3Cではこれとは別にApplication Cacheという規格を定義しています。Single-page Applicationとの相性は良いとされていますがアーキテクチャの観点から何がどうなっているのかを今回は簡単に概要を述べたいと思います。 Application Cacheとは 静的なリソースに対してブラウザにキャッシングする仕組みがApplication Cacheです。AppCacheとも言うことがあります。実装は簡単で次のようHTMLへの定義およびmanifestファイルの記述でAoolication Cacheの実装が可能です。メリットはオフラインの状態でもur
Single-page Application(SPA)を構築するための７つの勘所 - albatrosary's blog
業務アプリケーションを開発するために、特に、Single-page Application(SPA)を構築する場合に必ず考えなければいけない、最も重要な７つの要素を上げます。マネージャ視点から考えても”ここを外してはSPAの構築はできない”と言えます。 近年ブラウザの性能が向上したため、過去できなかったJavaScriptで多くの処理が可能となっています。Backbone.js や Angular等のJavaScriptフレームワーク、bootstrap等のCSSフレームワーク、開発環境のYeomanなど、もはや道具はすべて整っていると言えます。実際に私がSPAで構築するときに考えた事項です。 JavaScriptフレームワークを導入すること altJSを導入すること CSS Preprocessorを導入すること 適切な開発環境を提供すること フロントとバックを分散開発すること ハックで
Rich Internet Application(RIA) から Single-page Application(SPA) へ - albatrosary's blog
ここのところ SPA とは何かという話を良く聞かれてますので整理します。業務アプリケーションを構築するときに、SPA(Single-page Application) は RIA(Rich Internet Application) に変わる技術です。もはや Adobe Flash, Air, Silverlight, Javaアプレット など RIA の役割は終焉を迎え SPA という流れになっています（と考えています）。 従来の Rich Internet Application(RIA) RIA が注目されていた技術（特に下記３つ）は 表現力の高さ：動画や音声などマルチディアの活用が可能で高いデザイン性を持った画面要素の再生機能を備える デスクトップアプケーションと同等なUI：画面をリフレッシュすることなく、バックエンドでサーバーとデータの送受信が可能 ユーザーエクスペリエンス：ユー
言うは易し行うは難し！尊敬される人が普段心がけている10の要素 | ライフハッカー・ジャパン
あなたが心から尊敬する人、憧れる人、共に時間を過ごしたいと思う人を思い浮かべてみてください。彼らはお金持ちではないかもしれません。社会的に成功していないかもしれません。誰でも知っている有名人でもないかもしれません。 それでも、人々から慕われ、尊敬される人々が存在します。彼らは、他の人と何が違うのでしょうか。彼らは与える達人です。寛大で、利他の心を持ち、見返りを求めません。彼らにとっての成功とは、他人の幸せと成功によって得られるものなのです。 では、彼らが与えるものとは何でしょうか？ 以下、彼らが与えることに長けている10のものを挙げてみます。 1．褒める 誰でも1つは取り柄があります。だからこそ、誰でも賞賛と感謝を得る資格があります。業績の良い社員を高く評価するのは簡単です。反対に、平均的な人を褒める理由を見つけるのは難しいものです。褒めることが得意な人は、簡単な褒め言葉が「平均的な人間を
「Appmethod」はiOS、Android、MacOS、Windowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表
「Appmethod」はiOS、Android、MacOS、Windowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表 米エンバカデロは、iOS、Android、MacOS X、Windowsのネイティブアプリケーションを開発できるビジュアル開発環境「Appmethod」を発表しました。将来的にはウェアラブルコンピュータなどにも開発対象を広げるとのこと。リリースは今年前半の予定。 Appmethodはマルチデバイス対応アプリ開発に特化 同社はすでにDelphiやC++ BuilderなどでiOSやAndroid、MacOS X、Windowsなどに対応したビジュアル開発環境を提供しています。Appmethodは両製品をベースにしたものですが、DelphiとC++ BuilderにはWindows対応のVCL（Visual Component
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソースネクスト：ページが見つかりません
Single-page application