Skip to content

Instantly share code, notes, and snippets.

@Nejat
Last active May 3, 2017 16:16
Show Gist options
  • Save Nejat/22e613cc9b563f2b8845 to your computer and use it in GitHub Desktop.
Save Nejat/22e613cc9b563f2b8845 to your computer and use it in GitHub Desktop.
Seed Element New Element Template
https://github.com/polymerelements/seed-element
polyserve Polymer Test Server
gp.sh publish to github
cd [dev folder]
git clone git://github.com/Polymer/tools.git
mkdir temp
cd temp
../tools/bin/gp.sh <username> <project name>
cd ..
rm -rf temp
polyup 0.5 -> 1.0 Upgrade Helper
find . -name "*.html" -execdir polyup --overwrite "{}" \;
wct Web Component Tester
wct -l chrome - specify browser(s?)
wct -p - keep browser alive after test run
wct test/some-file.html - specify test(s?)
http://materialpalette.com/
http://www.materialup.com/
Current Build Process
QUALITY & TESTING MINIFICATION CROSS DEVICE RELOAD
web-component-tester Vulcanize BrowserSync
JSHint JavaScript
JSCS CSS Stylesheets
Images
vulcanize concatenate imports for production
--inline-scripts <source>
--inline-css <source>
crisper make html files csp (content-security-poilcy) compliant
splits js out of html
works well with vulcanize
vulcanize <source> -- inline-script | crisper --html <output>.html --js <output>.js
polyclean keeps html clean by removing white spaces
polybuild combines vulcanize, crisper & polyclean
--maximum-crush - js minify vs js clean white space
polylint linting for elements
polygit a stateless CDN compatible with deduping
loading without configuration
polygit.org/components/<element>/<import>.html
auto-organisation selection
github.com/webcomponents
github.com/polymerelements
github.com/googlewebcomponents
control orgs, branches & versions
default org, specific version
<component>+V#.#.#
default org, master branch
<component>+:<branch>
different org, specific component
<org>+<component>+*
polymer ready chrome extension
https://chrome.google.com/webstore/detail/polymer-ready/aaifiopbmiecbpladpjaoemohhfjcbdk
polysearch chrome extension
https://chrome.google.com/webstore/detail/polysearch/gchibjlnlbpgcfjpbebnlecbbjndiidj
dob dodson's snippets
https://github.com/robdodson/Atom-PolymerSnippets
https://github.com/robdodson/PolymerSnippets
polymer devtools
https://chrome.google.com/webstore/detail/polymer-devtools-extensio/mmpfaamodhhlbadloaibpocmcomledcg
polymer designer
https://polymer-designer.appspot.com/
Polymer Starter Kit 1.1
https://github.com/PolymerElements/polymer-starter-kit/releases/tag/v1.1.0
http://www.code-labs.io/polymer-summit
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment