ソーシャルサービスを 加速するWebSocket rev.2 2010/6/15(wed) 第7回 html5とか勉強会 こまつけんさく
ソーシャルサービスを 加速するWebSocket rev.2 2010/6/15(wed) 第7回 html5とか勉強会 こまつけんさく
An interactive film by Chris Milk Featuring "We Used To Wait" Built in HTML5 This film does not work on mobile as it requires pop-ups. Please visit the site from a desktop browser. This film requires pop-ups. Click the icon in the address bar. Select "Always allow pop-ups from wildernessdowntown.com."
Simple HTML5 Presentation Tool About Download Usage Petal About HTMLで手軽にスライドが作れたら楽なのにというものぐさな気分から生まれた、出来る限り綺麗なHTMLの書けるHTMLプレゼンテーションツールです。 デモ / ちょっとカッコつけたデモ How to use Downloadから、ファイルセットをダウンロード アーカイブを展開 example.htmlを参考にしながら、ぽちぽち書く CSSでお好きな見た目をつける(Effect PetalはPetalから) 推敲する 3に戻る Requirement jQuery Safari / Google Chrome / Firefox License どれならいいのかわかりませんが、GPLだと思います! Download stable: Zip Archive develo
HTML5開発者コミュニティhtml5-developers-jpが主催し、毎月第3水曜日に開催されている「HTML5とか勉強会」。6月16日に、第7回となる勉強会を開催しました。 会場は、目黒にあるOpera Sortwareの日本オフィスを提供いただきました。Operaさんのオフィスは頻繁に提供いただいており、今回で3回目。会場の雰囲気は非常にアットホームで、リラックスした雰囲気の中、今回も中身の濃い講演が 目白押しでした。 「Google I/OでのHTML5関連アップデート」 5月19日~21日の会期でサンフランシスコで開催されたGoogle I/O。 こちらに出席されたtakorattaさんよりGoogle I/Oで発表されたHTML5関連のアップデートについて講演いただきました。 「2004年頃を境として、デスクトップアプリの分野では目立ったアプリケーションは登場しておらず
SmokescreenはHTML5/JavaScript製のオープンソース・ソフトウェア(予定。ライセンスは未定)。AppleのFlash拒否の動きは止まることなく、他のスマートフォンとの対立が深まっている。Flashは既に世界中で利用されており、無数のコンテンツが存在するのが理由だ。 広告デモ。上がHTML5+JavaScript、下がFlash だからといって、今後永遠にコンテンツが増え続けるとは限らない。HTML5の登場によって、Flashによらないアニメーションや多彩な表現力がHTML5で実現する。旧来のFlashと今後のHTML5をつなぐのがSmokescreenだ。 Smokescreenは以前紹介したGordonと同様にFlash(SWF)ファイルを解析し、HTML5/JavaScriptによって実行するライブラリだ。広告のバナーやアニメーションのデモがあるが、SWFと変わら
今日は日経BPのセミナー(参照)で、iPadと電子出版の未来について講演をしてきた。私の講演の内容に関しては、一両日中にネットに上がると思うのでここには書かないが、この講演およびその準備段階を通して学んだとても大切なことを一つ書こうと思う。それは日本の出版社に迫る「コンテンツのガラパゴス化の危機」である。 午後の部でヤッパの伊藤氏の講演を聞いていて少し疑問に思ったので、フォーマットのオープン化に関する質問をした私だが、彼の「まだコンテンツの数が少ないのでオープン化を考慮する必要はない」という返答でヤッパの狙いが明らかになった。セルシスと同じく「クローズドなフォーマットによるコンテンツの抱え込み」である。 ここまでフォーマットのオープン化(すなわち誰でもビューアーをライセンス・フリーで作れること)の大切さが叫ばれている今、時代に全く逆行するビジネスモデルだが、漠然とした危機感を抱いてはいるが
Modernizr実行結果まとめ それぞれの実行結果を表にまとめた結果は次のとおり(※は開発版を示す)。 Webブラウザ名 IE Firefox Opera Safari Chrome バージョン 6 7 8 3.5 9.64 ※ 10b1 3.2.1 4.0 2.0.172.33 ※ 3.0.190.0 (Mac) ※ 3.0.190.4 canvas × × × ○ ○ ○ ○ ○ ○ ○ ○ rgba × × × ○ × ○ ○ ○ ○ ○ ○ hsla × × × ○ × ○ ○ ○ ○ ○ ○ multiplebgs × × × × × × ○ ○ ○ ○ ○ borderimage × × × ○ × × ○ ○ ○ ○ ○ borderradius × × × × × × ○ ○ ○ ○ ○ boxshadow × × × ○ × × ○ ○ ○ ○ ○ opacity ×
HTML5という新しい仕様がでてきましたが、既存のHTMLやXHTMLとはどのような関係があるのでしょうか。簡単にHTMLとXHTMLの歴史を振りかえりながら、両者が抱えた問題や、HTML5の目的について説明しようと思います。 HTML ― 拡張のなかで進化していった言語 HTMLはWeb上での情報交換フォーマットとして、Tim Berners-Leeにより生み出されました。「シンプルなハイパーテキストを記述する」という目的があったため、定義されている要素は見出しやリスト、リンクなど、文書構造や文章の意味を記すものに限られていました。 ところが、Webが普及するにつれ、視覚表現をコントロールする要素(いわゆる「タグ」)がブラウザーベンダーにより追加されていき、語彙が膨れ上がってしまいました。さらには、要素の意図とは異なった使われ方をされる例(blockquoteやtableなど)が増
上記の表の「*」の部分にはプロパティ名が入ります。なぜこのようなプレフィックスが必要かというと、仕様として完全に固まっていない要素であるということ、そしてブラウザ側でバグがあるかもしれないがベータとして実装している場合がある、この2つが理由としてあげられます。 レイアウト HTML5の書き方やCSS3の書き方の説明後、レイアウトの説明が行われました。 ブラウザリセット Internet Explorerの問題がありますが、テストしきれていないベータのブラウザなどもあり、一概にデフォルトセッティングが今後も仕様が変更されない保証はありません。 このreset.cssを使用するのは非常に有効です。 カラム落ちの原因 フロートを使用してカラム落ちしてしまう原因は、各ブラウザのボックスモデルの違いによるものです。たとえば、%などで横幅の指定をしてもwidthの計算方法がブラウザごとに違います。 特
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く