Service Worker Wizardry
Curated PWA Links
Scott C. Krause | Saturday, Jul 24, 2021
The Progressive Web App represents the single greatest leap in engagement opportunity since the introduction of the browser. Because of its intimate relationship with the phone the potential to influence the micro-moment behavior of its user is vast and largely unexplored.
Your website becomes a native app in both experience and performance. Your home page is a first class citizen on an iPhone or Android. It resides on the homescreen and in the app drawer.
When it is tapped it will respond instantly with a custom splash screen even while offline.
Here’s the problem
There is friction when a customer must discover your app, install it, and create an account. People have become resistant to installing new apps simply because the novelty has worn off.
Here’s the solution
A website that behaves like an app. The discovery and onboarding are frictionless because there is no need to install an app. It’s Instant gratification.
Curated PWA Links
Indispensable Curated PWA Links
Curated Links Vue.js
Indispensable Curated Vue Links
Curated Creative Links
Indispensable Curated Creative Links
Transition to TypeScript
Indispensable Curated TypeScript Links
The Clandestine Dead Drop
The Ironclad Clandestine Dead Drop
New Macbook Setup for Developers
New Macbook Config for Devs 2021
UX Usability Heuristics
HE Heuristic Evaluation
Curated Blogfolios Links
Curated Emerging Tech Links
Indispensable Curated Tech Links
Cytoscape Skills Data Visualization
Persuasive Infographics & Data Visualizations
eCommerce Accessibility A11y
Accessibility Challenges Unique to eCommerce
Roll Dice in High-Fidelity 3D
Create 3D Dice with Strong Random Entropy
Produce CSV with client-side JS. Construct Blog and Download as CSV file.
PWA Add to Home Screen
Progressive Web App ⚡ Advanced Cache && Notification Patterns
Convert an HTML formatted data attrib name to a JS formatted name.
Oracle PL/SQL Stored Procedure
Vintage Stored Procedure to denormalize department codes
Dark Mode and Reduced Motion
Making Dark Mode work with both a UI switch && the OS preference.
Vanilla JS Popover Microinteraction
A popover is a transient view that shows on a content screen when a user clicks on a control button or within a defined area.
Vue.js double tap Microinteraction
Firing both a tap and a double-tap on the same element
CSS Advanced Accessibility
Motion, theme, and skip A11Y CSS solutions
JS Airport Geo-Proximity Radius
Airport geo-proximity logic that answers questions, like; “What are the three closest airports to me right now?”
Cypress E2E Quality Assurance
End to End testing 🚀 Headless browser automation
Asynchronous eCom Nav Category Count
Asynchronous recursive crawl reports the total number of products by category.
Color of the Year CSS Styles
Color of the Year 2000 thru 2021 CSS Utility classes
Virtual Keyboard Extention Configuration
TS Virtual Keyboard Chrome Extention
Web Music Ad Blocker Snippet
Automatically mute the Music player when Ads are playing and unmute when they are done (in Chrome).