みなさんはPicture-in-Picture(PiP)という機能を使ったことがありますか。PiPは動画コンテンツなどを浮遊する小窓に表示する機能です。小窓はウィンドウの外側を自由に移動できます。 デスクトップが賑やかになりがちなPCでもPiPは大活躍なのですが、特にスマートフォンにおいては数少ない「ウィンドウ」機能になります。Androidはもちろん、iOS14も対応したことで話題になりました。 これによってスマホ一台あれば、ソシャゲの公式生放送を見ながらソシャゲのイベントを周回する地獄のような行為が可能になりました。 利用者という視点から見ると非常に便利なのですが、開発者から見ると動画しか表示できないのはなかなか使い所が難しくなります。そこで、この機能を使って好きな情報を表示できないか実験してみました。 PiP機能の対応環境 Chrome 70 Firefox 71（制限付き） mac
はじめに 質問箱や、ボタンメーカー、診断メーカー等を始めとする 「OGP画像生成系」 を ２個以上作ってそれのベストプラクティスがわかってきたので、共有したいと思います。 宣伝 この技術を使ったサービスを実稼働２日ぐらいで作りました！ 使い方は簡単です！ メッセージカードを書いて、Twitterにシェアするだけ。 #嵐ありがとう OGP画像生成系サービスとは？ 質問箱 みんなのボタンメーカー （｡･ρ･）ｵｼﾃﾐﾃ キズナアイな気分のときに押すボタンを作りました！みんな押してね！#キズナアイな気分のときに押すボタン#みんなのボタンメーカー https://t.co/2mzJUE48zj — Kizuna AI@hello,2019‼︎ (@aichan_nel) 2019年1月29日 「ツイッターでつぶやけるボタン」を簡単に作成できるサービスをリリースしました【個人開発】 すごくいいサービ
モバイルアプリ開発はHTML5が主流に
モバイルアプリ開発者のHTML5採用が加速している。ネイティブコードとWeb Viewを組み合わせたハイブリッドアプリケーションの開発を検討しているらしい jQuery Foundationも発足 本連載は、「Webプラットフォームの『今』をお伝えする」ことを目的としています。 ぼくが日々html5j.orgに投稿しているニュースの中から、ここ1、2週間で注目すべきトピックを厳選して取り上げていきつつ、ネタによっては掘り下げた解説を加えていきます。 今回は、2012年3月2～23日の注目トピックです。前回から間が空いてしまったので、かなり盛り沢山な内容になっています。 一般向けの注目トピック ■ IE 6撲滅へ：日本マイクロソフト、2012年3月中旬よりIEの自動アップグレードを実施（link） ついに、Internet Explorerの自動アップデートが日本でも開始されました。ぼくの手
自分でFirefoxのwallapaperなんか作ってみようかとおもいましたが、探せばいいのがありますね。今回はよくあるVistaのマーケティングで使われるデザインパターンを意識してこんな感じのアイキャッチを作ってみました。日々、最新のデザインパターンを作っておかないといざって時に作業に時間かかちゃいますからね。 作業効率の向上＝ ショートカット操作＋オリジナルブックマーク＋ブックマーク設定 作業効率を向上させるためには、ショートカット操作は欠かせないです。今回紹介するちょとしたオリジナルのブックマークや設定＋ショートカットを使えば以前よりも早く作業できるようになるかと思います。 よく使うショートカット ［ CTRL ］+ ［ W ］ ウインドウを閉じる ［ CTRL ］+ ［ T ］ 新規タブ開く ［ CTRL ］+［ SHIFT ］+ ［ T ］ 前回閉じたタブを再び開く ［ CTRL
改めて覗いてみよう 1) CheckboxWithLabel changes the text after click: AssertionError: # /path/to/test/components/CheckboxWithLabel_test.jsx:21 assert(label.getDOMNode().textContent === 'On') | | | | | | "Off" false | HTMLLabelElement{htmlFor:"",form:null,accessKey:"",control:HTMLInputElement{src:"",valueAsNumber:NaN,incremental:false,defaultChecked:false,form:null,multiple:false,list:null,size:20,checked:f
Visual Studio 2012 の「JSON / XML をクラスとして貼り付ける」機能が便利すぎるけど - しばやん雑記
最近 Twitter で酢酸先生とがりっちが同じような内容で悩んでました。 JSON食わせたら自動でクラス作ってくれるプロダクトってないですかね— 酢酸 (山の手線20周) (@ch3cooh) July 5, 2013 DataContractJson(ryは jsonと同じクラス構造をつくらなきゃいけないのでざせつしました — がりっち氏@食用 (@garicchi) July 11, 2013 その度に Visual Studio 2012 で出来るよ！と呟いてるんですが、もしかして出ない環境がある？ 少なくとも、現時点で最新の Visual Studio 2012 Update 3 をインストール済みの環境では使えるようになっているはずです。 すいません、嘘付いてました。Web Essentials 2012 をインストールしておかないとメニューが表示されないようです。詳細は最後に
今回のfirefox3に+Vimperator+Greasemonkey+Autopagerizeでどれくらい最速ブラウジングが体験できるかをvideoにしてみました。 vimperatorで操作していますので、[j]キーをずっと押しっぱなしです。（SHIFT+Gだともっと楽です。） 追記：今回のVideoですが、Vimperatorの機能を十分に紹介しきれていません。導入することでVideoでの内容以外にさまざまな便利な機能があります。また次回機会がありました折に紹介してみたいと思っています。 以下、今現在私がfirefox3で使っているアドオンのリストです。 今使っているFirefox Add-ons Delicious Bookmarks :: Firefox Add-ons del.icio.usとブックマークツールバーをシンクロさせる Firebug :: Firefox Ad
)
Internet Explorer Platform Preview Guide for Developers - Internet Explorer 9 Preview Builds
The Internet Explorer 9 Guide for Developers provides a look at the features and improvements in Internet Explorer 9. By using this guide, web developers and designers can take full advantage of these enhancements. Developers can also experience the platform in action using the Internet Explorer Test Drive. Introduction Welcome to Windows Internet Explorer 9. As a developer, you want to know the l
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptで任意のHTML要素をPicture-in-Pictureする
Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう - Qiita
Firefoxでちょっと使えるショートカットとブックマーク - WEBデザイン BLOG
「React / Flux を実案件で使ってみた」その後
Firefox3 マイアドオンリスト +最速ブラウジングVideo - WEBデザイン BLOG