スマーフォン対応あれこれ - Presentation Transcript ⼤大 ⼀一 ⽐比 ⾃自 ⽤用 ⽤用 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title> </title> </head> <body> <header> ... </header> <article> ... </article> <footer> ... </footer> </body> </html> ⾃自 ⾮非 ⽣生 ⾮非 ⾓角 ⽴立立 ⼗十 ⽤用 ⽤用 ⽰示 ⽰示 ⽰示 ⾳音 ⽣生 003SH iPhone4http://haz.io ⼤大 ⽤用 ⾮非 ⾊色 ⽤用 ⼤大 ⾝身 ⾝身
Andreas posted a general overview of pdf.js. I’d like to briefly cover some more-technical parts of the renderer. pdf.js (currently) parses raw arrays of bytes into streams of PDF “bytecode”, compiles the bytecode into JavaScript programs, then executes the programs. (Yes, it’s a sort of PDF JIT . The side effect of those programs is to draw on an HTML5 <canvas>. The commands in the bytecode inclu
GameSalad turns gamers into game creators! With GameSalad, creators and learners ages 12 and beyond build their own mobile and web video games with a no-code visual programming system. Launched in 2010, GameSalad has been used by over one million aspiring game developers and has powered over 75 games that reached the top 100 in the App Store, including multiple #1 games. GameSalad for Education is
Today marks a very special day — I’m proud to announce the official launch of the WHATWG HTML5 specification for web developers. It features find-as-you-type search, offline access, beautiful typography, technical references pulled inline, and alternate styles for handheld devices or low resolution displays. The aim? To produce a companion specification for web developers to use on a regular basis
原文: People of HTML5 – Bruce Lawson (Chris Heilmann著) 今後のHTML5の普及にあたり、主導的に普及を進める人々の存在は必要不可欠である。今回私達Mozillaでは、現在この役回りを演じる人々をインタビューと短いビデオにより紹介する。インタビューの形式は、我々が予め用意した10の質問に対する文字ベースの回答と、彼らの自己紹介及び回答に対する詳細を含むビデオによって構成される。 我々が最初に紹介するのは、Opera所属、Introducing HTML5共著者であり、HTML5 Doctorの監督者であるBruce Lawson(@brucel)である。 ビデオインタビュー ビデオインタビューはYoutube、もしくはArchive.orgより以下の形式にて閲覧可能である。WebM (45MB)、OGG (70 MB)、MP4 (70 MB)
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In この章で
GoogleがHTML5のビデオコーデックH.264のサポートを終了すると発表したことを受け、Microsoftの社員がこの発表ブログを「Google合衆国大統領」が国民に英語の利用を禁じ、エスペラントを公用語にするとした発表文に書き換えたパロディを公開した。 「英語が会話に占める役割は大きいが、オープンなイノベーションというわれわれの目標のために、今後この国で英語をコミュニケーション手段として使うことを禁じる」――米GoogleがChromeブラウザでのH.264サポート終了を発表したことを受け、米MicrosoftのMSDNブログに1月12日(現地時間)、同社の社員がGoogleの公式ブログのパロディを投稿した。 Googleは昨年5月、HTML5のビデオコーデックのH.264はオープンではないとして、オープンソースのビデオコーデックを推進するプロジェクトWebMを立ち上げ、Micro
Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
Happyworm design and applications for inspiring web solutions
今年の春ぐらいから書いていた本が、いよいよ発売される運びとなりました。タイトルは、 徹底解説HTML5 APIガイドブック コミュニケーション系 出版者は秀和システムさんです。目次など詳細は、こちらのページをご確認ください。 僕が書いた始めての本。。。まぁメモリアルな訳です。出版物としては、先月発売された HTML5技術動向調査報告書2011 (CD+冊子)のほうが先なのですが、電子版と書籍との違いで発売が前後した形となっています。 上のページを見て頂ければ一目瞭然ですが、羽田野さんのHTML5本のシリーズとなっており、 HTML5のコミュニケーション系API (Cross Document Messaging, XML HTTP Request level2, Server-Sent Events, WebSocket)に特化した内容となっています。 内容ですが、とにかく特化するというこ
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか: ウェブの歴史 [Page 2] よ
ネット上で何かと比較されがちな、FlashとHTML5。 どちらに、どんな利点があるのか。それぞれを使い動画にしてみました。 最近、日本のインターネット業界の一部で英語が流行っているため、 海外の方にも見ていただけたらと思い、英語の字幕・音声も用意いたしました。 ネット上で、いつも勉強で使わせていただいているソース共有サイトに、 微力ながら協力したいと思い、後日、wonderfl・jsdo.it・AEP Projectに、 一部工夫した点など、アップできたらと思います。 このサイトを作るにあたり、 HTML5の概要などは、 HTML5 & The Web Platform FlashとHTML5の関係や、考え方などについては、 ClockMakerさんの、Flashだとここまでできる! HTML5とFlashの機能比較 HTML5の楽しさや、作るきっかけ、作り方などは、 .3さんのHTML
はじめに CanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。 調べたブラウザの各バージョンは以下の通りです。 Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 線を描く (lineTo) ただの直線を描くだけのlineToですが、その単純なものにも、恐らく、多くの人が普段は気にしないような問題があります。それは座標値とアンチエリアスです。詳しく見る前に、実際の結果を示しましょう。下記のイメージ中に描かれている線は、いずれも線幅(lineWidth)が1の線です。 (左から、Firefox, Chrome, Safari, Opera
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く