Chrome に PWA for Desktop が来ていたので next-editor で試した - mizchi's blog

2018/07/12 211 users Sandbox Electron ウェブアプリ Chrome

今年中に来るとは聞いていたやつ。要はウェブアプリを デスクトップアプリ化するやつ。Electron と違って Chrome の Sandbox と同じ権限で動いている Twitter Lite をデスクトップ PWA にして使ってるんだけど、最 & 高です。 Mac だと Chrome Canary で enable-desktop-pwas のフラグを立てると使えます。 pic.twitter.... 続きを読む

先見の明があるならAMPよりもPWAに注目!? プログレッシブウェブアプリでウェブサイトのアプリ化が可能に | 海外SEO情報ブログ

2017/01/26 88 users Pwa 先見 プログレッシブウェブアプリ AMP App

[レベル: 上級] Android版の Chrome Canary と Chrome Dev でWebAPKの機能を利用できるようになりました。 WebAPKを利用すると、PWA (Progressive Web App: プログレッシブ ウェブ アプリ)を実装したサイトをアプリのように扱うことができます。 WebAPKの設定手順 WebAPKを設定する手順を説明します。 まずChrome (Ca... 続きを読む

CSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこなそう – ICS LAB

2015/07/07 351 users mix-blend-mode ICS LAB ICS池田

こんにちは、ICS池田です。 mix-blend-modeというCSS3のプロパティ。これはDOMエレメントを重ねた時の見え方を指定するCSSプロパティです。今まではChrome CanaryやFirefox Aurora、WebKit Nightly Builds等の開発用ブラウザでしか使えず、実験的な印象が強かったmix-blend-mode。しかし最近(2015年5月)になってIEを除く主要... 続きを読む

CSS filter プロパティで 「半透明ガラス」 効果を再現してみる | WWW WATCH

2013/09/25 59 users プロパティ WWW WATCH ダイアログボックス 半透明

2つ前の記事、「Chrome Canary が dialog 要素に対応、ダイアログボックスの表示が簡単に」 で、::backdrop 疑似要素に色々スタイル当てて遊んでたとき、::backdrop 疑似要素に対しては半透明の白いレイヤーになるようにスタイル当てて、その上で、CSS filter プロパティを使って画面全体をぼやかしたら、iOS 7 （Windows Aero ...） とかで使わ... 続きを読む