MonacaMonacaはクラウド技術を活用した、日本発・次世代のアプリ開発プラットフォームです。多様なアプリ開発に対応するクラウドサービスを中心に、アジャイル開発を促進するDevOps、コンサルティングやテクニカルサポート。日々の課題を解決するために用意されたツールやサービスを通じて、あなたのプロジェクトの成功を支えます。 さらに詳しく
SPAがネイティブアプリをぶっ壊す：HTML5/Javascriptが変えるWebの未来 - Qiita
はじめに タイトルは半分釣りですが、半分本気で考えてもいます。 近い将来、Webアプリが今のネイティブアプリの市場を超えてくる、と仮説を立てています。 ぜひ、先人のみなさんのご意見やお考えを教えてください。 SPAについて SPAとはなにか（What） 歴史 佐川夫美雄さんのイベントレポートの一部が、非常にまとまっていてわかりやすい部分でしたので、まず引用させていただくこととします。 RIAはアプリケーション利用者に対し高い評価を得ましたが、2010年のAppleショックにより衰退の方向へ向かいます。具体的には2010年にSteve JobsがFlashを激しく批判したことに端を発します。プロプライエタリ(Proprietary Software)なFlashよりオープン性のあるHTML5を推進するようになりました。2011年にはMicrosoftがWeb開発者に対してSilverligh
aside 要素を理解しよう - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「Understanding aside」を日本語訳したものです。この記事では、aside 要素について、正しい使い方を解説しています。HTML5 仕様の aside 要素の説明はとても抽象的で分かりにくく、誤解を招きやすい要素の一つといえるでしょう。この記事では、aside 要素をどこに使うべきかが分かりやすく解析しています。 原文タイトル Understanding aside 原文ページ URL http://html5doctor.com/understanding-aside/ 著者 Mike Robinson 氏 原文投稿日 2009-06-19 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがっ
aside を見直す - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「Aside Revisited」を日本語訳したものです。 原文タイトル Aside Revisited 原文ページ URL http://html5doctor.com/aside-revisited/ 著者 Mike Robinson 氏 原文投稿日 2009-10-28 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 aside を見直す これは、
いまさらHTML5 （WebSocket編） - Qiita
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WebSocket Sample</title> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript"> // 接続先URI var uri = "ws://" + location.host + "/sample/chat"; // WebSocketオブジェクト var webSocket = null; // 初期処理 function i
[HTML5] 新要素まとめ【2014/2/14版勧告候補】 - Qiita
こんなsectionは○○だ 1.見出しが無い 見出しが無い/用意できない = 章や節ではない = sectionじゃない 2.段組みのためだけに使う sectionはdivの代わりじゃない セマンティクスを意識しよう nav サイトナビゲーションセクションを表す。 <nav> <ul> <li><a href='/'>サイトトップ</li> <li><a href='/about'>このサイトについて</li> <li><a href='/contact'>お問い合わせ</li> </ul> </nav> こんなnavは○○だ 1.nav要素を大量に使っている nav要素を使うことができるのは、そのサイトにとって主要なナビゲーションだけ。 多くても３つくらい たとえば、ヘッダメニュー、サイドメニュー、ぱんくずリストはnav 検索ボックス、リンク集は非nav 2.リストじゃない セマンティ
![[HTML5] 新要素まとめ【2014/2/14版勧告候補】 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f6ba61007b09f1271e822cee8fb7e128662ea29/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSFRNTDUlNUQlMjAlRTYlOTYlQjAlRTglQTYlODElRTclQjQlQTAlRTMlODElQkUlRTMlODElQTglRTMlODIlODElRTMlODAlOTAyMDE0JTJGMiUyRjE0JUU3JTg5JTg4JUU1JThCJUE3JUU1JTkxJThBJUU1JTgwJTk5JUU4JUEzJTlDJUUzJTgwJTkxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1hMGNiNDNiNTFiMmJjNjM4OGU3NDk5NTgwNmQwNWJjZQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtYWNjb3RzYW4mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWViNjJjNjg5M2Q4ZTFkMDM5MmVjZmFjZWRlZGY5NTM5%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Db46bffda810eba3e8a47f4348b4cad12)
HTML5 勧告候補に main 要素が追加、hgroup 要素は予定通り削除
ちょっと前に 「hgroup 要素が HTML5 の勧告候補 （Candidate Recommendation） から削除されるようです」 って記事を書きましたが、実際に削除されたみたいですね （Editor's Draft では）。 ついでに、すでに HTML 5.1 Nightly にはすでに追加されていた、main 要素が、HTML5 勧告候補の方にも追加されたようです。 HTML5 W3C Candidate Recommendation 17 December 2012 hgroup 要素が HTML5 勧告候補から削除される main 要素とは？ main 要素は元々、Steve Faulkner 氏 （Web アクセシビリティ関連の方） が HTML5 の拡張仕様として提案し、HTML 5.1 に正式に取り入れられた要素で、その名の通り、文書内の、「主要な部分」 をマークア
ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
iPad上のSafariで幅100%のVIDEOタグの高さを取得できない | 有限会社キートン KEYTON, Ltd.
ディスプレイの幅に合わせてレイアウトが変化するレスポンシブデザインのページに、幅が可変の動画を配置するため以下のCSSを指定しました。 video { width: 100%; max-width: 100%; height: auto; } モダンブラウザやAndroidのデフォルトブラウザでは、意図したとおりウィンドウサイズに合わせて動画のサイズが縮小されます。 しかし、iPadやiPhoneでは、動画のサイズが小さくなり、動画の左右に黒く塗りつぶしたボックスが表示されてしまいます。 仕様は確認できませんでしたが、iOSのSafariではVideoのデフォルトサイズが300×150に設定されているそうです。 VIDEO要素に高さが指定されていない場合や「auto」になっている場合は、このデフォルトの高さが使用され、小さく表示されるようです。 幅に合わせて、高さが変更されるブロックを作成
YouTubeがFlashではなくHTML5でのムービー再生を初期設定にすることを発表
By José Tomás Albornoz YouTube上でムービーを再生する場合、ユーザーの視聴環境に適したプレーヤーが自動で選択されるようになっており、これまではユーザーがFlashに対応している場合はFlashプレーヤーが優先される仕様になっていました。しかし、これからはFlashではなくHTML5でのムービー再生が初期設定で実行されることをYouTubeが発表しています。 YouTube Engineering and Developers Blog: YouTube now defaults to HTML5 http://youtube-eng.blogspot.jp/2015/01/youtube-now-defaults-to-html5_27.html YouTubeがHTML5でのムービー再生をサポートし始めたのは2010年からで、当時はFlashの方がHTML5で
スマートフォンはセンサーの塊！ たった数行のHTML5とJSで扱えるセンサーまとめ(デモ・動画あり) – ICS MEDIA
ブラウザ上で可愛いフィルターを実現！TensorFlow.jsを使ったリアルタイム顔認識 7月9日公開岩間 日菜♥ 18
IE9でHTML5 videoが表示されない – Runtime-Err.
Web制作者の仇敵IE様は今日も元気に制作者の首をしめてきます。 今回は制作したサイトでIE9でだけvideoが表示されないというもの。 前提条件として先に <!DOCTYPE html>されている？ Y/N IE9が互換表示されている？(F12の開発ツールで IE9 standardを確認） Y/N consoleで [ document.getElementsByTagName(“video”)[0].error.code ] を実行させて、”Unable to get value of the property ‘code’: object is null or undefined”がでることを確認できる？ Y/N Networkタブで動画のファイルを読み込んでいる？ Y/N 3番目で違う物が出た場合はmp4のエンコードがオカシイ場合があるので再エンコードで治る可能性があります。 そ
<video>タグでmp4の動画が再生されない（解決法）（たまちゃんHTMLのおうち～作成に役立つテクニック）
HTML5の<video>タグでmp4の画像が再生されないパターンにはまりました。 IE9で起きる現象です。 他の形式の動画は再生されるがMPEG4だけはダメという場合は、同じ原因かもしれません。 以下の手順で確認してください。 原因は、mp4には種類（MPEG4、H.264とか）があるのにこれを把握していなかったためでした(-_-;) 要は、IE9はH.264タイプのmp4に対応していることでした。（マシンにcodecがインストールされている場合はWebMにも対応） 結果的には、MPEG-4タイプのmp4を、H.264 タイプのmp4に変えてあげて解決です。 ★<video>タグを用いた動画の埋め込みも参照してください。 ★IE9で動画に対してのデバッグの方法 問題のあると思われるサイトを開く [ツール]メニュー-[F12 開発者ツール]クリック ショートカットキー：F12 まずは、ファ
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
第53回 HTML5とか勉強会
概要 テーマ「インタラクティブの世界から学ぶコンテンツ制作」 今回のHTML5とか勉強会では、ゲームやインタラクティブコンテンツ、Webの枠に留まらないシーンで活躍してい るクリエイターの方々が登壇に登壇して頂きます。どのようにしてそうしたコンテンツを生み出しているのか、クリエイターの考え方やそのアイディアの源泉に ついて語って頂きます。 また2014年最後のHTML5とか勉強会ということで、忘年会も兼ねたお祭り的な企画になります。エンジニアだけでなくデザイナーやプランナーなどのさまざまな職種の皆さんに来てただき、いつもとは違った雰囲気を楽しんでもらえたらと考えております。新しくできたばかりのイベントスペース「TECH LAB PAAK」でお酒や軽食と一緒に盛り上がりましょう！ 日時：12月17日 19:30〜22:30 会場：TECH LAB PAAK（渋谷、アップルストアのビル6階）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 & CSS3 リファレンス - <input> （フォーム部品：入力欄）
canvasのgetImageDataを使って画像の色(RGB)情報を取得する - GET HAPPY
【HTML5 Conference 2015】ウェブが“どこにでもあるもの”になったその先にあるものとは、ウェブ技術者の祭典「HTML5 Conference」 
Proximity APIでWi-Fi Direct通信 - デバイスとITの架け橋 - Site Home - MSDN Blogs
Blog | Brightcove
