中国SNSを席巻する"遊べる"広告「H5」って何だ？ - 中国メディアビジネス日記
中国はまもなく春節を迎え、各社ともサービス普及の為のPRに奔走している。中国モバイルペイの二大巨頭の一つ、WeChatPayがお正月の「お年玉キャンペーン」で普及を成功させたように、お正月は中国IT企業にとって最も重要なマーケティングシーズンだと言っても過言ではない。 そんな中、ここ数年中国のSNSを賑わせているのが、「H5広告」というインタラクティブな「遊べる」広告だ。「楽しくて」「シェアしたい」という、SNS時代ならではの特徴を持った新しい広告フォーマットは、中国のみならず、日本でもブレイクする可能性を秘めている。 このH5広告がどんな広告なのか、まずはこちらの例をご覧いただきたい。 H5広告①「PUPUPULAの家族写真」 （リンク先から直接開けます） pupupula.net ユーザーが広告を開くと、すぐにゲーム画面が出てくる。ユーザーはそこで様々なアイテムを使って自分だけの家族写
HTML5の要素を条件付きコメントなしでIEで使う - 徒書
今更ながら、ここもHTML5にしてみようかなという気持ちが湧いてきています。以前は、一旦公開した文書の形式を無闇に変えるのはよくないという思いが強かったのですが、個人のページなのだし色々と実験的なことをもっと試してもいいのでは、と思うようになったので。 さて、HTML5導入にあたり一番気にしていたのが、IEでHTML5の新しい要素を使う方法のことでした。今だと html5shiv を使って以下のようなコメントを入れるのが一般的になっているようです。 <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> しかしながら、HTML文書というのは様々な環境で利用されるための文書形式だと自分は考えているので、その中に(コメントとは言え)特定のブラウザのた
innerShiv makes HTML5shim work on innerHTML & jQuery
DEPRECATED! Don't use innerShiv! The HTML5 Shiv now contains patches for the innerHTML issue. Use that instead: https://github.com/afarkas/html5shiv Even with HTML5shim, IE < 9 won't style this: var html = "<section>Baw :(</section>"; $("#el").append(html); ...unless you use innerShiv: var html = "<section>Yay! :)</section>"; $("#el").append(innerShiv(html)); Get innerShiv (~1k .js) What the hell
HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)-
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。 先日リリースされました、iPad用Webアプリ「えほんのじかん」（iPad版）の紹介をさせていただきます。 このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵本風の動画が流れる、というものです。 もともとこの「えほんのじかん」の元祖は、「テレビ版」でした。 インターネット対応テレビ向けに提供しているテレビ版Yahoo! JAPANやYahoo! JAPAN for AQUOSなどからみることができます。 iPad版より作品収録数は多く、30作品以上を掲載しています。 テレビ
HTML5でつまずきやすいasideとsectionの使い方
HTML5分かりにくいですよね。 初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします！ 自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。 さて、実はカヤックで働き始めてHTML5を本格的に触ったのですが、触れていくうちに「HTML5はややこしい所があるなー」と思い、この記事を書きました。 そういう訳で、HTML5でコーディングするに当たって間違いやすいポイントについて、書いていきたいと思います。 まずその前に 本題とは反れますが、HTML5でコーディングするにあたって、押さえておきたいポイントを2つ書きます。 文字コードの指定はmeta要素のcharset属性で 今までは以下のようにmeta要素の中に長々と属性を
【レポート】ビデオカメラをブラウザで使うHTML5 Device | エンタープライズ | マイコミジャーナル
A vocabulary and associated APIs for HTML and XHTML Ajaxian - Video Conferencing with the HTML5 Device Elementにおいて、HTML5の策定とともに策定が進められているdevice要素が紹介されている。device要素が仕様として確定し、主要ブラウザがこの機能に対応した場合、専用のアプリケーションのインストールやプラグインのインストールなどをすることなく、USB接続のビデオカメラやWebカメラを経由したビデオ会議が実施できるようになる可能性がある。 策定中のdevice要素の仕様はHTML Deviceでチェックできる。device要素がどういった使われ方を想定しているかは、HTML Deviceに掲載されている次のサンプルを見るとわかりやすい。 <p>To start chattin
iPad対応！HTML5 Audioで作るブラウザーピアノ (1/6)
HTML5で作ったピアノ演奏ページ。iPadでも制限付きで動作する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 前回の記事ではHTML5 Audioを使ってサウンドプレイヤーを作りましたが、HTML5 Audioで再生できるのは音楽だけではありません。ブラウザーだけで音声ファイルを再生できるということは、発想を変えるとおもしろい使い方ができます。 今回は、HTML5 Audioを使ってブラウザー上で演奏できる鍵盤楽器を作ります。画面上に表示した鍵盤がクリックされたらあらかじめ用意しておいたピアノの音声ファイルを再生し、あたかもピアノ演奏の気分を味わえるようにします。ピアノだけでは少々物足りないので、おまけとしてオルガン、木琴、PSG音源の音色も用意しました。 また、今回のサンプルはアップルのiPad/iPhone（iOS4以
HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
HTML5 の file API と jQuery でブラウザにファイルをドラッグ&ドロップしてアップロードするサンプルを作った - @kyanny's blog
GitHub - kyanny/html5_file_api_ajax_upload_sample: HTML5 file API + ajax file upload sample HTML5 の file API というのが面白そうなのでちょっといじってみた。 デモを動かすには Plack と JSON と Path::Class が必要です。このブログ読んでる人ならどれも ready for use ですよね。もしまだのひとは cpan -i Plack JSON Path::Class でよろしく。 git clone して plackup して Firefox 3.6.x 以降で開いてください。 複数ファイルをドロップしたときになんかうまく動いてない気がするとか、 app.psgi の書き方がだいぶいい加減とか、微妙なところはたくさんあるけどとりあえず動くところまでいけたので公開
HTML5Rocks - A resource for open web HTML5 developers
Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
Sencha Touch Has Merged with Sencha Ext JS - Sencha
Sencha Touch Sencha Touch has been merged with Ext JS, which provides developers with everything they need to build data-intensive web apps. Learn More Sencha Touch Has Been Merged with Ext JS Sencha Touch is no longer supported. It’s core functionality for building mobile apps has been merged with Ext JS, which provides everything developers need to build data-intensive, cross-platform web and mo
OS2UG – Flighton OS Webb Användarförening
Information om Flighton användarföreningen Allmän information om föreningen Medlemsskap för företag och privatpersoner. Flighton användarföreningen satsar på kommunikation och JAVA Vi är en användarförening. Vi kan idag vara stolta över antalet besök på vår hemsida! Många av våra medlemmar är involverade i utvecklingsarbeten baserat på JAVA-script och moderna opensource verktyg såsom WordPress, Jo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://html5please.us/
HTML5&API総まくり
html5resetcss - Project Hosting on Google Code
GitHub - guillaumebort/jquery-ndd: Native Drag&Drop plugin for JQuery