Every.org: Online Fundraising Platform Built for Nonprofits and Donors | Every.orgEvery.org is a free online fundraising platform that makes it easier for charities to raise money, while creating a joyful and meaningful experience for donors.
New PWABuilder release!
Towards the end of last year we expanded the PWABuilder team and decided on some new directions for PWABuilder which David Rousset talked about in our last post, PWA Builder new team & new directions. Today I am excited to announce our first new release of 2020! This is a big release for PWABuilder and fixes a lot of the pain points the community had, along with some awesome new features and other
Cupper
Documentation for the Cupper documentation builder, built with Cupper itself. Print version The Cupper Documentation Builder Welcome to Cupper: a documentation builder for inclusive designers and those trying to be inclusive designers. These are Cupper’s docs, but they are also an example of a site built with Cupper. Here are some of its features: Built with Hugo, so easy to structure content and
GitHub - whilelucky/pwa: An opinionated progressive web app boilerplate
NODE_ENV (build-dependent) development: modules are bundled as is production: modules are minified and uglified PWA_ENV (build-dependent) development: configs are obtained from /config/development.js production: configs are obtained from /config/production.js customPwaEnv: configs are obtained from /config/customPwaEnv.js PWA_PUBLIC_PATH (build-dependent) /build/client/: assets are fetched from th
From Website to Progressive Web App (GDD Europe '17)
In this video, you'll learn where to start with Progressive Web Apps, what to implement, and how to prioritize PWA techniques. You'll also learn how to make the most of 'low hanging fruit' and take advantage of small changes that can have a big impact. Watch more Mobile Web and Chrome talks at GDD Europe ’17 here: https://goo.gl/VBSiFb Check out the ‘All Sessions’ playlist for the rest of the ta
PWAの実装をしてみた - 技術探し
一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク 実装 ライブラリ webpack-offline 構成 ファイル ルーティング アセットのインストール API周り SSR 資料 さいごに そういえばPWAの実装したことがなかったなと思ったので少し触ってみた。 PWAとは？ PWA(Progressive Web Apps) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。 また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能
App Shell モデルの素振り（前編）webpack と Workbox を利用した構築
App Shell モデルという設計パターン App Shell モデルは、共通のガワ部分を構成する HTML、CSS、JavaScript をシェルと定義し、その中に入る動的なコンテンツ部分と構造的に分離して扱えるように設計されます。 アプリケーション シェル（App Shell）アーキテクチャは、ネイティブ アプリのように瞬時に、そして確実にユーザーの画面に読み込める Progressive Web App を構築する方法の 1 つです。 アプリの「シェル」とは、ユーザー インターフェースが機能するために必要な最小限の HTML、CSS、JavaScript です。これらをオフラインで使用できるようにキャッシュしておくことで、ユーザーが同じページに再アクセスした際に、瞬時に高いパフォーマンス が発揮されます。つまり App Shell は、ユーザーがアクセスするたびにネットワークからす
PWA Directory
PWA Directory: A Directory of Progressive Web Apps
What makes a good Progressive Web App? | Articles | web.dev
What makes a good Progressive Web App? Stay organized with collections Save and categorize content based on your preferences. Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase. To help you create the best possible experience, use the core and opti
HNPWA
A spiritual successor to TodoMVC TodoMVC has helped thousands of developers select an MV* framework for their JavaScript applications. However, the web ecosystem has evolved in the past few years allowing us to build powerful applications using modern browser capabilities. To provide developers with examples, we collected a list of unofficial Hacker News clients built with a number of popular Java
The Future of Audio and Video on the Web (Google I/O '17)
Media is a huge and increasing proportion of what we do online. Audio and video now constitute 70% of the bytes crossing the internet. The Web has the infrastructure you need to build great media experiences, with wide support for high performance playback without plugins, alongside powerful APIs for content creation and editing. In this session you'll learn how to optimize media for all your
Progressive Web App Libraries in Production
Two years ago, our team at Google started work on JavaScript libraries to reduce the friction for building Progressive Web Apps. We started with Service Worker tools like sw-precache and sw-toolbox — now used by 1000s of brands to power offline caching & instant loading (on repeat visit) in their production mobile sites: In 2017, if you aren’t taking advantage of Service Workers, you’re leaving pe
PWA（Progressive Web Apps）の現状とその開発方法 | フロントエンドBlog | ミツエーリンクス
PWAとは PWA（Progressive Web Apps）とは、ネイティブアプリ的な挙動をするWebサイトのことで、例えるならWebサイトとネイティブアプリを足して2で割ったような物と考えてもらえば解りやすいと思います。2015年に開催されたChrome Dev Summitや、2016年5月に開催されたGoogle I/O 2016において大々的に提唱され、実例や測定結果から2017年現在も注目を集めています。 個人的にはハイブリッドアプリの代名詞的な位置にあるApache Cordova（PhoneGap）のような印象があるPWAですが、後述の通りアプリとしての開発・公開の敷居は低く、仕様を理解していればエディタとGoogle Chromeだけで、特別なツールを使うことなく開発することができます。 PWAの利点 では、WebサイトをPWA化することに、どのようなメリットがあるのでし
Measuring the Real-world Performance Impact of Service Workers | web.dev
Measuring the Real-world Performance Impact of Service Workers Stay organized with collections Save and categorize content based on your preferences. One of the most significant benefits of service workers (from a performance perspective, at least) is their ability to proactively control the caching of assets. A web application that can cache all of its necessary resources should load substantiall
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ペアプロの心得
Amazon.com: Building Progressive Web Apps: Ater, Tal: Books
YouTube - Google Developer Days Europe 2017
GitHub - googlearchive/sample-media-pwa: A sample video-on-demand media Progressive Web App
Workbox Broadcast Cache Update | Workbox | Google Developers
PWA Stats
