: プール監視員になって溺れる子供を見つけるブラウザゲーム
Spotthedrowingchild.com は、「溺れる子供を指せ」という名前が示すとおり、プール監視員になったつもりで溺れている子供をいち早く発見するという体験ができるwebサイトです。 ページを開くとプールの動画が再生され、どこかで子供が溺れ始めるので、それを見つけたらマウスでクリックします。 溺れている子供のクリックが当たりだったら、その発見が監視員に比べて何秒間早かったか、あるいは遅かったかが表示されます。 一通り動画が再生し終わったら、子供が溺れていた場面を拡大してリプレイしてくれるので、うまく見つけられなかった時もどんな風に子供が溺れていたのかを再確認できます。 再生が終わったら出てくる解説の後ろの「Play Again」リンクをクリックすれば、また別の動画が始まります。 開発の経緯 作者のFrancisco Saldañaさんは、2010年のブログ記事溺れている人は溺れて
HTML5オールスターズ勉強会 - htmlday 2015 -
http://eventdots.jp/event/496476 ■概要説明 日本を代表するHTML5エンジニアが一同に集結し、HTML5エンジニアのためのHTML5勉強会を開催します！ 大手企業からフリーランスまで各々の取り組み事例や開発の中でのTipsをお話します。 ■Twitterハッシュタグ #dotshtml5 ■タイムスケジュール 時間 講演内容 13:00 - 受付開始 13:30 - 13:40 本日の流れの説明 13:40 - 14:40 『最近のWeb標準動向（仮）』 矢倉 眞隆氏（@myakura） 『いつになっても議論が終わらないパフォーマンス関連のWeb標準たち』 川田 寛氏（@_furoshiki） 『まだまだ ServiceWorker のはなし。Background Sync も来るよ！』 安田 絹子氏（@kinu） 14:40 - 14:45
背景、全画面で動画を再生。BigVideo.js #jQuery / Maka-Veli .com
いつかきっと使うメモ 今回の記事は以下から How To Build a Fullscreen Background Video Player | Vandelay Design Blog About the Author:Jake Rocheleau @jakerocheleau. Jake’s Google+ profile. より詳しく、技術的に読みたい方は今すぐGOです（記事は一応チュートリアルで全文英語です） jQuery / jQuery UI / Video.js / imagesLoaded を用いて、bigvideo.js と以下の指定で動くそう。 <script type="text/javascript"> $(function() { var BV = new $.BigVideo(); BV.init(); BV.show('動画.mp4'); });
JavaScriptでアニメーションするサイトを作るときに知っておきたいブラウザの仕組み
TweetHTML5 Carnivalの参加レポートをたくさんの方に読んで頂けて嬉しいです！ （ただ惜しむらくはURLが「fukuok」になっちゃっててすごく気持ち悪い） 僕個人としては、特におおくぼさんのJavaScriptに関するお話しなんかは普段やってる仕事に直接役立つような内容ですごく勉強になったセッションでした。 特にブラウザの仕組みに関する部分は、パフォーマンスを考えるうえでとても重要な内容だなと、一度しっかり勉強してみたいなと思いました。 そんなことを考えていたらあるサイトを見つけまして、これは昨日のセッションを直感的に理解するうえでも役にたつだろうと思ったのでこのエントリーを書くことにしました。 見つけたサイトというのは下記のリンクで、WEBサイトがブラウザによってレンダリング表示される様子を動画で見れるサイトです。 CSS Reflow | Reflow Visualiz
Ember.js and accessibility
Ember.js and accessibility Feb 7, 2013 Hey everyone! I made a video today about Ember.js and accessibility. I had always been repeating what I’d heard about screen readers: they can’t work with JavaScript. Turns out that’s not exactly true. The video is the best way to show you: VoiceOver, Ember.js, and WAI-ARIA from Steve Klabnik on Vimeo. Here’s a rough transcript, if you don’t want to watch it:
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
[D] drikin.tv 20130111 JavaScriptの濃い〜話からエディタ、最後には大発見の巻
(写真は全く内容とは無関係で、単に先日すごい写真が撮れたので貼ってみただけですｗ) さて、2013年第2回の\drikin.tv\は@torotitiさん、@niwさん、中盤ちょっと@mootoh氏を迎えてかなり濃い2時間放送になりました。 とりあえず本日のネタリストはこんな感じ。 最近のJavascript及びJSコンパイル言語動向 モバイルプロジェクターの話 (40分あたり) Nike FuelとかUpとか健康リストバンドの話 (45分あたり) モバイルバッテリーの話 (1時間目あたり) ガンダムpomeraの話 (1時間04分あたり) MacとWindowsの話 (1時間15分あたり) Vimの惨事の話 (1時間26分あたり) Sublime Text2 vs Vimの話 メンバー的にも、内容的にも、かなり濃い〜〜〜メンバーが集ったので、JSの話とか、かなりいい事話してる気がするんで
オンライン学習で新たなキャリアの発見と学びを提供するRe:ST（リスタ）
あたらしいキャリアで、 あたらしい私。 Re:ST(リスタ)は、あたらしいキャリアを形成する あなたの学習をオンラインからサポートします。
[JP 日本語] Chrome+HTML5 Developers Live Japan #0 :
This program is in Japanese only. これまで「クロたん」の愛称で親しまれてきた「GoogleのChrome担当者だけど何か質問ある？」ですが、今回から技術的なものはGoogle Developers Liveの一部としてお届けして参ります。その記念すべき第一回目は日本最大の HTML5 コミュニティ - html5j 代表の白石俊平さんをお迎えしてお送りします。 「パララックスでレスポンシブでjQuery Mobileなサイトのつくりかた」 視差スクロール（パララックス）、レスポンシブWebデザイン＆レスポンシブイメージ、jQuery Mobile、Lessなど、最近はやりの技術を盛り込みまくって企業サイトを作ってみました。その過程でぶつかった課題や意思決定、学んだノウハウを皆さんと共有したいと思います。 一歩先ゆくWebサイトを作りたい
![[JP 日本語] Chrome+HTML5 Developers Live Japan #0 :](https://cdn-ak-scissors.b.st-hatena.com/image/square/6162834977f31925ea9cb1b7ac284723b01816b0/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2Fdsbx5V240Ck%2Fhqdefault.jpg)
SRTスタヂオ - ニコニコ
SRTスタヂオさんのユーザーページです。SRTスタヂオとは、夢を持つ社会人やフリーター、学生などが集まり、各自の創作等を発表する団体。現在は毎月第3土曜日の25:00〜Ustreamとニコニコ生放送にて「パジャマパーティ」をコンセプトに、岡村いずみ・亀田梨紗の両名が司会を努めるクリエイティブ系の新人発掘番組を放送中。
Shows - Event & Video Content
Join our experts as they provide tips, tricks, and strategies for preparing for a Microsoft Certification exam. Our exam prep videos will help you identify the key knowledge and skills measured on the exam and how to allocate your study time. Each video segment corresponds to a major topic area on the exam. In these videos, we include example questions and answers with explanations. Welcome to Cop
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Frontrend
https://www.youtube.com/channel/UCTP1DN8Us94z0ciuCx71scg
HTML5 Video Bumpers
Ustream.tv: ユーザー gihyojp: 『ノンプログラマのためのJavaScriptはじめの一歩』刊行記念トークセッション（in ジュンク堂池袋本店）, 2012年11月22日（木）19時半から，ジュンク堂書店池袋本店4階
Chrome Tech Talk Night #4
fixture.jp
CSS 20 stunning examples of CSS 3D transforms
Derek Banas
ともすた | たにぐち まこと