W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Mozillaは11月5日、HTML5メディアツールキット「Mozilla Popcorn.js 1.0」を公開した。動画とさまざまなWebコンテンツを連動させられるツールキットで、HTML5のvideoタグとJavaScript、CSSなどの技術を利用している。 Popcornは、Webと動画コンテンツを組み合わせたインタラクティブなコンテンツの作成を支援するプロジェクト。Mozillaのオープンビデオの取り組み「Web Made Movies」のプロジェクトとして発足した。動画製作者やジャーナリスト、クリエイティブなコンテンツクリエイターなどを対象とする。 Popcorn.jsはHTML5のvideoタグを用いてWebページ内に埋め込まれた動画にJavaScriptからアクセスしたり、逆に動画の再生に応じてイベントを発生させることができるフレームワーク。たとえば動画の再生中、特定のシー
HTML5 Advent Calendarの2日目です。 本当は3日目の担当だったけど、代打(?)で2日目も書いている。もちろん3日目の記事も書く。 「HTML5 Advent Calendar」はこんな感じの取り組み。まだ空きがあるので、よかったらどうぞ。 今年は、HTML5もAdvent Calendarやります! 本来のAdvent Calendarとは、12月1日からクリスマスの25日まで、カードに作られた窓を1日に1つずつ開けていくというものです。一方、技術系のAdvent Calendarは、12月1日から25日までの間、毎日違う人が特定のテーマに沿ってブログ記事を書くというものです。もちろん、ここでのテーマは「HTML5」になります。HTML5に関することならなんでもOKです! このイベントに参加した順番が、そのままブログを公開する日付とします。 是非、みなさん一緒にわいわい
とりあえず、備忘録のつもりで、日々調べたことや考えたこと、知ってることをまとめておくところ。 いつの日か、リアルとネットが融合することを目指して。 要約 FullScreen APIの日本での普及を願って、MozillaWikiベースで、FullScreen APIの日本語のクラスリファレンスを作ってみた。 Gecko:FullScreenAPIをベースにしてるので、詳しいことはこっちを見てね。 --以下駄文 HTML5では、今までのWebではFlashの分野とされてきた技術が、次々と実装されている。 その一つが、ページのフルスクリーン表示。 先月ぐらいにhtml5j.orgで、白石さんがFullScreenAPIを紹介していたので、さっそくHTML5 の Webベンチマークに実装してみた。 描画系のベンチマークは、本来フルスクリーンで実行すべきものだったので、渡りに船だった。 Mozil
今日はHTML5のGeoLocationAPIを利用した位置情報取得、第2弾。 継続的に位置情報を取得する方法を試してみたので、それをブログに残しておきたいと思います。 HTML5の位置情報を取得する機能とは GeoLocation APIという機能を使う事で、Web画面でJavaScriptを利用する事で、位置情報(経度や緯度など)を取得出来るようになります。 ”HTML5で位置情報を取得する@YoheiM.NET”をご参照ください。 継続的に位置情報を取得するには HTML5で位置情報を継続的に取得するには、navigator.geolocation.watchPositionメソッドを利用して位置情報を取得します。 // watch Position. var watchId = null; var watchButton = document.querySelector("#wat
はじめに Internet Explorer 10(以下、IE10)では、HTML5や関連APIの実装が大きく進みますが、中でもWebSocketに対応することはアプリケーション開発者にとって非常に重要です。 WebSocketは、HTTPリクエストで確立した接続を「繋ぎっぱなし」にすることで、サーバとクライアントの双方向で効率的な通信を実現する技術です。WebSocketは新しい通信プロトコルです(RFC)が、HTTPと同じポート番号を使用するためファイアウォールを越えやすいのと、JavaScript APIに関する仕様もあらかじめ用意されており、Webアプリケーションとの親和性が非常に高いのも特徴です。 WebSocketは、IE10だけではなくGoogle Chrome、Firefox、Safariと言ったブラウザでもサポートされています(Operaでは、デフォルトで無効にされていま
Bing Mapsの基礎〜応用 某GのmapのAPIを利用するのにクレカ登録が必須となったので、Bing Mapsでどのくらいまでいけるのか試してみた。 主な使用技術 Bing Maps API、JavaScript、CSS、レスポンシブ 詳しく見る Youtube APIを使用したサンプル YouTube Data API (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube Data API、JavaScript(jQuery)、CSS、レスポンシブ 詳しく見る ポケモンGO図鑑 Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術 JavaScript(jQuery)、CSS、レスポンシブ、Photoshop(タイプのドット絵を作成) 詳しく見る
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 そろそろ、HTML5とCSS3を真面目にやらないとね。 ということでまずは、自分が使っているブラウザがどれくらいHTML5とCSS3に対応しているかチェックするウェブサイトをまとめました。 ところで、スマートフォンのHTML5とCSS3については、「実機で確認」が基本ですので、以下のチェックできるサイトで確認して行くといいでしょう。 その1: The HTML5 Test http://www.html5test.com/ 使用中のブラウザのHTML5のタグの対応をチェックできるサイト 対応状況をスコアにして表示 スコア
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週の @Anywhere に続いて、今週は 2 大ソーシャルサービスのもう一方の雄、 Facebook が新たな発表をしました。なかでも Social Plugin は Like ボタンをはじめとする Facebook の機能を極めて簡単に他のサイトに取り込むことが可能で、とても興味深いものです。日本ではまだ馴染みの薄い Facebook ですが、今後どんどん存
MediaElement.js Plugins Boost your player with Chromecast, Google Analytics and more Look good. Sound good. MediaElement.js is a blazingly fast and amazingly powerful HTML5 audio and video library that creates a unified feel for media files (MP4, MP3), streaming content (HLS, M(PEG)-DASH), and embeddable players like YouTube, Vimeo, Twitch, DailyMotion, Facebook, and SoundCloud.
Ustreamがいつの間にかFlash無しでもライブ配信が見れるようになってたんで、HTML5のVideoプレーヤーをカスタマイズしてiPad用のオレオレUstreamViewerを作ってみたよ。小ネタ。 Ustream Data APIからチャンネル情報を取得 Ustream Data APIを使うと、配信中の動画、ユーザー、チャンネルとかの情報が取得できます。例えばチャンネル情報だとこんな感じ。 http://api.ustream.tv/json/channel/チャンネル名/getInfo APIからはXML、JSON、PHP、HTMLの形式から取得できます。今回はJSONで取得します。必要なのは、「チャンネルのID」「Twitterのハッシュタグ」「チャンネルのサムネイル画像」クロスドメインな環境になるので、JSONPで取ってきます。jQueryでやるならこんな感じ。callba
Typographic effects in canvas Stay organized with collections Save and categorize content based on your preferences. My Background <canvas> entered my awareness in 2006 when Firefox v2.0 was released. An article on Ajaxian, describing the transformation matrix, inspired me to create my first <canvas> web-app; Color Sphere (2007). Which immersed me into the world of colors, and graphic primitives;
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く