| #!/bin/sh | |
| #This is not new, just a few minor edits to an old script for OSX. | |
| echo "What should the Application be called (no spaces allowed e.g. GCal)?" | |
| read inputline | |
| name=$inputline | |
| echo "What is the url (e.g. https://www.google.com/calendar/render)?" | |
| read inputline |
| var VERSION = 'v1'; | |
| var cacheFirstFiles = [ | |
| // ADDME: Add paths and URLs to pull from cache first if it has been loaded before. Else fetch from network. | |
| // If loading from cache, fetch from network in the background to update the resource. Examples: | |
| // 'assets/img/logo.png', | |
| // 'assets/models/controller.gltf', | |
| ]; |
| /** | |
| * Smooth state animations | |
| * Photo credits: https://www.flickr.com/photos/employtheskinnyboy/3904743709 | |
| */ | |
| @keyframes panoramic { | |
| to { background-position: 100% 0; } | |
| } | |
| .panoramic { |
| <script src="/path/to/embed.umd.js"></script> | |
| <div id="foo"></div> | |
| <script> | |
| var parent = document.getElementById('foo') | |
| embed.renderWidget( | |
| 'foo', // widget name | |
| { a: 'b' }, // props | |
| parent // render into this | |
| ); |
| postcss: () => { | |
| return [ | |
| cssnano({ | |
| reduceIdents: false, | |
| discardDuplicates: true, | |
| autoprefixer: true | |
| }) | |
| ]; | |
| },modules: { | |
| loaders: [{ |
FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.
| #!/bin/bash -e | |
| ### Copyright 1999-2015. Parallels IP Holdings GmbH. All Rights Reserved. | |
| ### Secure plesk clean installation with hostname certificate by Let's Encrypt | |
| export PYTHONWARNINGS="ignore:Non-standard path" | |
| LE_HOME=${LE_HOME:-"/usr/local/psa/var/modules/letsencrypt"} | |
| HOSTNAME=$(hostname) | |
| # Use staging server for testing | |
| # --server https://acme-staging.api.letsencrypt.org/directory |
| // sending to sender-client only | |
| socket.emit('message', "this is a test"); | |
| // sending to all clients, include sender | |
| io.emit('message', "this is a test"); | |
| // sending to all clients except sender | |
| socket.broadcast.emit('message', "this is a test"); | |
| // sending to all clients in 'game' room(channel) except sender |
| { | |
| "parser": "babel-eslint", | |
| "env": { | |
| "es6": true, | |
| "mocha": true, | |
| "node": true | |
| }, | |
| "ecmaFeatures": { | |
| "blockBindings": true, | |
| "forOf": true, |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent