recentpopularlog in

garrettc : serviceworker   47

An Extensive Guide To Progressive Web Applications
In this article, we’ll look at the pain points of users who are browsing old non-PWA websites and the promise of PWAs to make the web great. You’ll learn most of the important technologies that make for cool PWAs, like service workers, web push notifications and IndexedDB.
javascript  webdevelopment  progressiveenhancement  pwa  serviceworker 
december 2018 by garrettc
New tools for art direction on the web
Jeremy outlines how he built with CSS grid, variable fonts, and service workers.
serviceworker  offlinefirst  webdevelopment  webdesign  progressiveenhancement  inspiration 
june 2018 by garrettc
Convert video to gif in the browser. By Marcus.
video  gif  serviceworker  pwa 
june 2018 by garrettc
Service worker resources
"At the end of my new book, Going Offline, I have a little collection of resources relating to service workers. Here’s how I introduce them […] It always feels a little strange to publish a list of hyperlinks in a physical book, so I figured I’d republish them here for easy access"
serviceworker  javascript  resource  learning  webdevelopment  offlinefirst 
may 2018 by garrettc
Offline content with service workers
"My experience implementing service workers to cache and serve content offline."
serviceworker  webdevelopment  javascript  offlinefirst  programming 
march 2018 by garrettc
How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them
"This time we’ll be taking apart Web Workers: we’ll offer an overview, discuss the different types of workers, how their building components come to play together, and what advantages and limitations they offer in different scenarios. Finally, we’ll provide 5 use cases in which Web Workers will be the right choice."
javascript  performance  serviceworker  webworker  sharedworkers  webdevelopment  programming 
january 2018 by garrettc
How to Fix the Refresh Button When Using Service Workers
"In a previous article, I explained how and why Service Workers break the browser’s Refresh button by default. Getting this right requires an intimate understanding of the Service Worker lifecycle, the Caches API, the Registration API, and the Clients API. By the time you’ve plowed through this article, you’ll know pretty much everything you need to know about the Service Worker API."
progressivewebapps  serviceworker  javascript  webdevelopment  performance 
november 2017 by garrettc
ServiceWorker Cookbook
The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web sites.
javascript  serviceworker  webdevelopment  progressivewebapps  mozilla 
october 2017 by garrettc
6 myths of Progressive Web Apps
"Terms like “Progressive Web Apps” (PWAs) are useful to help spread concepts, but they come with a risk of misuse and misunderstanding. As a fairly new and evolving concept, PWAs may be defined and understood differently by different people. In this post, I’ll share some common myths (IMHO) about PWAs."
progressivewebapps  webdevelopment  chrome  safari  firefox  mozilla  google  samsung  javascript  https  serviceworker 
october 2017 by garrettc
Welcome to Workbox
Workbox is a collection of JavaScript libraries for Progressive Web Apps
javascript  webdevelopment  library  serviceworker  progressivewebapps 
september 2017 by garrettc
SW Toolbox
A collection of service worker tools for offlining runtime requests
serviceworker  javascript  webdevelopment  pwa  offlinefirst 
july 2017 by garrettc
Making Resilient Web Design work offline
I’ve written before about taking an online book offline , documenting the process behind the web version of HTML5 For Web Designers . A book is quite a static…
javascript  serviceworker  offlinefirst  webdevelopment 
january 2017 by garrettc
JavaScript Promises for Dummies
"Javascript Promises are not difficult. However, lots of people find it a little bit hard to understand at the beginning."
javascript  tutorial  promises  serviceworker  programming 
december 2016 by garrettc
Housing Go - Behind the Screens
Redesign of our mobile website provided us the opportunity to revamp the code base to push performance to the max. With the technological advancement and improved capabilities of modern browsers like…
webdesign  webdevelopment  offlinefirst  serviceworker  pwa  performance  casestudy 
november 2016 by garrettc
Research on evaluating technology
"I’ve spent the past few months preparing a new talk for An Event Apart San Francisco […] For this talk on evaluating technology, I’ve put together this list of hyperlinks for further reading, watching, listening, and researching"
research  technology  links  webdevelopment  progressiveenhancement  serviceworker  designthinking 
october 2016 by garrettc
Beyond Progressive Web Apps Part 1
"I am very excited about a new initiative to make web sites and web apps more compelling for end users. And in this series of posts, I intend to provide a tutorial to get you up and running with it."
offline  offlinefirst  tutorial  serviceworker  pwa  progressiveenhancement  webdevelopment  appdevelopment 
june 2016 by garrettc
ServiceWorker and Progressive Networking
"I’ve been toying with ServiceWorker for a while. The single most complicated issue when it comes to ServiceWorker has been dealing with caching in a straightforward way. In my previous article – an introduction to ServiceWorker – I wrote about a few different strategies: hitting the network first, hitting the cache first, and hitting the cache but going to the network nevertheless to get “eventually fresh” content. The last one I mentioned was hitting the cache, going to the network nevertheless, and somehow using postMessage to relay updates back to web pages showing stale content. In this article, we’ll explore how to communicate from a ServiceWorker to a web page and back."
javascript  serviceworker  webdevelopment  offline 
june 2016 by garrettc
My first Service Worker
Jeremy Keith's introduction to service workers.
javascript  offline  serviceworker  webdevelopment 
june 2016 by garrettc
The offline cookbook
ServiceWorker brief overview gives you control over caching and how requests are handled. It doesn't give you patterns, you create them yourself. Let's look at a few!
browser  javascript  offline  serviceworker  webdevelopment 
june 2016 by garrettc
Introduction to Service Worker
Service Worker will revolutionize the way we build for the web. Learn about what it is, why it is important and how to use it.
html5  javascript  offline  serviceworker  webdevelopment 
june 2016 by garrettc
Caching best practices & max-age gotchas
How to get the most out of caching without nasty race conditions
caching  http  performance  webdevelopment  serviceworker 
june 2016 by garrettc
PWA Discovery: You Ain’t Seen Nothin Yet | Infrequently Noted
Ada pitched into the conversation about the state of PWAs -- particularly Chrome's heuristics which prompted a Twitter discussion about some of the finer points
pwa  webapp  webdevelopment  userexperience  chrome  serviceworker 
june 2016 by garrettc
The copy & paste guide to your first Service Worker
There are a lot of tutorials on the web for Service Workers (many of which are very good), but there's a lot of reading too. So, this is me throwing my hat in with the fast and loose: copy & paste guide.
webdevelopment  serviceworker  javascript  tutorial  learning 
march 2016 by garrettc
The difference between Service Workers, Web Workers and WebSockets
Service Workers, Web Workers and WebSockets, oh my! A quick run-through what each of these new web technologies does, what they are best used for, and the differences and support status for each.
webdevelopment  javascript  serviceworker  webworker  websockets 
march 2016 by garrettc
Making A Service Worker: A Case Study – Smashing Magazine
Service workers do a lot of different things; there are myriad ways to harness their powers. I decided to build a simple service worker for my (static, uncomplicated) website that roughly mirrors the features that the obsolete Application Cache API used to provide
progressiveenhancement  serviceworker  javascript  webdevelopment  programming  browser  tutorial 
february 2016 by garrettc
Offline Web Applications
Learn how to develop offline-first web application using Service Workers and IndexedDB.
serviceworker  webdevelopment  programming  javascript  offline 
january 2016 by garrettc
Building an offline page for
You’re on a train to work and you open up the Guardian app on your phone. A tunnel surrounds you, but the app still works in very much the same way as it…
offline  serviceworker  javascript  webdevelopment 
november 2015 by garrettc
Aerotwist - Guitar Tuner
"I made a web-based guitar tuner using Polymer 1.0, ES6, getUserMedia & the Web Audio API!"
guitar  javascript  music  es6  polymer  webdevelopment  serviceworker  webcomponents 
june 2015 by garrettc
Progressive Apps: Escaping Tabs Without Losing Our Soul – Infrequently Noted
"These apps aren’t packaged and deployed through stores, they’re just websites that took all the right vitamins. They keep the web’s ask-when-you-need-it permission model and add in new capabilities like being top-level in your task switcher, on your home screen, and in your notification tray. Users don’t have to make a heavyweight choice up-front and don’t implicitly sign up for something dangerous just by clicking on a link. Sites that want to send you notifications or be on your home screen have to earn that right over time as you use them more and more. They progressively become “apps”."
progressiveenhancement  webdevelopment  webapp  serviceworker  restful 
june 2015 by garrettc
Fetch Standard
Explains how the browser makes requests, a vital part of ServiceWorker.
browser  technology  serviceworker  http 
april 2014 by garrettc
JavaScript Promises: There and back again
Safari 7 joins Chrome & Firefox in supporting ES6 promises. Here's what they're good for
javascript  programming  webdevelopment  promises  serviceworker 
december 2013 by garrettc

Copy this bookmark:

to read