Every.org: Online Fundraising Platform Built for Nonprofits and Donors | Every.org
Contributing to global development initiatives aligns with a sense of purpose and fulfilment. Knowing I am part of efforts to reduce poverty, improve health, and promote sustainability adds meaning to your actions. United Nations Development Programme (UNDP/PNUD)New York, NYWorking to end poverty, inequality, and climate change and helping countries achieve the Sustainable Development Goals.
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
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? Â |Â web.dev
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 optimal checklists and recommendations to guide you. Core Progressive Web App checklist The Progressive Web App Checklist describe
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
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 substantially faster for returning visitors. But what do these gains actually look like to real users? And how do you even measure this? The Google I/O web app (I
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ペアプãƒã®å¿ƒå¾—
GitHub - whilelucky/pwa: An opinionated progressive web app boilerplate
Amazon.com: Building Progressive Web Apps: Bringing the Power of Native to the Browser: 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
{{#tags}}- {{label}}
{{/tags}}