html5j.org
html5jについて html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わるすべての人々を応援する、非営利・中立のコミュニティです。私たちは、日本のWebクリエイター・エンジニアのスキル向上をお手伝いして、日本が世界のWebシーンをリードするような存在になることを心より願っています。 html5jの活動 html5jはWebクリエイター・エンジニアの皆さんに対し、「つながる」「学べる」「盛り上がる」を合言葉とし、以下の活動を行なっています。 html5jメーリングリスト Web開発に関する話題について質問したり、共有したりするためのメーリングリストです。また、勉強会の告知なども行なっています。 html5jメーリングリストに参加する （Googleグループに移動） 投稿ルール HTML5などの技術やWeb開発に関する話題であれば、どんな内容でも構いません。
Takazudolog - 地獄のvideo／audio要素
video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi
家電にもブラウザがあるさ - 第25回HTML5とか勉強会 -
ダニエル・デイビス（@ourmaninjapan）さん （オペラ・ソフトウェア） - 第25回HTML5とか勉強会 -
Sencha Touch 2.1 のチュートリアルを書きました！
（12/23追記: リンク先にあるチュートリアルを書き直しました） 開発部 川野です。今週月曜日に Sencha が発表した「Fastbook」が、すごい話題になっていますね！この投稿を書いているのは午前3時なのですが、こんな遅い時間にも関わらず、関連のツイートがたくさん飛び交っています。 Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック 私も早速触って、その驚異的なスピードに感動しました。「もしや、空前の Sencha Touch ブームが来るのでは！」と期待に胸をふくらませています :p Fastbook の衝撃をきっかけに、「Sencha
ブラウザでストレージ？ Web Storageを使いこなそう
連載目次 ■Web Storageの概要と活用例 旧来（＝HTML 4.1以前）のWebブラウザでは、eコマース・サイトのカート情報やログイン状態の管理情報などのデータをブラウザに保存する仕組みとして、大半のWebサイトではクッキーを利用していた。しかし、クッキーでは、保存容量が4KBytesまでであることや、すべてのリクエストに対してサーバにデータを自動で送信するため、容量制限やセキュリティ対策に悩まされることも多くあった。 HTML5では、クッキーに代わるデータ保存の仕組みとして、「Web Storage」と呼ばれる機能を利用できる。Web Storageは、ブラウザ側でKey-Value型でデータを保存する機能のことで、現在のインターネットを取り囲む環境に対応した「クッキーの後継技術」ともいえる。 Web Storageとクッキーの機能の差異は、以下の表のとおりだ。
株式会社ティーブイエスネクスト｜多種多様な動画・映像制作を提案
本社 〒460-0013 愛知県名古屋市中区上前津2-14-15 TEL：052-322-6541 / FAX：052-322-6638 東京営業部 〒151-0063 東京都渋谷区富ヶ谷1-30-22 メイプルウッド11ビルディング6F TEL：03-5453-5202 / FAX：03-5453-5203 大阪営業所 〒540-0026 大阪府大阪市中央区内本町1-2-13 谷四ばんらいビル22 TEL：06-6944-7740 / FAX：06-6944-7741 東京や大阪に支店を置き、様々な土地の動画・映像制作における変化を敏感に捉えることで常に最新の機材や技術を修得し続けている株式会社ティーブイエスネクストです。現在の動画・映像制作で多く使用されている一眼レフや撮影用ドローン、ウェアラブルカメラ、シネカメラなど、特殊な撮影機材を業界内でいち早く導入するなど、その時代における最新
スマートテレビの本命？ 「HybridCast」
恒例の「NHK放送技術研究所一般公開」が5月24日（木）～27日（日）に行われる。技研公開は、放送技術分野では国内唯一の研究機関であるNHK放送技術研究所が、1年間の研究成果を一般に公開するイベント。66回目を迎える今年は、先月発表した145インチのスーパーハイビジョン（SHV）用プラズマパネルや放送通信連携サービス「HybridCast」など、36の研究成果を披露する。 3カ年計画に開発ロードマップを明記 開催に先だって行われたプレスプレビューでは、4月25日付けで所長に就任したばかりの藤沢秀一所長があいさつに立ち、完全デジタル化後の放送サービスの展望を語った。「3月末には（震災の影響で移行を延期していた）東北3県もデジタル化が完了した。完全デジタル化後の放送サービスの充実に向け、放送と通信が連携したサービスをはじめ、それに続く夢のある放送サービスを実現する技術、人にやさしい放送技術など
SYMPOSIUM on Web and TV 2012 プログラム(案) - お知らせ・プレスリリース - IPTV FORUM JAPAN（一般社団法人IPTVフォーラム）
SYMPOSIUM on Web and TV 2012 日時：2012年6月12日(火) 8:30～20:30 場所：フジテレビ本社(台場) オフィスタワー22階フォーラム 開場 8:30～ オープニング＆シーンセッティング 開会挨拶 09:30～09:40 今井 隆洋 (IPTVフォーラム 広報普及委員会主査) セッション１：キーノート 基調講演１：「Future of Digital Media」 09:50-10:15 村井 純 (IPTVフォーラム 理事長) 基調講演２：「 Web as a Platform」 10:15-10:40 Dr. Jeff Jaffe (W3C CEO) 休憩 10:45-11:10 セッション２：テクニカルセッション 講演１：「HTML5 and HTML.next」 11:10-11:30 Mike Smith (W3C HTML-WG Acti
ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！
HTML5のタグは108つある って話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ 何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。 ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷（何処）で話題のmain
HTML5 videoタグを活かした、フルスクリーンの動画再生サイト
今回はSNSアプリ『Path』のWebサイトを解析していきます。Pathは、フォローしあえる友人の数を150人までに制限しているクローズトなSNS。FacebookやTwitterで必要以上にひととつながりすぎて、「本当に親しい人」の間でのコミュニケーションを楽しめないひとのソーシャル疲れを解決してくれます。全世界でユーザー数200万人と公表されています。アプリの詳細やマーケティング視点での分析はJ-CASTの記事をご覧いただければと思います。 今回はこのPathの「Webサイト」がユニークなので解析したいと思います。このサイトの一番の特徴は、フルスクリーンの動画再生サイトであることです。サイトを訪れると背景すべてが動画のインターフェースになっていて、アプリを使用している動画が自動再生されます。 フルスクリーンの動画再生ウェブサイト このサイトのポイントは、「動画」です。背景がそのまま動画
HTML5 VideoまとめとMediaElement.js
複数のコーデックが存在しており、ブラウザの対応状況もバラバラ。HTML5 Videoをサポートしない古いブラウザもあるため、そうしたブラウザに対してはFlashやSilverlightを受け皿として使う必要がある。またHTML5 VideoのUIは規定されておらず、ブラウザごとに違っている。UIを統一するにはJavaScript/CSSを使ったコーディングが必要。 対策1. ネストHTMLテクニック Video for Everybody!で紹介されているネストHTMLテクニックを使う。次のHTMLのようにvideo要素の内部に複数のコーデックファイルの指定とFlashを受け皿として記載するというもの。なおこのテクニックでは記述の順序にも意味がある。 <video width="640" height="360" controls> <source src="target.mp4" typ
HTML5の新要素、videoタグについて知ろう | Web技術の最新情報、お役立ちTips等をお届け クリエイターのためのWebテク講座 | 特集 | 人材紹介 | マイナビクリエイター
第4回 HTML5の新要素、videoタグについて知ろう。動画ファイルの作成について。 前回・前々回と、HTML5のVideoタグを使った作例を紹介しましたが、では肝心のHTML5で利用する、「H.264」「Web M」形式の動画は、どうやって用意すればいいのか？ 今回はそのあたりを解説しましょう。 Adobe Media Encoderを利用する。 AdobeのCS製品のうち、Web制作向け・動画制作向けのスイート製品を交友すると、 「Adobe Media Encoder」というアプリケーションが同梱されます。 Web制作を生業にされている方は、大体はAdobe製品を使っていると思いますので、Adobe Media Encoderを使うのが一番手っ取り早いでしょう。 なお、Adobe Media Encoderでは、Web M形式の動画は書き出せないので、Web M形式の動画に関して
alt-scape.com
alt-scape.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
<script>－HTML5タグリファレンス
<script>タグは、文書にJavaScriptなどのスクリプトや、データブロックを組み込む際に使用します。 <script>タグは、<head>～</head>の中に配置することが多いですが、 <body>～</body>の中に配置しても問題ありません。 type属性には、スクリプト言語やデータ形式を指定します。 利用するスクリプトがJavaScriptの場合にはtype="text/javascript"となりますが、 type属性の初期値はtype="text/javascript"なので、JavaScriptの場合にはtype属性の指定を省略することができます。 スクリプト言語のタイプがtype="text/javascript"以外となる場合にはtype属性は必須です。 HTML文書でJavaScriptなどのスクリプトを利用する際には、 HTML文書の<script>～</s
HTML5導入前に覚えておきたいこと｜Webクリエイターネット
Category HTML iPhone・iPad・Androidといったモバイル端末では、HTML5は普通に使われていますが、PCサイトでもInternet Explorer9の登場で無視できない存在になってきました。 今回はPCサイトにおけるHTML5の導入に関して少し書こうと思います。 Keyword：HTML5,DOCTYPE,IE対応,html5.js,IE9.js SafariやFirefoxといったモダンブラウザは以前からHTML5の新要素に対応していましたが、Internet Explorerが対応していなかったため、以前と同じようにXHTMLでサイト制作をすることが多かったのですが、バージョン9の登場でHTML5でサイト制作をするのも珍しくなくなってきました。 ですが、Internet Explorerは一番使用率の高いブラウザですので、前バージョンの7や8等も無視できま
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
HTML5のplaceholder属性を代替するjQueryプラグイン(ah-placeholder.js) ::ハブろぐ
HTML5の仕様にあるplaceholder属性を、未対応のブラウザでも擬似的に使えるようにするjQueryプラグインです。title属性に入れた文字列を、プレースホルダー用のテキストとして扱います。placeholder属性については以下などを参照。 HTML5のFormで実現されるplaceholder、autofocusが便利そう - IDEA*IDEA <input> placeholder－HTML5タグリファレンス 今回のプラグインは、HTML5のplaceholder属性をjQueryでやってみる :: ハブろぐ で、以前書いていたjQueryを整理して、プラグインの体裁に整えてみたものです。車輪の再発明もいいとこですね。 2011-09-09追記 バージョン1.2でplaceholderAttrオプションを追加 これまでplaceholder属性代わりに使う属性がtitle
webdesignmatome.com - このウェブサイトは販売用です！ - webdesignmatome リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
html5-memo.com
