prototype
228
repository(ies)
sasaplus1-prototype.github.io
prototypes page
compile-sources-in-sub-directory
compile sources in sub directory
ssr-with-puppeteer
SSR with Puppeteer
counter-with-react-and-redux-and-react-redux-and-redux-actions
Counter with React and Redux and react-redux and redux-actions
testing-by-safari-within-travis-ci
testing by Safari within Travis-CI
formatting-code-with-prettier-and-eslint
formatting code with prettier and eslint
screen-sizes
show screen properties, etc
save-session-with-express-session
save session with express-session
control-progress-with-socket-io
control progress bar with Socket.IO
control-formdata-with-formidable
control FormData with Formidable
pub-sub-with-socket-io-redis
pub/sub with Socket.IO-redis
custom-elements-with-lit-html
Custom Elements v1 with lit-html
event-bus-with-vue
EventBus with Vue.js
static-blog-with-nuxt
static blog with Nuxt.js
try-redux-saga-tutorial
try redux-saga tutorial
storybook-for-react
Storybook for React
counter-with-react-and-redux-zero
counter with React and Redux Zero
counter-with-react-and-redux-and-react-redux
Counter with React and Redux and react-redux
hot-module-replacement-with-express-for-multiple-entries
Hot Module Replacement with Express for multiple entries
compile-ejs-with-webpack
compile ejs with webpack
async-script-loading-with-webpack
asynchronous script loading with webpack
hot-module-replacement-with-express
Hot Module Replacement with Express
payment-with-payment-request
payment with Payment Request API
show-storage-space-with-estimate
show storage space with navigator.storage.estimate
counter-with-redux-and-redux-saga
counter with Redux and redux-saga
counter-with-react-and-redux
counter with React and Redux
counter-with-redux
counter with Redux
parse-query.go
parse query parameters with Go
position-sticky
position: sticky;
autocomplete-input-with-typeahead
autocomplete input with Typeahead
vertical-writing-with-canvas-and-svg
vertical writing with HTML5 Canvas and SVG
text-input-and-keyboard
which keyboard use?
control-muted-video
play unmuted video when touched, and play mute video when come time
control-youtube-iframe-player
sample for control of YouTube iframe player
animate-countdown-with-canvas
animate countdown with Canvas
vue-on-chrome-extension
Vue.js execute on Chrome extension
auto-play-video
auto play video
position-check-with-intersection-observer
position check with Intersection Observer
change-component-with-vue-router
change component with vue-router
animated-counter-with-vue-and-vuex
animated counter with Vue.js and Vuex
counter-with-vue-and-vuex
counter with Vue.js and Vuex
authenticate-with-passport-local
authenticate with passport-local
oauth-from-chrome-extension-with-fetch
OAuth from Chrome extension with Fetch API
oauth-from-chrome-extension-with-gapi
OAuth from Chrome extension with Google API Client Libraries
oauth-from-chrome-extension-with-gapi-beta
OAuth from Chrome extension with Google API Client Libraries(beta)
oauth-from-chrome-extension-with-launch-web-auth-flow
OAuth from Chrome extension with chrome.identity.launchWebAuthFlow
oauth-from-chrome-extension-with-chrome-identity
OAuth from Chrome extension with chrome.identity
intercepting-request-in-chrome-extension-with-web-request
intercepting HTTP request in Chrome extension with webRequest
file-input-accept-attribute
test of file input
patch-listener.js
easily add/remove listener
carbon-copy.js
twitter-oauth-with-passport
Twitter OAuth with passport
facebook-oauth-with-passport
Facebook OAuth with passport
more-minifying-lodash-with-webpack
more minifying Lodash with webpack
web-workers-built-by-webpack
Web Workers built by webpack
dynamic-loading-with-webpack
dynamic loading with webpack
broken-flip-animation-by-downsampling
broken flip animation by downsampling
publish-from-socket-io-emitter
publish from Socket.IO-emitter
form-validation-with-html5-form-validation
form validation with HTML5 form validation
compile-sass-with-webpack
compile Sass with webpack
form-validation-with-hyperform
form validation with hyperform
fallback-preload.js
fallback preload
sequential-output-with-async-await
sequential output with async/await
youtube.js
generate YouTube player
save-image-to-indexed-db
save image to IndexedDB
flip-animation-with-css-animation
flip animation with CSS animation
calc-position-from-theta
calculate position from theta
catch-message.js
sweet onmessage
show-device-info-with-useragent
show device info with UserAgent.js
test-for-open-to-link-within-app
test for open to link within app
apply-mask-for-elements
apply mask for elements
show-device-orientation
show device orientation
page-visibility-api-sample
page visibility API sample
show-scroll-percentage
show scroll percentage
dynamic-loading-web-font-with-webfontloader
dynamic loading Web Font with Web Font Loader
location-origin.js
get location.origin
flip-animation.js
for flip animation
crossfade-image-with-canvas
crossfade image with canvas
drag-element-with-d3-drag
drag element with d3-drag
modal.js
control modal
fade-covered-hero-header
fade covered hero header
parse-query.js
parse query string
test-for-frame-animation-speed
test page for frame animation speed
cover-style.js
get pseudo style for 'background-size: cover'
generate-gif-with-gif
generate GIF image with gif.js
resize-by-aspect-ratio
resize by aspect ratio
scroll-and-touch-events
sandbox of scroll and touch events
scroll-bar-with-iscroll
implement scroll bar with iScroll
get-scroll-value-in-iframe
sample for get scroll value in iframe
event-listener.js
cross browser add/remove event
test-for-css-font-loading
test page for CSS Font Loading API
test-for-encrypt-and-decrypt
test page for Web Cryptography API
create-digest-with-crypto-api
create digest with Web Cryptography API
collection-utils.js
utilities for collection object
type-check.js
type check
watch-window-size-with-match-media
watch window size with matchMedia
test-for-pageshow-and-pagehide
test page for pageshow and pagehide
control-clipboard-with-clipboard-api
control Clipboard with Clipboard API
animate-element-with-animations-api
animate element with Web Animations API
encode-text-with-textencoder
encode text with TextEncoder API
decode-text-with-textdecoder
decode text with TextDecoder API
es2015-map-sample
ES2015 Map sample
es2015-set-sample
ES2015 Set sample
es2015-weakset-sample
ES2015 WeakSet sample
es2015-weakmap-sample
ES2015 WeakMap sample
vibrate-with-vibration-api
vibrate with Vibration API
scroll-lock.js
lock scroll
svg-chart-of-hand-made
SVG chart of hand made
auto-convert-to-kana-with-autokana
auto convert to kana with autokana
test-for-matchesselector
test page for matchesSelector
handle-event-with-ftdomdelegate
handle event with ftdomdelegate
redirect.js
redirect to URI
test-for-too-much-transitions
test page for too much transitions
show-battery-status
show battery status with Battery Status API
send-data-with-beacon
send data with Beacon API
debounce.js
debouncing function
throttle.js
throttling function
xhr.js
simple XMLHttpRequest
scroll-trigger.js
trigger function when scrolling
ie-version.js
get Internet Explorer version
absolute-top.js
get absolute top of element
load-image.js
load image
once.js
execute once
scroll-animation.js
animate scrolling
inner-size.js
cross browser innerWidth/innerHeight
scroll-top.js
cross browser scrollTop
fadein-text-characters
fadein text characters
percentage-bar
percentage bars
disable-checkbox-when-max-count
disable checkbox when max count
watch-closing-window
watch closing window
routing-with-page
routing with Page.js
routing-with-grapnel
routing with Grapnel
css-filter-effects
sample of CSS filter effects
check-support-property-with-css-supports
check support property with CSS.supports
change-event-and-knockout
test page for change event for checkbox with Knockout
count-down-timer
implementation of count down timer
scroll-with-tween
scroll with tween.js
accordion-with-css-animation
accordion implementation with CSS animation
reverse-geocoding-with-google-maps-geocoding-api
reverse geocoding with Google Maps Geocoding API
get-location-with-geolocation
get location with Geolocation
hash-change-in-iframe
hash change in iframe
responsive-svg
responsive SVG
load-only-once
execute load process only once
draw-image-by-mask-filter-with-canvas
draw image by mask filter with HTML5 Canvas
generate-youtube-iframe-player
generate YouTube iframe player
control-embedded-youtube-iframe-player
sample for control of embedded YouTube iframe player
pseudo-scroll-by-css-transition
pseudo scroll by CSS transition
animate-pie-with-d3
animate pie with D3.js
notes-for-github-pages
notes for GitHub Pages
calc-touch-angle
calculate touch angle
add-style-element-with-load-styles
add style element with load-styles
xhr-from-web-workers
XMLHttpRequest from Web Workers
read-file-in-operative
read file in operative
clip-image-with-canvas
clip image with canvas
print-json-with-jekyll
print JSON with Jekyll
rotate-image-with-javascript-load-image
rotate image with JavaScript Load Image
control-video-with-video
control video with video.js
fake-api-with-service-worker
fake API with Service Worker
content-text-get-from-data-attribute
content text get from data attribute
generate-css-with-cssstylesheet
generate css with cssstylesheet.js
control-css-animation
control CSS animation
events-of-video-element
events of HTMLVideoElement
eslint-config-sasaplus1
my eslint config
dynamic-loading-with-fallback
dynamic loading with Fallback JS
get-json-from-script-tag
get JSON from script tag
notes-for-streaming-video
notes for streaming video
test-canvas-draw-image
test page for drawImage of HTML5 Canvas
trigger-to-events
trigger to events
rotate-image-by-exif
rotate image by Exif
draw-to-canvas-from-dom-elements
draw to canvas from DOM elements
control-image-with-d3
control image with D3.js
control-image-with-hammer
control image with Hammer.js
touch-to-background-element-with-pointer-events
touch to background element with pointer-events property
control-gestures-with-hammer
control gestures with Hammer.js
forcefeeding-and-velocity
forcefeeding and Velocity.js
perspective-and-rotation-samples
samples for perspective and rotation
control-classes-with-classlist
control classes with classList
flexible-div-map-for-window-size
flexible div map for window size
load-image-with-javascript
load image with JavaScript
rotate-3d-with-velocity
rotate 3D with Velocity.js
progress-bar-like-youtube
progress bar implementation like YouTube
roulette-animation-with-velocity
roulette animation with Velocity.js
push-api-with-web-push
Push API with web-push
get-scroll-direction
get scroll direction
bubble-animation-with-velocity
bubble animation use with Velocity.js
accordion-with-jquery
accordion implementation with jQuery
get-location-from-referrer-in-iframe
get location from referrer in iframe
drop-files-and-directories
drop files and directories
slide-sidebar
slide sidebar implementation
pause-animation-with-jquery-pause
pause/resume jQuery animation use with Pause
control-job-queue-with-kue
control job queue with Kue
pause-animation-with-animation-play-state
pause/resume CSS3 animation use with animation-play-state
flash-animation-with-velocity
flash animation use with Velocity.js
rotate-image-with-velocity
rotate image use with Velocity.js
auto-convert-for-input-forms
scratch-card-with-canvas
scratch card sample, use native Canvas
routing-with-react-router
Routing with React Router
react-sample-written-by-es7
React.js sample written by ES7
popup-balloon-with-velocity
popup balloon use with Velocity.js
dropdown-menu-with-velocity
dropdown menu use with Velocity.js
scroll-and-fade-in-refine
scroll and fade in sample, refine
scroll-and-fade-in
scroll and fade in sample
webworker-with-operative
sample of WebWorkers use with operative
online-and-offline
sample of online and offline events
add-to-home-screen
sample of add to home screen
proxy-page-with-service-worker
sample of proxy page with Service Worker
indexeddb-basic
basic sample of IndexedDB
test-ajax-with-sinon
fake server sample with Sinon.JS
dialog-element
dialog element sample
async-script-loading
async script loading sample
filereader-in-older-ie
using FileReader in older IE
sync-value-with-knockout-postbox
synchronize value with knockout-postbox
select-element-by-sizzle
select element by Sizzle
ruby-element
ruby element sample
request-with-superagent
request sample with superagent
request-with-fetch
request sample with fetch
promise-with-es6promise
Promise sample use with ES6-Promise
promise-with-bluebird
Promise sample use with bluebird
marquee-with-velocity
marquee implementation use with Velocity.js
jade-template-for-client
Jade template for client
input-control-with-knockout
input control sample with Knockout
infinite-slide-with-velocity
infinite slide implementation use with Velocity.js
fetch-from-webworker
sample of fetch from WebWorker
debugging-with-debug
debugging with debug
cors-postmessage
CORS example, using iframe with postMessage
clear-file-input-in-ie
clear file input in IE
carousel-with-flipsnap
carousel sample with flipsnap.js
amd-with-requirejs
AMD sample with RequireJS