A demonstration of how simple it is to create a local server in Node.
This barebones example is here to help you understand how you could serve a simple static directory as a local site.
node .
Progressive Web App stack:
Old-school offline webapp stack:
apple-touch-icon
etc.)apple-mobile-web-app-capable
or mobile-web-app-capable
Would you like to contribute? Please add a comment. This list is in no way exhaustive!
No guarantee that they'll be used, but all input is appreciated!
A common "template" is As a X, I want Y, so that Z
, but use whatever feels most appropriate.
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
I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).
#!/bin/bash | |
file=$1 | |
test -z $file && echo "file required." 1>&2 && exit 1 | |
git filter-branch -f --index-filter "git rm -r --cached $file --ignore-unmatch" --prune-empty --tag-name-filter cat -- --all | |
git ignore $file | |
git add .gitignore | |
git commit -m "Add $file to .gitignore" |
-moz-appearance
to none
. This will "reset" the styling of the element;text-indent
to 0.01px
. This will "push" the text a tiny bit[1] to the right;{ | |
"directory" : "public/components", | |
"json" : "component.json", | |
"endpoint" : "https://bower.herokuapp.com", | |
"searchpath" : ["https://bower.herokuapp.com"] | |
} |