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.
WebKitがWebKitが、img要素のsrcset属性を実装したとのニュースが、海外のWeb開発者たちの間で話題になっています。 srcset属性は、レスポンシブイメージを実現するために、WHATWGが提案していた仕様です。 この機能を用いると、ブラウザのスクリーン要件(幅、高さ、ピクセル密度)に応じて、異なる画像を読み込む事ができるようになります。 例えば以下のコードでは、ピクセル密度が2倍の(Retinaディスプレイのような)スクリーンを備えたデバイス上ではhigh-res.jpgを、それ以外のデバイスではlow-res.jpgを読み込みます。 この件について詳しく報じている“WebKit Has Implemented srcset, And It’s A Good Thing | Smashing Mobile”という記事によれば、srcset属性はレスポンシブイメージが必要と
by mikael altemark PCやスマートフォンをネットに接続したり、他のデバイスと接続したりするときに使われる規格はWi-FiだったりBluetoothだったりといろいろありますが、最初に接続の設定をきっちり終えるまでがかなり面倒で、また、規格違いに悩まされることもあります。こういった悩みを一掃できるのではないか、ということで従来と異なる方向からアプローチしたのがBoris Smusさんによる「Web Audio APIを使った超音波通信」です。 Ultrasonic Networking on the Web | Boris Smus http://smus.com/ultrasonic-networking/ いきなり「超音波」といわれてもどういうことなのか分かりづらいですが、以下のムービーで簡潔にまとめられています。 Ultrasonic Networking using
ぼくが管理人を務めさせていただいている、HTML5開発者コミュニティ「html5j.org」を盛り上げるために、このブログの内容をhtml5j.orgのメーリングリストにも投稿しています。 このニュースの原動力は皆様からの応援です！もし良ければ、「いいね！」やツイートなど、よろしくお願いしますm(_ _)m おすすめ HTML5 Videoの状況 これはいいリソース。HTML5ビデオの現状が簡潔にまとめられています。 World Wide Webが20周年–そのオープン性を脅かす新たな問題 このMLでも話題になった、Web標準とDRMの話題がよくまとまっています。 一般 Google Chrome 27リリース ページのロードが5%程度高速化されたそうです。 Firefox 21 が正式リリース 開発者としては、main要素、スコープ付きスタイルの実装が大きいですね。 SkypeがWebブ
いよいよ、Google I/O 2013 が始まりました！！今年は、初めてのI/O参加で、サンフランシスコに来ています。 基調講演は、昨年のダイブ w/ Google glassに比べると堅実な印象で、大半をAndroidとChromeに時間を割きつつ、一番派手だったのが、Google Maps w/ WebGL。まぁ、Maps GLの流れからすると、「ついに来たか」って感じなので、あまりサプライズという感じではありませんでした。まぁ、基調講演のレポートは各所から出ると思うので、今回の僕の記事では取り上げません。 Chrome/HTML5について、keynoteではそんなにサプライズな感じではなかったのですが、"The Chrome Packaged Apps State of the Nation" というセッションでかなりのサプライズがあったので、今日はそれの速報記事です。 このセッシ
コンテンツ間の区切りやエレメントに斜めのラインを使ったスタイルを与えるスタイルシートのチュートリアルを紹介します。 Slopy Elements with CSS3 [ad#ad-2] 下記は各ポイントを意訳したものです。 デモ 実装 デモ 斜めのラインはCSS3で実装されているので、Chrome, Safari, Firefox, IE9でご覧ください。 demo 1 実装のポイント コンテンツ自身は回転させず、コンテンツのラッパーを回転させます。 回転させたコンテンツは表示領域からはみ出す部分もあるので、余剰分の処理も忘れずに。 HTML 見出しとテキストを含む個々のコンテンツはarticle要素で実装し、そのラッパーとしてdiv要素を設置しclassに「se-slope」を与えます。 <section class="se-container"> <div class="se-slop
ついに Android 4.0 向けに Chrome が公開されました。やはり開発者としては HTML5 の準拠度やパフォーマンスを調べてしまうのは仕方ないですね。 まずは Android 4.0 標準ブラウザと HTML5test - How well does your browser support HTML5? で大まかに比較してみました。今回は Nexus S を使って調べました。 Android 4.0 標準ブラウザ Chrome for Android Video - H.264 support × ○ Video - WebM support × ○ Audio - PCM audio support × ○ Audio - AAC support × ○ Audio - WebM support × ○ Session History × ○ Custom scheme
2023 <phy>とは、森本晃司自ら発信するクリエイティブスペースである。ジャンルという形骸化された表現の枠組みや専門領域を超え、個人の所属を払拭し、フラットで自由でphilharmonic<音楽的>であること。それらを楽しめるユーモアがあること。あらゆるphysical<物質>が融合し、混沌としたカオスの中でも相対的な美しさを持つ黄金比を含んだ世界＜森本晃司が生み出す世界の集合体【それらは円/であり縁】＞を、どこにも属さない集合体であることと総称してΦ<phy>とする。 News 2022 : 『三井不動産80周年記念事業』クリエイター特区に参加・デジタル作品NFT化 2022 : 『80 YEARS OF TWEETY CELEBRATION IN LAFORET』キービジュアル/原画展 2021 : 『マトリックスレザレックションズ』描き下ろし特別イラスト 2020 : 『CONN
Google Chrome runs web pages and applications with lightning speed. Google Chromeの開発版にWebRTC実装が追加された。最新の仕様に比べると多少古い仕様が実装されているが、手軽に利用できるブラウザが登場したことは注目に値する。ChromeへのWebRTC実装の取り込みは、2011年6月に開始されていたが、半年の期間を経て最初のマイルストーンに到達したことになる。 WebRTCは、音声データや動画データのリアルタイム通信を可能にする機能。JavaScript APIとして提供されるほか、audio/videoなどのHTML5要素と絡めての使用が可能になる。WebRTCの機能を使うことで、JavaScript/HTML5からデバイスに接続されたマイクやビデオカメラにアクセスしてデータの取得が可能になるほか、特定の
You can directly edit the above text, by clicking on it. To add a new case, you have to press Alt+Enter. For removing a case just press Alt+Backspace or Alt+Delete. You can save or send the pattern by just copying the link. Have fun! Privacy policy / Datenschutzerklärung Allgemeiner Hinweis und Pflichtinformationen Benennung der verantwortlichen Stelle Die verantwortliche Stelle für die Datenverar
Shaun the Sheep An HTML5 Video Experiment Watch Shaun and his friends' antics in clips from "An Ill Wind", "Snowed In", "The Big Chase", and "Twos Company" through an interactive experiment created with hardware-accelerated HTML5 video, 3D CSS Transforms, and WebM. Use the controls to expand and shrink the video, rotate the scene, bring up a rotating carousel of videos, turn on puddle reflection,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
