The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.
Send messages to iframe using iframeEl.contentWindow.postMessage
Recieve messages using window.addEventListener('message')
Phil phfilly
pbojinov
/ README.md
Last active
April 28, 2025 15:25
Two way iframe communication- Check out working example here: http://pbojinov.github.io/iframe-communication/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var width = 400, | |
| height = 400, | |
| endAngle = 2 * Math.PI, | |
| colors = d3.scale.category20(); | |
| var svg = d3.select("body").append("svg") | |
| .attr("class", "pie") | |
| .attr("height", height) | |
| .attr("width", width); |
santisbon
/ Update-branch.md
Last active
June 4, 2025 20:58
Deploying from #Git branches adds flexibility. Bring your feature branch up to date with master and deploy it to make sure everything works. If everything looks good the branch can be merged. Otherwise, you can deploy your master branch to return production to its stable state.
First we'll update your local master branch. Go to your local project and check out the branch you want to merge into (your local master branch)
$ git checkout masterFetch the remote, bringing the branches and their commits from the remote repository.
You can use the -p, --prune option to delete any remote-tracking references that no longer exist in the remote. Commits to master will be stored in a local branch, remotes/origin/master.
Rich-Harris
/ service-workers.md
Last active
June 17, 2025 20:40
Stuff I wish I'd known sooner about service workers
I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.
I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.
Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.
jkuruzovich
/ fbme.py
Created
February 3, 2017 18:28
— forked from espeed/fbme.py
Facebook Graph API Example in Python
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Facebook Graph API Example in Python | |
| # by James Thornton, http://jamesthornton.com | |
| # Facebook API Docs | |
| # https://developers.facebook.com/docs/graph-api/using-graph-api#reading | |
| # Get Your Facebook Access Token Here... | |
| # https://developers.facebook.com/tools/explorer/145634995501895/?method=GET&path=me | |
| # Before running this script... |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const DOCUMENT_EVENTS = [ | |
| 'mousemove', 'mousedown', 'click', | |
| 'touchmove', 'touchstart', 'touchend', | |
| 'keydown', 'keypress' | |
| ]; | |
| export class IdleTimer { | |
| constructor(onIdleTimeout, timeout) { | |
| this.onIdleTimeout = onIdleTimeout; | |
| this.timeout = timeout; |
JMPerez
/ service-worker.js
Created
October 27, 2018 20:21
An example of a service worker for serving network first, cache second
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // the cache version gets updated every time there is a new deployment | |
| const CACHE_VERSION = 10; | |
| const CURRENT_CACHE = `main-${CACHE_VERSION}`; | |
| // these are the routes we are going to cache for offline support | |
| const cacheFiles = ['/', '/about-me/', '/projects/', '/offline/']; | |
| // on activation we clean up the previously registered service workers | |
| self.addEventListener('activate', evt => | |
| evt.waitUntil( |
EvanBacon
/ apple-touch-startup-image.html
Created
April 17, 2019 07:10
An example of full iOS PWA startup image (splash screen) support.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta name="mobile-web-app-capable" content="yes" /> | |
| <meta name="apple-touch-fullscreen" content="yes" /> | |
| <meta name="apple-mobile-web-app-title" content="Expo" /> | |
| <meta name="apple-mobile-web-app-capable" content="yes" /> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="default" /> | |
| <link | |
| rel="apple-touch-icon" | |
| sizes="180x180" |