├── .editorconfig ├── .eslintignore ├── .eslintrc.json ├── .gitattributes ├── .github ├── ACCESSIBILITY_REQS.md ├── CONTRIBUTING.md ├── CSS_STYLE_REQS.md └── PULL_REQUEST_TEMPLATE.md ├── .gitignore ├── .stylelintrc ├── .travis.yml ├── @supports ├── index.html └── styles │ ├── demo.css │ └── demotemplate.css ├── Gruntfile.js ├── Includes ├── Image │ ├── FavIcon.ico │ ├── GraySwooshWatermark.png │ ├── Logo.png │ ├── MicrosoftLogo.png │ ├── NewIcon.png │ ├── ReturnButton.png │ ├── ReturnButtonHover.png │ ├── ReturnButtonImageStrip.png │ ├── TestDrive32.png │ ├── W3CHTML5Logo.png │ └── ie-logo.png ├── Script │ ├── BrowserInfo.js │ ├── FeatureDetectAudio.js │ ├── FeatureDetectCanvas.js │ ├── FeatureDetectDOMParser.js │ ├── FeatureDetectDOMRange.js │ ├── FeatureDetectDOMTraversal.js │ ├── FeatureDetectES5Arrays.js │ ├── FeatureDetectES5Properties.js │ ├── FeatureDetectGeolocation.js │ ├── FeatureDetectGesture.js │ ├── FeatureDetectGetElementsByClassName.js │ ├── FeatureDetectHtmlElement.js │ ├── FeatureDetectIEFullBrowser9Plus.js │ ├── FeatureDetectIEPlatformPreview.js │ ├── FeatureDetectMediaQueries.js │ ├── FeatureDetectPerf.js │ ├── FeatureDetectPinning.js │ ├── FeatureDetectSemanticElements.js │ ├── FeatureDetectSvg.js │ ├── FeatureDetectVideo.js │ ├── FeatureDetectVideoCodecH264.js │ ├── FeatureDetectXHTML.js │ ├── FeatureDetection.js │ ├── QueryStringHelper.js │ ├── ReturnAndShareControls.js │ ├── TestDriveCommon.js │ ├── UnderConstruction.js │ ├── s_code_ie9td.js │ └── touchUpdate.js ├── Styles │ ├── BaseStyles.css │ ├── ContentTemplate.css │ ├── DemoTemplate.css │ ├── FullScreenDemoTemplate.css │ ├── OldTestDrive.css │ ├── OldTestDriveFullWindow.css │ ├── ReturnAndShareControls.css │ └── VideoTemplate.css └── readme.md ├── LICENSE.md ├── README.md ├── analyzeperformance ├── images │ └── flexbox-perf.jpg ├── index.html └── topdownblog │ ├── scripts │ └── topdown.js │ ├── styles │ └── topdown.css │ └── topdownblog.html ├── audiomixer ├── index.html ├── scripts │ ├── audio.js │ ├── db.js │ ├── timerworker.js │ └── ui.js ├── sounds │ ├── bass.wav │ ├── crash.wav │ ├── hihat.wav │ ├── kick.wav │ ├── ride.wav │ ├── snare.wav │ └── tom.wav └── styles │ └── demo.css ├── beacon ├── README.md ├── app.js ├── bin │ └── www ├── package.json ├── public │ ├── javascripts │ │ └── beacon.js │ └── stylesheets │ │ └── style.css ├── routes │ └── index.js └── views │ ├── error.jade │ ├── index.jade │ └── layout.jade ├── betafish ├── BetaFishIE.css ├── Default.html ├── Images │ ├── ButtonPause.png │ ├── ButtonPlay.png │ ├── ButtonReset.png │ ├── Eight.svg │ ├── FishBody.svg │ ├── FishDorsalFin.svg │ ├── FishEye.svg │ ├── FishEyeBall.svg │ ├── FishEyeGlare.svg │ ├── FishGillCover.svg │ ├── FishHead.svg │ ├── FishPelvicFin.svg │ ├── FishTail.svg │ └── Glow.svg ├── Script │ ├── Performance.js │ └── Settings.js └── config.json ├── blobbuilder ├── images │ ├── pause.svg │ └── triangle.svg ├── index.html ├── pianonotes │ ├── A.mp3 │ ├── A2.mp3 │ ├── A2_sharp.mp3 │ ├── A_sharp.mp3 │ ├── B.mp3 │ ├── B2.mp3 │ ├── C.mp3 │ ├── C2.mp3 │ ├── C2_sharp.mp3 │ ├── C_sharp.mp3 │ ├── D.mp3 │ ├── D2.mp3 │ ├── D2_sharp.mp3 │ ├── D_sharp.mp3 │ ├── E.mp3 │ ├── E2.mp3 │ ├── F.mp3 │ ├── F2.mp3 │ ├── F2_sharp.mp3 │ ├── F_sharp.mp3 │ ├── G.mp3 │ ├── G2.mp3 │ ├── G2_sharp.mp3 │ ├── G_sharp.mp3 │ └── allnotes.mp3 ├── scripts │ └── demo.js └── styles │ ├── demo.css │ └── demotemplate.css ├── chalkboard ├── Audio │ ├── Whoosh.mp3 │ └── Whoosh2.mp3 ├── Chalkboard.css ├── Default.html ├── Fonts │ └── GillesHandwriting.woff ├── Images │ ├── Chalkboard.svg │ ├── ChalkboardGridlines.png │ ├── EmptyChalkboard.svg │ └── Logo.png ├── Script │ └── Benchmark.js ├── config.json └── readme.md ├── chess ├── css │ └── app.css ├── images │ ├── aboutflags.jpg │ ├── icons │ │ ├── bulb.png │ │ ├── close.png │ │ ├── gear.png │ │ └── refresh.png │ ├── pieces │ │ ├── bB.png │ │ ├── bK.png │ │ ├── bN.png │ │ ├── bP.png │ │ ├── bQ.png │ │ ├── bR.png │ │ ├── wB.png │ │ ├── wK.png │ │ ├── wN.png │ │ ├── wP.png │ │ ├── wQ.png │ │ └── wR.png │ └── small │ │ ├── bB.png │ │ ├── bK.png │ │ ├── bN.png │ │ ├── bP.png │ │ ├── bQ.png │ │ ├── bR.png │ │ ├── wB.png │ │ ├── wK.png │ │ ├── wN.png │ │ ├── wP.png │ │ ├── wQ.png │ │ └── wR.png ├── index.html └── scripts │ ├── chart.js │ ├── libs │ ├── chess.min.js │ ├── chessboard-0.3.0.js │ ├── chessboard-0.3.0.min.js │ ├── stockfish-no-asm.js │ └── stockfish.js │ ├── main.js │ ├── match.js │ ├── namespace.js │ └── player.js ├── coloringbook ├── animals.html ├── christmas.html ├── images │ ├── 01.png │ ├── 02.png │ ├── 03.png │ ├── 04.png │ ├── 05.png │ ├── 06.png │ ├── 07.png │ ├── 08.png │ ├── 09.png │ ├── Exit.png │ ├── autumn │ │ ├── 01.png │ │ ├── 02.png │ │ ├── 03.png │ │ ├── 04.png │ │ ├── 05.png │ │ ├── 06.png │ │ ├── 07.png │ │ ├── 08.png │ │ └── 09.png │ ├── browser-tall.png │ ├── browser.png │ ├── bulb.svg │ ├── christmas │ │ ├── 01.png │ │ ├── 02.png │ │ ├── 03.png │ │ ├── 04.png │ │ ├── 05.png │ │ ├── 06.png │ │ ├── 07.png │ │ ├── 08.png │ │ └── 09.png │ ├── clip.png │ ├── comment.png │ ├── eraser.png │ ├── highlight.png │ ├── hub.png │ ├── icon.png │ ├── pan.png │ ├── pen.png │ ├── position.png │ ├── save.png │ ├── social.png │ ├── top.png │ ├── webnote.png │ └── webnotedark.png ├── index.html ├── scripts │ └── demo.js └── styles │ └── demo.css ├── compatinspector ├── images │ ├── debug-checked.png │ ├── details.png │ ├── fiddler.png │ ├── frames.png │ ├── ici-image10.png │ ├── ici-image11.png │ ├── ici-image12.png │ ├── ici-image13.png │ ├── ici-image7.png │ ├── ici-image8.png │ ├── ici-image9.png │ ├── library.png │ ├── summary.png │ ├── unchecked.png │ ├── verify-checked.png │ └── verifying.png └── index.html ├── css-grid ├── config.json ├── images │ ├── background.svg │ ├── grid_1.png │ ├── grid_2.png │ ├── grid_3.png │ ├── grid_4.png │ ├── grid_5.png │ ├── grid_6.png │ ├── grid_7.png │ ├── grid_8.png │ ├── grid_9.png │ └── grid_game_extra_palm.svg ├── index.html ├── scripts │ └── grid.js ├── sounds │ ├── failure.wav │ └── success.wav └── styles │ └── style.css ├── css3filters ├── index.html ├── scripts │ └── demo.js └── styles │ ├── demo.css │ └── demotemplate.css ├── css3mediaqueries ├── images │ ├── eagle2.jpg │ ├── eagle_small.jpg │ ├── grandfather_mountain2.jpg │ ├── grandfather_mountain_small.jpg │ ├── pink_house2.jpg │ ├── pink_house_small.jpg │ ├── tulips2.jpg │ ├── tulips_small.jpg │ └── tulips_xsmall.jpg ├── index.html ├── scripts │ └── demo.js └── styles │ ├── demo.css │ └── demotemplate.css ├── custom-props ├── config.json ├── dog-in-city-min.svg ├── dog-in-city.svg ├── img │ ├── day_scene.png │ └── night_scene.png ├── index.html ├── script.js └── styles │ └── demo.css ├── demo-template ├── images │ └── x.svg ├── index.html ├── scripts │ ├── demo-template.js │ └── your-demo-name.js └── styles │ ├── demo-template.css │ └── your-demo-name.css ├── editingpasteimage ├── index.html ├── scripts │ └── demo.js └── styles │ ├── demo.css │ ├── demotemplate.css │ └── editpage.css ├── eme ├── captions │ ├── 90s_captions.ttml │ └── not_your_fathers_captions.ttml ├── images │ ├── a_team_trailer.jpg │ ├── big_buck_bunny.jpg │ ├── elephants_dream.jpg │ ├── locked.png │ ├── sintel_trailer.jpg │ ├── sintel_trailer_drm.jpg │ ├── tears_of_steel_drm.jpg │ └── unlocked.png ├── index.html ├── scripts │ └── demo.js └── styles │ └── demo.css ├── familysearch ├── images │ ├── safe.jpg │ └── unsafe.jpg ├── index.html └── styles │ ├── demo.css │ └── demotemplate.css ├── fishbowlie ├── Audio │ ├── Background.mp3 │ └── Bubbles.mp3 ├── Fishbowl.css ├── Images │ ├── Bowl.png │ ├── BowlGlow.png │ ├── BowlGlowMask.png │ ├── BowlShadow.png │ ├── BowlShine.png │ ├── CheckmarkDisabled.png │ ├── CheckmarkEnabled.png │ ├── Chevron.png │ ├── Fish.png │ ├── FishStrip.png │ ├── Gauge.png │ ├── Logo.png │ ├── Mask.png │ ├── Mask2.png │ ├── Needle.png │ └── Resize.png ├── Script │ ├── Application.js │ ├── FPSMeter.js │ ├── Fish.js │ ├── FishBowl.js │ ├── Frame.js │ ├── Keyboard.js │ ├── LoadingCover.js │ ├── Logo.js │ ├── Performance.js │ ├── Resources.js │ └── Water.js ├── Video │ ├── Water.mp4 │ └── Water2.mp4 ├── config.json ├── index.html └── readme.md ├── fishietank ├── config.json ├── images │ ├── background-flip2.jpg │ └── fishstrip.png ├── index.html ├── scripts │ └── fpsometer.js └── styles │ ├── fpsometer - org.css │ └── fpsometer.css ├── html5forms ├── autofocus.html ├── images │ └── cake.jpg ├── index.html ├── scripts │ └── demo.js └── styles │ ├── demo.css │ └── demotemplate.css ├── letitsnow ├── Default.html ├── Messages │ ├── 0134829301.png │ ├── 0291523152.png │ ├── 0321549523.png │ ├── 0416485177.png │ ├── 0533516951.png │ ├── 0615415214.png │ ├── 0714125485.png │ ├── 0821214521.png │ ├── 0974841526.png │ ├── 1025158452.png │ ├── 1154121425.png │ ├── 1251412594.png │ ├── 1315952151.png │ ├── 7712942185.png │ ├── 7731529745.png │ ├── 7731841266.png │ ├── 7731954677.png │ ├── 7732152125.png │ ├── 7732152418.png │ ├── 7734815262.png │ ├── 7737842161.png │ ├── 7739412544.png │ ├── 7762749685.png │ ├── 7762899416.png │ ├── 7763217669.png │ ├── 7792152146.png │ ├── 7795146254.png │ ├── 7796152158.png │ ├── 7796215263.png │ ├── 8812658454.png │ ├── 8832614528.png │ ├── 8832659454.png │ ├── 8861521529.png │ ├── 8865125418.png │ ├── 8865849414.png │ ├── 9912521232.png │ ├── 9921521258.png │ ├── 9932558415.png │ ├── Message2.png │ ├── Messages.psd │ ├── Thumbs.db │ └── alternativeImage.png ├── config.json ├── css │ └── default.css ├── fonts │ └── Jester.woff ├── js │ ├── animation.js │ ├── classes.js │ ├── default.js │ ├── gfx.js │ ├── gradient.js │ ├── postcard.js │ ├── snowflakes.js │ ├── systemInformation.js │ └── touch.js └── res │ ├── Alpha2.png │ ├── AlphaRapper.png │ ├── LetItSnowRap.mp3 │ ├── LetItSnowRapFull.mp3 │ ├── LetItSnowShort.mp3 │ ├── Snowflakes.png │ ├── Thumbs.db │ └── snowHeap.svg ├── mandelbrot ├── index.html ├── scripts │ ├── demo.js │ └── mandelbrotwebworker.js └── styles │ └── demo.css ├── math ├── index.html ├── scripts │ └── demo.js └── styles │ └── demo.css ├── mazesolver ├── Default.html ├── img │ ├── ButtonStart.png │ ├── ButtonStartHover.png │ ├── PauseButton.png │ ├── RefreshButton.png │ ├── RefreshButtonHover.png │ └── pencil.png ├── maze.css ├── maze.js ├── pencilgrid.ttf ├── pencilgrid.woff ├── readme.md └── seedrandom.js ├── microphone ├── favicon.ico ├── images │ ├── mic-demo-arrow.svg │ └── mic-demo-icons.svg ├── index.html ├── scripts │ ├── demo.js │ ├── recorder.js │ └── recorderworker.js ├── sounds │ ├── impulse-response │ │ ├── circularoutput_drum.mp3 │ │ ├── echo.wav │ │ ├── fivecolumns.wav │ │ ├── fivecolumnslong.wav │ │ ├── french18thcenturysalon.wav │ │ ├── goinghome.wav │ │ ├── inthesilorevised.wav │ │ ├── license.txt │ │ ├── muffler.wav │ │ ├── narrowbumpyspace.wav │ │ ├── nicedrumroom.wav │ │ ├── parkinggarage.wav │ │ ├── rays.wav │ │ ├── spring.wav │ │ ├── telephone.wav │ │ └── trigroom.wav │ └── speech.mp3 └── styles │ └── demo.css ├── musiclounge ├── assets │ ├── cellolong.wav │ ├── cellolong2.wav │ ├── flare.png │ ├── lens4.png │ ├── lens5.png │ ├── rapidviolons.wav │ ├── trombones.wav │ ├── violons11.wav │ ├── violons18.wav │ └── voices.wav ├── config.json ├── images │ └── ie-avatar.png ├── index.html ├── scripts │ ├── babylon.2.1.js │ ├── hand.minified-1.2.js │ ├── index.js │ ├── musicLoung.asgardRing.js │ ├── musicLounge.globalEqualizer.js │ ├── musicLounge.soundCube.js │ ├── musicLounge.soundsLoader.js │ └── musiclounge.main.js ├── src │ ├── babylon.2.1.d.ts │ ├── index.ts │ ├── musicLoung.asgardRing.ts │ ├── musicLounge.globalEqualizer.ts │ ├── musicLounge.main.ts │ ├── musicLounge.soundCube.ts │ └── musicLounge.soundsLoader.ts └── styles │ └── demo.css ├── package-lock.json ├── package.json ├── particleacceleration ├── config.json ├── images │ ├── capture.png │ ├── logo.png │ └── sphere.png ├── index.html ├── scripts │ ├── demo.js │ └── performance.js └── styles │ └── demo.css ├── paymentrequest ├── config.json ├── images │ ├── icon-airplane.svg │ ├── icon-contact.svg │ ├── icon-digital.svg │ ├── icon-truck.svg │ ├── walletui-l.png │ ├── walletui-m.png │ └── walletui-s.png ├── index.html ├── scripts │ ├── index.js │ └── samples.js └── styles │ └── style.css ├── penguinmark ├── Audio │ ├── Entry.mp3 │ ├── Entry.wav │ ├── Track.mp3 │ ├── Track.wav │ ├── TrackLong.mp3 │ └── TrackMedium.mp3 ├── Default.html ├── Fonts │ ├── CandyCane.woff │ └── Cookies.woff ├── Images │ ├── ChromePenguin.png │ ├── ChromePenguinBeakLower.png │ ├── ChromePenguinBeakUpper.png │ ├── ChromePenguinDiaper.png │ ├── ChromePenguinFull.png │ ├── ChromePenguinMagazine.png │ ├── FirefoxPenguin.png │ ├── FirefoxPenguinBeakLower.png │ ├── FirefoxPenguinBeakUpper.png │ ├── FirefoxPenguinBong.png │ ├── FirefoxPenguinFull.png │ ├── IEPenguin.png │ ├── IEPenguinBeakLower.png │ ├── IEPenguinBeakUpper.png │ ├── IEPenguinDean.png │ ├── IEPenguinFull.png │ ├── IEPenguinHarvard.png │ ├── Logo.png │ ├── OperaPenguin.png │ ├── OperaPenguinBeakLower.png │ ├── OperaPenguinBeakUpper.png │ ├── OperaPenguinFull.png │ ├── SafariPenguin.png │ ├── SafariPenguinBeakLower.png │ ├── SafariPenguinBeakUpper.png │ ├── SafariPenguinFull.png │ ├── SafariPenguinIPad.png │ ├── Snowflakes.png │ ├── Thumbs.db │ └── WelcomeTree.png ├── PenguinMark.css ├── Script │ ├── Application.js │ ├── Characters.js │ ├── Keyboard.js │ ├── Performance.js │ ├── Snowflake.js │ ├── Snowstorm.js │ └── Support.js └── config.json ├── photocapture ├── index.html ├── scripts │ └── demo.js └── styles │ └── demo.css ├── picture ├── imgs │ ├── Wireframe.jpg │ ├── picturegif-vert.gif │ └── picturegif.gif ├── index.html └── styles │ └── demo.css ├── readingview ├── images │ ├── 6787_pirate_760x427.png │ ├── RVFull.jpg │ ├── code_hover.gif │ ├── code_rest.gif │ ├── code_selected.gif │ ├── img00.png │ ├── img01.png │ ├── img02.png │ ├── img03.png │ ├── img04.png │ ├── imgSmall.png │ ├── reading_hover.gif │ ├── reading_rest.gif │ ├── reading_selected.gif │ ├── rv_screen_shot_75percent.jpg │ ├── web_hover.gif │ ├── web_rest.gif │ └── web_selected.gif ├── index.html ├── scripts │ ├── data.js │ ├── demo.js │ └── utils.js └── styles │ └── demo.css ├── setimmediatesorting ├── icons │ ├── square.png │ └── wide.png ├── index.html ├── scripts │ └── demo.js └── styles │ └── demo.css ├── speechsynthesis ├── config.json ├── images │ ├── parrot1.svg │ ├── parrot2.svg │ ├── pauseicon.png │ ├── playingsound.gif │ ├── soundwave.svg │ └── speechlogo.svg ├── index.html ├── scripts │ └── index.js └── styles │ └── style.css ├── speedreading ├── Default.html ├── Images │ ├── BillboardBackground.png │ ├── BillboardReflection.png │ ├── BlackBackground.svg │ ├── BlueBackground.png │ ├── ButtonStart.png │ ├── ButtonStartHover.png │ ├── ButtonTryAgain.png │ ├── ButtonTryAgainHover.png │ ├── CharacterImageStrip.png │ ├── CharacterImageStripFlipped.png │ ├── CharacterImageStripSpinning.png │ ├── Thumbs.db │ ├── TileImageStrip.png │ ├── TileImageStripFlipped.png │ └── Title.png ├── Script │ ├── Application.js │ ├── Billboard.js │ ├── EventHandlers.js │ ├── Message.js │ ├── Patterns.js │ ├── Performance.js │ ├── Resources.js │ └── Tile.js ├── Sounds │ ├── FlipSoundRepeat.mp3 │ └── FlipSoundSingle.mp3 ├── SpeedReading.css └── config.json ├── spellchecking ├── config.json ├── index.html └── styles │ └── demo.css ├── sudoku ├── index.html ├── scripts │ └── demo.js └── styles │ └── demo.css ├── svgradientbackgroundmaker ├── config.json ├── images │ ├── btn_delete.svg │ └── svgbanner.png ├── index.html ├── scripts │ ├── arrow.gif │ ├── cross.gif │ ├── demo.js │ ├── hs.png │ ├── hv.png │ ├── jscolor.js │ └── svgdraw.js └── styles │ ├── demo.css │ └── svgdemo.css ├── toucheffects ├── config.json ├── images │ ├── arrowleft.png │ ├── arrowright.png │ ├── ball.png │ ├── circle.png │ └── rainbowstrip.png ├── index.html ├── scripts │ └── demo.js └── styles │ └── demo.css ├── typedarrays ├── data │ ├── iStock_000009426004XSmall.jpg │ ├── iStock_000009426004XSmall2.pcx │ ├── iStock_000014163436.mp3 │ ├── iStock_000016987294XSmall.jpg │ └── iStock_000017276733Small We.mp4 ├── images │ ├── GraySwooshWatermarkUpdated.png │ ├── hexBackground.png │ └── hexBackground_2.png ├── index.html ├── scripts │ ├── binaryreader.js │ ├── browserinfo.js │ ├── demo.js │ └── pcxreader.js └── styles │ └── demo.css ├── userselect ├── images │ ├── avatar_1.svg │ └── user-select.svg ├── index.html ├── scripts │ └── demo.js └── styles │ ├── all_off.css │ ├── blob_only.css │ ├── blog_beyond.css │ ├── blog_only.css │ ├── comments_only.css │ ├── demo.css │ └── normal_off.css ├── variable-fonts ├── LICENSE.MD ├── config.json ├── images │ ├── Century_Expanded-a-normalized.jpg │ ├── bahnschrift-letter-e-800.jpg │ ├── barcode.png │ ├── next.svg │ ├── photoshop-variable-font-icon.png │ ├── prev.svg │ ├── social-image.jpg │ ├── variable-axis-slider.png │ ├── variable-fonts-demo-image.jpg │ ├── wireframe.jpg │ └── x.svg ├── index.html ├── scripts │ ├── demo-template.js │ └── var-fonts.js └── styles │ ├── demo-template.css │ └── var-fonts.css ├── videoformatsupport ├── images │ ├── big_buck_bunny_trailer_480p_thumb.jpg │ └── install-webm-support.png ├── index.html ├── scripts │ └── demo.js ├── styles │ └── demo.css └── videos │ ├── big_buck_bunny_trailer_480p-1.webm │ ├── big_buck_bunny_trailer_480p.webm │ ├── big_buck_bunny_trailer_480p_baseline.mp4 │ └── big_buck_bunny_trailer_480p_high.mp4 ├── webaudiotuner ├── index.html ├── notes.json ├── scripts │ └── demo.js └── styles │ └── demo.css ├── webauthentication ├── config.json ├── css │ └── style.css ├── home.html ├── images │ ├── favicon.png │ ├── hello.png │ ├── puppy-cam-login.jpg │ └── puppycamlogo.svg ├── index.html ├── scripts │ ├── demo.js │ └── webauthn.js ├── videos │ └── happy_puppy.mp4 └── webauthnregister.html └── webdriver ├── index.html ├── scripts └── demo.js └── styles └── demo.css /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = tab 6 | indent_size = 4 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [package.json] 15 | indent_size = 2 16 | indent_style = space 17 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | # node_modules ignored by default 2 | 3 | # Ignore files compiled from TypeScript and CoffeeScript 4 | **/*.{ts,coffee}.js 5 | 6 | 7 | # gruntfiles in some demos and the root of this project 8 | **/{G,g}runtfile.js 9 | 10 | 11 | # Demos to ignore because they are old or haven't been fixed yet. Goal should be to not have any here 12 | audiomixer/ 13 | betafish/ 14 | blobbuilder/ 15 | chalkboard/ 16 | chess/scripts/libs/ 17 | coloringbook/ 18 | compatinspector/ 19 | css3filters/ 20 | css3mediaqueries/ 21 | editingpasteimage/ 22 | eme/ 23 | familysearch/ 24 | fishbowlie/ 25 | fishietank/ 26 | html5forms/ 27 | Includes/ 28 | letitsnow/ 29 | mandelbrot/ 30 | math/ 31 | mazesolver/ 32 | microphone/ 33 | musiclounge/ 34 | particleacceleration/ 35 | penguinmark/ 36 | photocapture/ 37 | readingview/ 38 | setimmediatesorting/ 39 | speedreading/ 40 | sudoku/ 41 | svgradientbackgroundmaker/ 42 | toucheffects/ 43 | typedarrays/ 44 | userselect/ 45 | videoformatsupport/ 46 | webaudiotuner/ 47 | webdriver/ 48 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Automatically normalize line endings for all text-based files. 2 | # https://git-scm.com/docs/gitattributes#_end_of_line_conversion 3 | 4 | * text=auto 5 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ## What this PR does 2 | 3 | ## Requirements 4 | 5 | * [ ] My PR follows all applicable accessibility requirements (See [`.github/ACCESSIBILITY_REQS.md`](https://github.com/MicrosoftEdge/Demos/blob/master/.github/ACCESSIBILITY_REQS.md)). 6 | * [ ] My PR follows the CSS code style guidelines (See [`.github/CSS_STYLE_REQS.md`](https://github.com/MicrosoftEdge/Demos/blob/master/.github/CSS_STYLE_REQS.md)). 7 | * [ ] I have linted my code using `npm run lint:css -- demoDirectoryName/**/*.css` and `npm run lint:js -- demoDirectoryName/**/*.js`, and have fixed the errors. -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /.DS_Store/ 2 | /.idea/ 3 | /.vscode/ 4 | /node_modules/ 5 | webauthn/.vscode/ 6 | webauthn/web.config 7 | webauthn/.idea/ 8 | variable-fonts/fonts/Bahnschrift.ttf 9 | variable-fonts/fonts/Sitka.ttf 10 | variable-fonts/fonts/SitkaFV.ttf 11 | variable-fonts/styles/font-declarations.css 12 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | # For more information about the configurations used 2 | # in this file, please see the Travis CI documentation: 3 | # https://docs.travis-ci.com 4 | 5 | before_install: 6 | - npm install -g grunt-cli 7 | 8 | language: node_js 9 | 10 | node_js: 11 | - node 12 | 13 | notifications: 14 | email: 15 | on_failure: always 16 | on_success: never 17 | -------------------------------------------------------------------------------- /@supports/styles/demo.css: -------------------------------------------------------------------------------- 1 | * + .gist { 2 | margin-top: 2.4rem; 3 | } 4 | 5 | .supports-demo__element { 6 | display: block; 7 | padding: 3rem; 8 | color: white; 9 | text-align: center; 10 | font-size: 2.4rem; 11 | font-weight: 400; 12 | } 13 | 14 | #ex-1 b { 15 | background-color: black; 16 | color: white; 17 | background-color: rgba(255, 255, 255, 1); 18 | color: rgba(0, 0, 0, 1); 19 | } 20 | 21 | #ex-2 b { 22 | background-color: black; 23 | color: white; 24 | } 25 | 26 | #ex-2 b:only-child { 27 | background-color: white; 28 | color: black; 29 | } 30 | 31 | #ex-3 b { 32 | background-color: black; 33 | color: white; 34 | } 35 | 36 | @media only screen { 37 | #ex-3 b { 38 | background-color: white; 39 | color: black; 40 | } 41 | } 42 | 43 | #ex-4 b { 44 | background-color: black; 45 | color: white; 46 | } 47 | 48 | @supports ( background: linear-gradient(0deg,white,white) ) { 49 | #ex-4 b { 50 | background: linear-gradient(0deg,white,white); 51 | color: black; 52 | } 53 | } 54 | 55 | body {padding-bottom:5em;} 56 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | /* eslint strict: [2, "global"]*/ 2 | 3 | 'use strict'; 4 | 5 | module.exports = function (grunt) { 6 | require('time-grunt')(grunt); 7 | // Load grunt tasks automatically 8 | require('load-grunt-tasks')(grunt); 9 | 10 | grunt.initConfig({ 11 | eslint: { 12 | demos: { 13 | files: {src: ['**/*.js']}, 14 | options: { 15 | configFile: '.eslintrc.json', 16 | ignorePath: '.eslintignore', 17 | quiet: true 18 | } 19 | } 20 | } 21 | }); 22 | 23 | grunt.registerTask('test', ['eslint']); 24 | grunt.registerTask('default', 'test'); 25 | }; 26 | -------------------------------------------------------------------------------- /Includes/Image/FavIcon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/FavIcon.ico -------------------------------------------------------------------------------- /Includes/Image/GraySwooshWatermark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/GraySwooshWatermark.png -------------------------------------------------------------------------------- /Includes/Image/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/Logo.png -------------------------------------------------------------------------------- /Includes/Image/MicrosoftLogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/MicrosoftLogo.png -------------------------------------------------------------------------------- /Includes/Image/NewIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/NewIcon.png -------------------------------------------------------------------------------- /Includes/Image/ReturnButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/ReturnButton.png -------------------------------------------------------------------------------- /Includes/Image/ReturnButtonHover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/ReturnButtonHover.png -------------------------------------------------------------------------------- /Includes/Image/ReturnButtonImageStrip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/ReturnButtonImageStrip.png -------------------------------------------------------------------------------- /Includes/Image/TestDrive32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/TestDrive32.png -------------------------------------------------------------------------------- /Includes/Image/W3CHTML5Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/W3CHTML5Logo.png -------------------------------------------------------------------------------- /Includes/Image/ie-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/Includes/Image/ie-logo.png -------------------------------------------------------------------------------- /Includes/Script/QueryStringHelper.js: -------------------------------------------------------------------------------- 1 | var $QueryStringHelper = { 2 | parse : function(variable) 3 | { 4 | var query = window.location.search.substring(1); 5 | var vars = query.split("&"); 6 | 7 | for (var i = 0; i < vars.length; i++) { 8 | var pair = vars[i].split("="); 9 | if (pair[0] == variable) { 10 | return pair[1].replace(/%20/g, " "); 11 | } 12 | } 13 | 14 | return false; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Includes/Script/UnderConstruction.js: -------------------------------------------------------------------------------- 1 | UnderConstruction = {}; 2 | 3 | (function() { 4 | UnderConstruction.redirect = function(msg) { 5 | window.location.replace("../../Info/UnderConstruction/default.html?message=" + msg); 6 | } 7 | })() 8 | -------------------------------------------------------------------------------- /Includes/Styles/BaseStyles.css: -------------------------------------------------------------------------------- 1 | * 2 | { 3 | margin: 0px 0px 0px 0px; 4 | padding: 0px 0px 0px 0px; 5 | } 6 | 7 | html 8 | { 9 | height: 100%; 10 | } 11 | 12 | body 13 | { 14 | font-family: 'Segoe UI' , Verdana, Helvetica, Sans-Serif; 15 | font-size: 10pt; 16 | height: 100%; 17 | background-color: white; 18 | color: #424242; 19 | } 20 | 21 | p 22 | { 23 | padding: 0px 0px 10pt 0px; 24 | } 25 | 26 | a 27 | { 28 | text-decoration: none; 29 | } 30 | 31 | a, a:visited, a:hover 32 | { 33 | color: #00a3ef; 34 | } 35 | 36 | a:hover, a:visited:hover 37 | { 38 | color: #00a3ef; 39 | text-decoration: underline; 40 | } 41 | 42 | .bold 43 | { 44 | font-family: 'Segoe UI Semibold'; 45 | } 46 | -------------------------------------------------------------------------------- /Includes/Styles/ContentTemplate.css: -------------------------------------------------------------------------------- 1 | #HeadingSection 2 | { 3 | min-width: 960px; 4 | } 5 | 6 | #Watermark 7 | { 8 | margin: 0px auto 0px auto; 9 | min-width: 960px; 10 | max-width: 1600px; 11 | height: 120px; 12 | } 13 | 14 | #HeadingContents 15 | { 16 | position: relative; 17 | margin: 0px auto 0px auto; 18 | padding: 0px 40px 0px 40px; 19 | min-width: 960px; 20 | max-width: 960px; 21 | } 22 | 23 | #Page 24 | { 25 | margin: 0 auto -34px auto; 26 | min-height: 100%; 27 | height: auto; 28 | min-width: 960px; 29 | } 30 | 31 | #PageTitle 32 | { 33 | padding-top: 40px; 34 | margin-left: -2px; 35 | font-size: 24pt; 36 | color: #00a3ef; 37 | font-weight: normal; 38 | } 39 | 40 | #ContentSection 41 | { 42 | margin: 12px auto 0px auto; 43 | padding: 0px 40px 0px 40px; 44 | min-width: 960px; 45 | max-width: 960px; 46 | text-align: justify; 47 | } 48 | 49 | #FooterSpacing 50 | { 51 | height: 100px; 52 | } 53 | 54 | #Footer 55 | { 56 | margin: 0px auto 40px auto; 57 | width: 960px; 58 | height: 22px; 59 | } 60 | 61 | #FooterText 62 | { 63 | color: #b4b4b4; 64 | font-size: 8pt; 65 | width: 802px; 66 | display: block; 67 | float: left; 68 | } 69 | 70 | .FooterTextDivider 71 | { 72 | padding: 0px 8px 0px 8px; 73 | } 74 | 75 | #FooterLogo 76 | { 77 | width: 150px; 78 | height: 34px; 79 | float: left; 80 | margin: 1px 0px 0px 00px; 81 | background-image: url('../../Includes/Image/MicrosoftLogo.png'); 82 | } 83 | 84 | .IndentedList 85 | { 86 | margin: 6px 0px 20px 20px; 87 | } 88 | -------------------------------------------------------------------------------- /Includes/Styles/DemoTemplate.css: -------------------------------------------------------------------------------- 1 | body 2 | { 3 | position: relative; 4 | margin: 0px auto 0px auto; 5 | min-width: 960px; 6 | max-width: 1080px; 7 | padding: 0px 40px 0px 40px; 8 | } 9 | 10 | #DemoScreenreaderText 11 | { 12 | position: absolute; 13 | left: -10000px; 14 | } 15 | 16 | #DemoTitle 17 | { 18 | padding: 40px 0px 0px 0px; 19 | font-size: 24pt; 20 | font-weight: normal; 21 | color: #00a3ef; 22 | } 23 | 24 | #DemoIntroduction 25 | { 26 | margin: 40px 0px 0px 0px; 27 | } 28 | 29 | #DemoContent 30 | { 31 | margin: 30px 0px 0px 0px; 32 | } 33 | 34 | #DemoDetails 35 | { 36 | margin: 30px 0px 0px 0px; 37 | } 38 | 39 | #DemoReturnButton 40 | { 41 | position: absolute; 42 | display: block; 43 | top: -1px; 44 | right: 40px; 45 | width: 210px; 46 | height: 29px; 47 | background-image: url("../../Includes/Image/ReturnButton.png"); 48 | text-indent: -10000px; 49 | z-index: 1000; 50 | } 51 | 52 | #DemoReturnButton:hover 53 | { 54 | background-image: url('../../Includes/Image/ReturnButtonHover.png'); 55 | } 56 | -------------------------------------------------------------------------------- /Includes/Styles/FullScreenDemoTemplate.css: -------------------------------------------------------------------------------- 1 | #DemoScreenreaderText 2 | { 3 | position: absolute; 4 | left: -10000px; 5 | } 6 | -------------------------------------------------------------------------------- /Includes/Styles/OldTestDriveFullWindow.css: -------------------------------------------------------------------------------- 1 | 2 | #fullbodywrap 3 | { 4 | position: absolute; 5 | top: 0; 6 | left: 0; 7 | min-width: 100%; 8 | max-width: 100%; 9 | width: 100%; 10 | height: 100%; 11 | } 12 | #headertable 13 | { 14 | display: none; 15 | } 16 | #demoContentCenterer 17 | { 18 | width: 100%; 19 | height: 100%; 20 | } 21 | #demoContentWrapper 22 | { 23 | min-width: 100%; 24 | max-width: 100%; 25 | width: 100%; 26 | height: 100%; 27 | position: absolute; 28 | top: 0; 29 | left: 0; 30 | } 31 | #returnbutton 32 | { 33 | right: 8px; 34 | } 35 | #footerspacer 36 | { 37 | height: 0; 38 | } 39 | #legallinks 40 | { 41 | position: fixed; 42 | bottom: 0; 43 | left: 4px; 44 | } 45 | #legallinks, #copyright, input#thisUrl 46 | { 47 | color: white; 48 | } 49 | #demointro 50 | { 51 | position:absolute; 52 | left:-10000px; 53 | top:auto; 54 | width:1px; 55 | height:1px; 56 | overflow:hidden; 57 | } 58 | html#demohtml 59 | { 60 | background-color: black; 61 | background-image: none; 62 | overflow: hidden; 63 | } 64 | body#demobody 65 | { 66 | margin: 0; 67 | padding: 0; 68 | background-color: black; 69 | background-image: none; 70 | overflow: hidden; 71 | } 72 | -------------------------------------------------------------------------------- /Includes/Styles/ReturnAndShareControls.css: -------------------------------------------------------------------------------- 1 | #ReturnAndShareControls 2 | { 3 | position: absolute; 4 | top: 0px; 5 | right: 40px; 6 | height: 27px; 7 | z-index: 1000; 8 | overflow: hidden; 9 | } 10 | 11 | #ReturnAndShareControls > .ReturnButton { 12 | display:inline-block; 13 | width:170px; 14 | height: 27px; 15 | background-image: url("../../Includes/Image/ReturnButtonImageStrip.png"); 16 | background-position: 0px -1px; 17 | } 18 | 19 | #ReturnAndShareControls > .ShareOnFacebookButton { 20 | display: inline-block; 21 | position:relative; 22 | width: 24px; 23 | height: 27px; 24 | background-image: url("../../Includes/Image/ReturnButtonImageStrip.png"); 25 | background-position: -189px -1px; 26 | } 27 | 28 | #ReturnAndShareControls > .ShareOnTwitterButton { 29 | display: inline-block; 30 | position:relative; 31 | width: 25px; 32 | height: 27px; 33 | background-image: url("../../Includes/Image/ReturnButtonImageStrip.png"); 34 | background-position: -214px -1px; 35 | } 36 | 37 | #ReturnAndShareControls > .ShareViaEmailButton { 38 | display: inline-block; 39 | position:relative; 40 | width: 30px; 41 | height: 27px; 42 | background-image: url("../../Includes/Image/ReturnButtonImageStrip.png"); 43 | background-position: -240px -1px; 44 | } 45 | 46 | #ReturnAndShareControls > .ReturnButton:hover { 47 | background-position: 0px -29px; 48 | } 49 | 50 | #ReturnAndShareControls > .ShareOnFacebookButton:hover { 51 | background-position: -189px -29px; 52 | } 53 | 54 | #ReturnAndShareControls > .ShareOnTwitterButton:hover { 55 | background-position: -214px -29px; 56 | } 57 | 58 | #ReturnAndShareControls > .ShareViaEmailButton:hover { 59 | background-position: -240px -29px; 60 | } 61 | -------------------------------------------------------------------------------- /Includes/Styles/VideoTemplate.css: -------------------------------------------------------------------------------- 1 | .VideoPlayerContainer 2 | { 3 | margin-top: 60px; 4 | text-align: center; 5 | } 6 | 7 | #VideoPlayer 8 | { 9 | width: 760px; 10 | background-color: Silver; 11 | border-radius: 4px; 12 | } 13 | -------------------------------------------------------------------------------- /Includes/readme.md: -------------------------------------------------------------------------------- 1 | This folder contains shared resources by the demos in the old website. Please don't add or modify anything. -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | Copyright (c) Microsoft Corporation. All rights reserved. 2 | 3 | Licensed under the Apache License, Version 2.0 (the "License"); you may not use these files except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 4 | 5 | Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # About these demos [![Build Status](https://travis-ci.org/MicrosoftEdge/Demos.svg?branch=master)](https://travis-ci.org/MicrosoftEdge/Demos) 2 | 3 | This is a set of interoperable and open source demos. You can watch their live version in the [MS Edge Dev Site](https://dev.windows.com/en-us/microsoft-edge/testdrive/). 4 | The main goal of this one is to show new web features (supported by Microsoft Edge) in a way that work across all modern browsers. If a feature 5 | is supported in a browser and the demo doesn't work as expected you should file a bug! 6 | 7 | Some of these demos have been migrated from the old TestDrive website (sometimes because they are still relevant, some others because we are bit 8 | too sentimental). Some others are new. In any case, we are working on adding more. We hope you find them interesting and helpful. 9 | 10 | ## Contributing 11 | 12 | Thanks for contributing! Please see the [Contributing](.github/CONTRIBUTING.md) file for process details and requirements. 13 | 14 | ## Code of Conduct 15 | 16 | This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. 17 | -------------------------------------------------------------------------------- /analyzeperformance/images/flexbox-perf.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/analyzeperformance/images/flexbox-perf.jpg -------------------------------------------------------------------------------- /audiomixer/scripts/timerworker.js: -------------------------------------------------------------------------------- 1 | (function(){ 2 | 'use strict'; 3 | 4 | var timeout = 0; 5 | 6 | var schedule = function() { 7 | timeout = setTimeout(function() { 8 | postMessage('schedule'); 9 | schedule(); 10 | }, 100); 11 | }; 12 | 13 | self.onmessage = function(e) { 14 | if (e.data === 'start') { 15 | if (!timeout) { 16 | schedule(); 17 | } 18 | } else if (e.data === 'pause') { 19 | if (timeout) { 20 | clearTimeout(timeout); 21 | } 22 | 23 | timeout = 0; 24 | } 25 | }; 26 | }()); 27 | -------------------------------------------------------------------------------- /audiomixer/sounds/bass.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/audiomixer/sounds/bass.wav -------------------------------------------------------------------------------- /audiomixer/sounds/crash.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/audiomixer/sounds/crash.wav -------------------------------------------------------------------------------- /audiomixer/sounds/hihat.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/audiomixer/sounds/hihat.wav -------------------------------------------------------------------------------- /audiomixer/sounds/kick.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/audiomixer/sounds/kick.wav -------------------------------------------------------------------------------- /audiomixer/sounds/ride.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/audiomixer/sounds/ride.wav -------------------------------------------------------------------------------- /audiomixer/sounds/snare.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/audiomixer/sounds/snare.wav -------------------------------------------------------------------------------- /audiomixer/sounds/tom.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/audiomixer/sounds/tom.wav -------------------------------------------------------------------------------- /beacon/README.md: -------------------------------------------------------------------------------- 1 | # Beacon API demo 2 | This is a demo of the [Beacon API](http://www.w3.org/TR/beacon/) using a basic 3 | Node.js server. Upon pageload, a script (beacon_demo.js) attempts to send some 4 | sample beacon data to the server. 5 | 6 | The example data here is simply the timestamp of the send. The server will then 7 | receive the data and log the timestamp of reception and print it to the page. 8 | 9 | ## Setup instructions 10 | 1. If you don't already have it, install [Node.js](https://nodejs.org/) 11 | 2. Download the code from this "beacon" folder locally. 12 | 3. Open a console window and navigate to your beacon directory 13 | 4. Install dependencies: `npm install` 14 | 5. Start the server 15 | - on Windows: `set DEBUG=beacon;* & npm start` 16 | - on MacOS / Linux: `DEBUG=beacon ./bin/www` 17 | 6. Navigate your browser to http://localhost:3000 18 | -------------------------------------------------------------------------------- /beacon/app.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const path = require('path'); 3 | const logger = require('morgan'); 4 | const bodyParser = require('body-parser'); 5 | const routes = require('./routes/index'); 6 | 7 | const app = express(); 8 | 9 | // view engine setup 10 | app.set('views', path.join(__dirname, 'views')); 11 | app.set('view engine', 'jade'); 12 | 13 | app.use(logger('dev')); 14 | app.use(bodyParser.text()); 15 | app.use(express.static(path.join(__dirname, 'public'))); 16 | app.use('/', routes); 17 | 18 | // catch 404 and forward to error handler 19 | app.use(function(req, res, next) { 20 | 'use strict'; 21 | 22 | const err = new Error('Not Found'); 23 | err.status = 404; 24 | next(err); 25 | }); 26 | 27 | // error handlers 28 | 29 | // development error handler 30 | // will print stacktrace 31 | if (app.get('env') === 'development') { 32 | app.use(function(err, req, res) { 33 | 'use strict'; 34 | 35 | res.status(err.status || 500); 36 | res.render('error', { 37 | message: err.message, 38 | error: err 39 | }); 40 | }); 41 | } 42 | 43 | // production error handler 44 | // no stacktraces leaked to user 45 | app.use(function(err, req, res) { 46 | 'use strict'; 47 | 48 | res.status(err.status || 500); 49 | res.render('error', { 50 | message: err.message, 51 | error: {} 52 | }); 53 | }); 54 | 55 | 56 | module.exports = app; 57 | -------------------------------------------------------------------------------- /beacon/bin/www: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 3 | /** 4 | * Module dependencies. 5 | */ 6 | 7 | var app = require('../app'); 8 | var debug = require('debug')('beacon:server'); 9 | var http = require('http'); 10 | 11 | /** 12 | * Get port from environment and store in Express. 13 | */ 14 | 15 | var port = normalizePort(process.env.PORT || '3000'); 16 | app.set('port', port); 17 | 18 | /** 19 | * Create HTTP server. 20 | */ 21 | 22 | var server = http.createServer(app); 23 | 24 | /** 25 | * Listen on provided port, on all network interfaces. 26 | */ 27 | 28 | server.listen(port); 29 | server.on('error', onError); 30 | server.on('listening', onListening); 31 | 32 | /** 33 | * Normalize a port into a number, string, or false. 34 | */ 35 | 36 | function normalizePort(val) { 37 | var port = parseInt(val, 10); 38 | 39 | if (isNaN(port)) { 40 | // named pipe 41 | return val; 42 | } 43 | 44 | if (port >= 0) { 45 | // port number 46 | return port; 47 | } 48 | 49 | return false; 50 | } 51 | 52 | /** 53 | * Event listener for HTTP server "error" event. 54 | */ 55 | 56 | function onError(error) { 57 | if (error.syscall !== 'listen') { 58 | throw error; 59 | } 60 | 61 | var bind = typeof port === 'string' 62 | ? 'Pipe ' + port 63 | : 'Port ' + port; 64 | 65 | // handle specific listen errors with friendly messages 66 | switch (error.code) { 67 | case 'EACCES': 68 | console.error(bind + ' requires elevated privileges'); 69 | process.exit(1); 70 | break; 71 | case 'EADDRINUSE': 72 | console.error(bind + ' is already in use'); 73 | process.exit(1); 74 | break; 75 | default: 76 | throw error; 77 | } 78 | } 79 | 80 | /** 81 | * Event listener for HTTP server "listening" event. 82 | */ 83 | 84 | function onListening() { 85 | var addr = server.address(); 86 | var bind = typeof addr === 'string' 87 | ? 'pipe ' + addr 88 | : 'port ' + addr.port; 89 | debug('Listening on ' + bind); 90 | } 91 | -------------------------------------------------------------------------------- /beacon/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "beacon", 3 | "version": "0.0.0", 4 | "private": true, 5 | "scripts": { 6 | "start": "node ./bin/www" 7 | }, 8 | "dependencies": { 9 | "body-parser": "~1.13.2", 10 | "debug": "~2.2.0", 11 | "express": "~4.13.1", 12 | "jade": "~1.11.0", 13 | "morgan": "~1.6.1" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /beacon/public/javascripts/beacon.js: -------------------------------------------------------------------------------- 1 | // Flag to determine if beacon has been used 2 | let usedBeacon = false; 3 | 4 | 5 | // Sends a beacon with the current time and returns true 6 | const sendBeacon = function() { 7 | 'use strict'; 8 | 9 | console.log('Sending beacon'); 10 | navigator.sendBeacon('/data', Date.now().toString()); 11 | return true; 12 | }; 13 | 14 | // Sends an XMLHttpRequest with the current time 15 | const sendXhr = function() { 16 | 'use strict'; 17 | 18 | console.log('Falling back to async xhr'); 19 | const xhr = new XMLHttpRequest(); 20 | xhr.open('POST', '/data', true); // async 21 | xhr.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8'); 22 | xhr.send(Date.now().toString()); 23 | }; 24 | 25 | // Report error if sendBeacon not supported 26 | if (!navigator.sendBeacon) { 27 | document.getElementById('error').innerHTML = '

Your browser does not support the Beacon API. XMLHTTPRequest will be used instead.'; 28 | } 29 | 30 | // Upon visibilitychange, send request to the server 31 | document.addEventListener('visibilitychange', function() { 32 | 'use strict'; 33 | 34 | // Use sendBeacon if supported 35 | 36 | if (navigator.sendBeacon) { 37 | usedBeacon = sendBeacon(); 38 | } 39 | 40 | // Fallback to async XMLHttpRequest if beacon is not supported 41 | if (!usedBeacon) { 42 | sendXhr(); 43 | } 44 | 45 | // Re-render the page with the latest available roundtrip data (there’s no guarantee this last one has returned yet) 46 | location.reload(); 47 | }); 48 | 49 | 50 | -------------------------------------------------------------------------------- /beacon/public/stylesheets/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding: 50px; 3 | font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; 4 | } 5 | 6 | a { 7 | color: #00B7FF; 8 | } 9 | 10 | #error { 11 | font-size: 1.5em; 12 | color: red; 13 | } 14 | -------------------------------------------------------------------------------- /beacon/routes/index.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const router = new express.Router(); 3 | 4 | const roundtrips = []; 5 | 6 | /* GET home page. */ 7 | 8 | router.get('/', function(req, res) { 9 | 'use strict'; 10 | 11 | res.render('index', { title: 'Beacon API demo', data: JSON.stringify(roundtrips) }); 12 | }); 13 | 14 | /* Beacon timestamp reporting */ 15 | router.post('/data', function(req, res) { 16 | 'use strict'; 17 | 18 | const receivedTime = Date.now().toString(); 19 | const requestTime = req.body; 20 | 21 | console.log('Incoming beacon data'); 22 | 23 | const trip = { 24 | beaconSent: requestTime, 25 | beaconReceived: receivedTime 26 | }; 27 | roundtrips.push(trip); 28 | console.log(`Current roundtrips data: ${JSON.stringify(roundtrips)}`); 29 | res.end(); 30 | }); 31 | 32 | module.exports = router; 33 | -------------------------------------------------------------------------------- /beacon/views/error.jade: -------------------------------------------------------------------------------- 1 | extends layout 2 | 3 | block content 4 | h1= message 5 | h2= error.status 6 | pre #{error.stack} 7 | -------------------------------------------------------------------------------- /beacon/views/index.jade: -------------------------------------------------------------------------------- 1 | extends layout 2 | 3 | block content 4 | h1 Beacon API 5 | 6 | p. 7 | This is a very basic demo of the W3C Beacon API. Upon page visibility change, a script 8 | (beacon_demo.js) attempts to send some sample beacon data to the server. 9 | p. 10 | For this demo, the data is the timestamp of the send. The server will 11 | receive the data and log the timestamp of reception. 12 | p. 13 | Switch between tabs or minimize/maximize the window to update displayed roundtrip data. 14 | You may have to do this several times for a better chance of seeing updated data 15 | in case of server lag. 16 | 17 | #error 18 | 19 | h3 Roundtrip data 20 | code= data 21 | 22 | script(src="/javascripts/beacon.js") 23 | -------------------------------------------------------------------------------- /beacon/views/layout.jade: -------------------------------------------------------------------------------- 1 | doctype html 2 | html 3 | head 4 | title= title 5 | link(rel='stylesheet', href='/stylesheets/style.css') 6 | body 7 | block content 8 | -------------------------------------------------------------------------------- /betafish/Images/ButtonPause.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/betafish/Images/ButtonPause.png -------------------------------------------------------------------------------- /betafish/Images/ButtonPlay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/betafish/Images/ButtonPlay.png -------------------------------------------------------------------------------- /betafish/Images/ButtonReset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/betafish/Images/ButtonReset.png -------------------------------------------------------------------------------- /betafish/Images/FishBody.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /betafish/Images/FishDorsalFin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /betafish/Images/FishEye.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /betafish/Images/FishEyeBall.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /betafish/Images/FishEyeGlare.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /betafish/Images/FishGillCover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /betafish/Images/FishHead.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /betafish/Images/FishPelvicFin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /betafish/Images/FishTail.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /betafish/Images/Glow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /betafish/Script/Settings.js: -------------------------------------------------------------------------------- 1 | // This file manages the demo settings including play, pause, and reset. 2 | 3 | var fishSwimming = true; 4 | 5 | function ToggleFishSwimming() { 6 | 7 | var toggleSwimmingButton = document.getElementById("ButtonToggleSwimming"); 8 | 9 | if (fishSwimming === true) { 10 | fishSwimming = false; 11 | document.getElementById("Fish").className = "FishSwimming Paused"; 12 | toggleSwimmingButton.setAttribute("aria-label", "Play demo"); 13 | toggleSwimmingButton.title = "Play (P)"; 14 | toggleSwimmingButton.style.backgroundImage = "url('Images/ButtonPlay.png')"; 15 | } 16 | else { 17 | fishSwimming = true; 18 | document.getElementById("Fish").className = "FishSwimming"; 19 | toggleSwimmingButton.setAttribute("aria-label", "Pause demo"); 20 | toggleSwimmingButton.title = "Pause (P)"; 21 | toggleSwimmingButton.style.backgroundImage = "url('Images/ButtonPause.png')"; 22 | } 23 | } 24 | 25 | function ResetDemo() { 26 | window.location.reload(); 27 | } 28 | 29 | window.addEventListener("keydown", OnKeyDown, false); 30 | 31 | function OnKeyDown(e) { 32 | 33 | if (e.keyCode) { 34 | key = e.keyCode; 35 | } else if (document.all) { 36 | key = event.keyCode; 37 | } else { 38 | key = ev.charCode; 39 | } 40 | 41 | switch (key) { 42 | case 80: // P: Pause Animation 43 | ToggleFishSwimming(); 44 | break; 45 | case 82: // R: Reset 46 | ResetDemo(); 47 | break; 48 | } 49 | 50 | //alert("Key:" + key); 51 | } 52 | -------------------------------------------------------------------------------- /betafish/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /blobbuilder/images/pause.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /blobbuilder/images/triangle.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /blobbuilder/pianonotes/A.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/A.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/A2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/A2.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/A2_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/A2_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/A_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/A_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/B.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/B.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/B2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/B2.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/C.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/C.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/C2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/C2.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/C2_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/C2_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/C_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/C_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/D.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/D.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/D2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/D2.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/D2_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/D2_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/D_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/D_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/E.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/E.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/E2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/E2.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/F.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/F.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/F2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/F2.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/F2_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/F2_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/F_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/F_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/G.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/G.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/G2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/G2.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/G2_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/G2_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/G_sharp.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/G_sharp.mp3 -------------------------------------------------------------------------------- /blobbuilder/pianonotes/allnotes.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/blobbuilder/pianonotes/allnotes.mp3 -------------------------------------------------------------------------------- /blobbuilder/styles/demo.css: -------------------------------------------------------------------------------- 1 | .hidden { 2 | display: none; 3 | } 4 | 5 | #warning { 6 | display: none; 7 | } 8 | 9 | #xhr-blob-warning { 10 | display: none; 11 | clear: both; 12 | } 13 | 14 | #audio-container, 15 | #for-development { 16 | display: none; 17 | } 18 | 19 | #score-container svg { 20 | width: 100%; 21 | } 22 | 23 | #play input { 24 | border: solid black; 25 | border-radius: 5px; 26 | padding: 5px; 27 | width: 80px; 28 | height: 80px; 29 | margin-top: 0; 30 | } 31 | 32 | #piano g rect:hover { 33 | fill: gray !important; /* Required so Chrome takes it into account */ 34 | } 35 | 36 | select { 37 | width: auto; 38 | } 39 | 40 | select, 41 | .button--reset-composition { 42 | display: block; 43 | } 44 | 45 | @media (min-width: 48em) and (max-width: 59.9375em) { 46 | 47 | .layout--basic--alt .module { 48 | float: none; 49 | margin-top: 3.2rem; 50 | width: 100%; 51 | } 52 | 53 | .layout--basic--alt .module:first-child { 54 | margin-top: 0; 55 | } 56 | 57 | } 58 | -------------------------------------------------------------------------------- /chalkboard/Audio/Whoosh.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chalkboard/Audio/Whoosh.mp3 -------------------------------------------------------------------------------- /chalkboard/Audio/Whoosh2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chalkboard/Audio/Whoosh2.mp3 -------------------------------------------------------------------------------- /chalkboard/Default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Chalkboard HTML5 Benchmark 9 | 10 | 11 | 12 | 13 | 14 |

Thanks for checking out this Internet Explorer 10 Test Drive demo. This demo uses animation techniques to move (pan, zoom, and scale) an image around on the screen. The faster your browser and the smoother the chalkboard will feel.
15 | 16 | 17 |
18 | 19 | 20 |
21 | 22 |
23 |
24 |

25 |

26 |

Refresh the page to run again

27 |
28 |
29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /chalkboard/Fonts/GillesHandwriting.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chalkboard/Fonts/GillesHandwriting.woff -------------------------------------------------------------------------------- /chalkboard/Images/ChalkboardGridlines.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chalkboard/Images/ChalkboardGridlines.png -------------------------------------------------------------------------------- /chalkboard/Images/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chalkboard/Images/Logo.png -------------------------------------------------------------------------------- /chalkboard/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /chalkboard/readme.md: -------------------------------------------------------------------------------- 1 | This is the old and original chalkboard demo. No changes have been made because it is being used in benchmarks and changing the code could affect the results. -------------------------------------------------------------------------------- /chess/images/aboutflags.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/aboutflags.jpg -------------------------------------------------------------------------------- /chess/images/icons/bulb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/icons/bulb.png -------------------------------------------------------------------------------- /chess/images/icons/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/icons/close.png -------------------------------------------------------------------------------- /chess/images/icons/gear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/icons/gear.png -------------------------------------------------------------------------------- /chess/images/icons/refresh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/icons/refresh.png -------------------------------------------------------------------------------- /chess/images/pieces/bB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/bB.png -------------------------------------------------------------------------------- /chess/images/pieces/bK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/bK.png -------------------------------------------------------------------------------- /chess/images/pieces/bN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/bN.png -------------------------------------------------------------------------------- /chess/images/pieces/bP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/bP.png -------------------------------------------------------------------------------- /chess/images/pieces/bQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/bQ.png -------------------------------------------------------------------------------- /chess/images/pieces/bR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/bR.png -------------------------------------------------------------------------------- /chess/images/pieces/wB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/wB.png -------------------------------------------------------------------------------- /chess/images/pieces/wK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/wK.png -------------------------------------------------------------------------------- /chess/images/pieces/wN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/wN.png -------------------------------------------------------------------------------- /chess/images/pieces/wP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/wP.png -------------------------------------------------------------------------------- /chess/images/pieces/wQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/wQ.png -------------------------------------------------------------------------------- /chess/images/pieces/wR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/pieces/wR.png -------------------------------------------------------------------------------- /chess/images/small/bB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/bB.png -------------------------------------------------------------------------------- /chess/images/small/bK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/bK.png -------------------------------------------------------------------------------- /chess/images/small/bN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/bN.png -------------------------------------------------------------------------------- /chess/images/small/bP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/bP.png -------------------------------------------------------------------------------- /chess/images/small/bQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/bQ.png -------------------------------------------------------------------------------- /chess/images/small/bR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/bR.png -------------------------------------------------------------------------------- /chess/images/small/wB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/wB.png -------------------------------------------------------------------------------- /chess/images/small/wK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/wK.png -------------------------------------------------------------------------------- /chess/images/small/wN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/wN.png -------------------------------------------------------------------------------- /chess/images/small/wP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/wP.png -------------------------------------------------------------------------------- /chess/images/small/wQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/wQ.png -------------------------------------------------------------------------------- /chess/images/small/wR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/chess/images/small/wR.png -------------------------------------------------------------------------------- /chess/scripts/main.js: -------------------------------------------------------------------------------- 1 | (function(app, $) { 2 | 'use strict'; 3 | 4 | /*eslint-disable*/ 5 | function debounce(func, wait, immediate) { 6 | var timeout; 7 | return function() { 8 | var context = this, args = arguments; 9 | var later = function() { 10 | timeout = null; 11 | if (!immediate) func.apply(context, args); 12 | }; 13 | var callNow = immediate && !timeout; 14 | clearTimeout(timeout); 15 | timeout = setTimeout(later, wait); 16 | if (callNow) func.apply(context, args); 17 | }; 18 | }; 19 | /*eslint-enable*/ 20 | 21 | let match; 22 | 23 | $(document).ready(function() { 24 | /*eslint-disable no-unused-vars*/ 25 | match = new app.Match(); 26 | /*eslint-enable no-unused-vars*/ 27 | 28 | $(window).on('resize', debounce(function() { 29 | match.resize(); 30 | }, 100)); 31 | 32 | $('#chess__enable-asm, #chess__enable-asm-close').on('click', function(e) { 33 | if (!$(e.target).is('a')) { 34 | $('#chess__enable-asm').toggleClass('chess__show-detail'); 35 | return false; 36 | } 37 | return null; 38 | }); 39 | }); 40 | }(window.ChessDemo, window.jQuery)); 41 | -------------------------------------------------------------------------------- /chess/scripts/namespace.js: -------------------------------------------------------------------------------- 1 | window.ChessDemo = { 2 | controls: {}, 3 | utils: {} 4 | }; 5 | -------------------------------------------------------------------------------- /coloringbook/images/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/01.png -------------------------------------------------------------------------------- /coloringbook/images/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/02.png -------------------------------------------------------------------------------- /coloringbook/images/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/03.png -------------------------------------------------------------------------------- /coloringbook/images/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/04.png -------------------------------------------------------------------------------- /coloringbook/images/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/05.png -------------------------------------------------------------------------------- /coloringbook/images/06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/06.png -------------------------------------------------------------------------------- /coloringbook/images/07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/07.png -------------------------------------------------------------------------------- /coloringbook/images/08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/08.png -------------------------------------------------------------------------------- /coloringbook/images/09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/09.png -------------------------------------------------------------------------------- /coloringbook/images/Exit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/Exit.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/01.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/02.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/03.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/04.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/05.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/06.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/07.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/08.png -------------------------------------------------------------------------------- /coloringbook/images/autumn/09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/autumn/09.png -------------------------------------------------------------------------------- /coloringbook/images/browser-tall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/browser-tall.png -------------------------------------------------------------------------------- /coloringbook/images/browser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/browser.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/01.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/02.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/03.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/04.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/05.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/06.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/06.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/07.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/07.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/08.png -------------------------------------------------------------------------------- /coloringbook/images/christmas/09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/christmas/09.png -------------------------------------------------------------------------------- /coloringbook/images/clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/clip.png -------------------------------------------------------------------------------- /coloringbook/images/comment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/comment.png -------------------------------------------------------------------------------- /coloringbook/images/eraser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/eraser.png -------------------------------------------------------------------------------- /coloringbook/images/highlight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/highlight.png -------------------------------------------------------------------------------- /coloringbook/images/hub.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/hub.png -------------------------------------------------------------------------------- /coloringbook/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/icon.png -------------------------------------------------------------------------------- /coloringbook/images/pan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/pan.png -------------------------------------------------------------------------------- /coloringbook/images/pen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/pen.png -------------------------------------------------------------------------------- /coloringbook/images/position.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/position.png -------------------------------------------------------------------------------- /coloringbook/images/save.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/save.png -------------------------------------------------------------------------------- /coloringbook/images/social.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/social.png -------------------------------------------------------------------------------- /coloringbook/images/top.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/top.png -------------------------------------------------------------------------------- /coloringbook/images/webnote.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/webnote.png -------------------------------------------------------------------------------- /coloringbook/images/webnotedark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/coloringbook/images/webnotedark.png -------------------------------------------------------------------------------- /coloringbook/scripts/demo.js: -------------------------------------------------------------------------------- 1 | /* globals jQuery */ 2 | (function ($) { 3 | 'use strict'; 4 | 5 | var scrollTo = function (top) { 6 | $('html, body').animate({scrollTop: top}, 800, 'easeInOutCirc'); 7 | }; 8 | 9 | $('.illo-band').click(function () { 10 | var height = 0; 11 | var nav = $('.nav'); 12 | if (nav.length > 0) { 13 | height = nav.height(); 14 | } 15 | var offset = $('.coloring-page').offset().top - height; 16 | scrollTo(offset); 17 | return false; 18 | }); 19 | 20 | }(jQuery)); 21 | 22 | // t: current time, b: begInnIng value, c: change In value, d: duration 23 | jQuery.easing.jswing = jQuery.easing.swing; 24 | 25 | /* eslint-disable no-param-reassign, strict */ 26 | jQuery.extend(jQuery.easing, { 27 | def: 'easeOutQuad', 28 | easeOutQuad: function (x, t, b, c, d) { 29 | return -c * (t /= d) * (t - 2) + b; 30 | }, 31 | easeInOutCirc: function (x, t, b, c, d) { 32 | if ((t /= d / 2) < 1) { 33 | return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b; 34 | } 35 | return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; 36 | } 37 | }); 38 | /* eslint-enable no-param-reassign, strict */ 39 | -------------------------------------------------------------------------------- /compatinspector/images/debug-checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/debug-checked.png -------------------------------------------------------------------------------- /compatinspector/images/details.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/details.png -------------------------------------------------------------------------------- /compatinspector/images/fiddler.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/fiddler.png -------------------------------------------------------------------------------- /compatinspector/images/frames.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/frames.png -------------------------------------------------------------------------------- /compatinspector/images/ici-image10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/ici-image10.png -------------------------------------------------------------------------------- /compatinspector/images/ici-image11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/ici-image11.png -------------------------------------------------------------------------------- /compatinspector/images/ici-image12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/ici-image12.png -------------------------------------------------------------------------------- /compatinspector/images/ici-image13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/ici-image13.png -------------------------------------------------------------------------------- /compatinspector/images/ici-image7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/ici-image7.png -------------------------------------------------------------------------------- /compatinspector/images/ici-image8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/ici-image8.png -------------------------------------------------------------------------------- /compatinspector/images/ici-image9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/ici-image9.png -------------------------------------------------------------------------------- /compatinspector/images/library.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/library.png -------------------------------------------------------------------------------- /compatinspector/images/summary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/summary.png -------------------------------------------------------------------------------- /compatinspector/images/unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/unchecked.png -------------------------------------------------------------------------------- /compatinspector/images/verify-checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/verify-checked.png -------------------------------------------------------------------------------- /compatinspector/images/verifying.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/compatinspector/images/verifying.png -------------------------------------------------------------------------------- /css-grid/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true 3 | } 4 | -------------------------------------------------------------------------------- /css-grid/images/background.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /css-grid/images/grid_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_1.png -------------------------------------------------------------------------------- /css-grid/images/grid_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_2.png -------------------------------------------------------------------------------- /css-grid/images/grid_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_3.png -------------------------------------------------------------------------------- /css-grid/images/grid_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_4.png -------------------------------------------------------------------------------- /css-grid/images/grid_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_5.png -------------------------------------------------------------------------------- /css-grid/images/grid_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_6.png -------------------------------------------------------------------------------- /css-grid/images/grid_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_7.png -------------------------------------------------------------------------------- /css-grid/images/grid_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_8.png -------------------------------------------------------------------------------- /css-grid/images/grid_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/images/grid_9.png -------------------------------------------------------------------------------- /css-grid/sounds/failure.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/sounds/failure.wav -------------------------------------------------------------------------------- /css-grid/sounds/success.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css-grid/sounds/success.wav -------------------------------------------------------------------------------- /css3filters/scripts/demo.js: -------------------------------------------------------------------------------- 1 | /*eslint-env jquery */ 2 | 3 | (function () { 4 | 'use strict'; 5 | 6 | var filters = [ 7 | 'grayscale', 8 | 'sepia', 9 | 'saturate', 10 | 'invert', 11 | 'opacity', 12 | 'brightness', 13 | 'contrast' 14 | ]; 15 | 16 | filters.forEach(function (filter) { 17 | var input = $('#' + filter + '-sldr'); 18 | input.change(function () { 19 | $('.' + filter).css('filter', filter + '(' + input.val() + '%)'); 20 | $('.' + filter).css('-webkit-filter', filter + '(' + input.val() + '%)'); 21 | }); 22 | input.trigger('change'); 23 | }); 24 | 25 | var hue = $('#hue-rotate-sldr'); 26 | hue.change(function () { 27 | $('.hue-rotate').css('filter', 'hue-rotate(' + hue.val() + 'deg)'); 28 | $('.hue-rotate').css('-webkit-filter', 'hue-rotate(' + hue.val() + 'deg)'); 29 | }); 30 | hue.trigger('change'); 31 | 32 | var blur = $('#blur-sldr'); 33 | blur.change(function () { 34 | $('.blur').css('filter', 'blur(' + blur.val() + 'px)'); 35 | $('.blur').css('-webkit-filter', 'blur(' + blur.val() + 'px)'); 36 | }); 37 | blur.trigger('change'); 38 | 39 | }()); 40 | -------------------------------------------------------------------------------- /css3mediaqueries/images/eagle2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/eagle2.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/eagle_small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/eagle_small.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/grandfather_mountain2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/grandfather_mountain2.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/grandfather_mountain_small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/grandfather_mountain_small.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/pink_house2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/pink_house2.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/pink_house_small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/pink_house_small.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/tulips2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/tulips2.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/tulips_small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/tulips_small.jpg -------------------------------------------------------------------------------- /css3mediaqueries/images/tulips_xsmall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/css3mediaqueries/images/tulips_xsmall.jpg -------------------------------------------------------------------------------- /css3mediaqueries/styles/demotemplate.css: -------------------------------------------------------------------------------- 1 | body { 2 | position: relative; 3 | margin: 0 auto 0 auto; 4 | min-width: 960px; 5 | max-width: 1080px; 6 | padding: 0 40px 0 40px; 7 | } 8 | 9 | #demo-screenreader-text { 10 | position: absolute; 11 | left: -10000px; 12 | } 13 | 14 | #demo-title { 15 | padding: 40px 0 0 0; 16 | font-size: 24pt; 17 | font-weight: normal; 18 | color: #00a3ef; 19 | } 20 | 21 | #demo-introduction { 22 | margin: 40px 0 0 0; 23 | } 24 | 25 | #demo-content { 26 | margin: 30px 0 0 0; 27 | } 28 | 29 | #demo-details { 30 | margin: 30px 0 0 0; 31 | } 32 | -------------------------------------------------------------------------------- /custom-props/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true 3 | } 4 | -------------------------------------------------------------------------------- /custom-props/img/day_scene.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/custom-props/img/day_scene.png -------------------------------------------------------------------------------- /custom-props/img/night_scene.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/custom-props/img/night_scene.png -------------------------------------------------------------------------------- /demo-template/images/x.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /demo-template/scripts/your-demo-name.js: -------------------------------------------------------------------------------- 1 | /* 2 | * NAME OF YOUR DEMO 3 | * ============================================= 4 | */ 5 | 6 | /* 7 | * COMPONENT: PAUSE ANIMATIONS BUTTON 8 | * Toggles "has-anim" class; CSS selectors and JS 9 | * should be written so that animations only run 10 | * when this class is present 11 | * ---------------------------------------------- 12 | */ 13 | 14 | (function () { 15 | 'use strict'; 16 | 17 | const animButton = document.getElementById('toggle-anim'); 18 | 19 | if (animButton) { 20 | const toggleAnim = function() { 21 | const stateName = animButton.querySelector('.c-toggle-anim__state'); 22 | if (animButton.getAttribute('aria-pressed') === 'true') { 23 | console.log('animations were off'); 24 | animButton.setAttribute('aria-pressed', 'false'); 25 | stateName.innerText = animButton.getAttribute('data-unpressed-text'); 26 | document.body.classList.add('has-anim'); 27 | } else { 28 | console.log('animations were on'); 29 | animButton.setAttribute('aria-pressed', 'true'); 30 | stateName.innerText = animButton.getAttribute('data-pressed-text'); 31 | document.body.classList.remove('has-anim'); 32 | } 33 | }; 34 | 35 | const showAnimButton = function() { 36 | document.body.classList.add('has-anim'); 37 | animButton.removeAttribute('aria-hidden'); 38 | animButton.setAttribute('aria-pressed', 'false'); 39 | animButton.addEventListener('click', toggleAnim, false); 40 | }; 41 | 42 | showAnimButton(); 43 | } 44 | }()); -------------------------------------------------------------------------------- /editingpasteimage/styles/demotemplate.css: -------------------------------------------------------------------------------- 1 | body { 2 | position: relative; 3 | margin: 0 auto 0 auto; 4 | min-width: 960px; 5 | max-width: 1080px; 6 | padding: 0 40px 0 40px; 7 | } 8 | 9 | #demo-screenreader-text { 10 | position: absolute; 11 | left: -10000px; 12 | } 13 | 14 | #demo-title { 15 | padding: 40px 0 0 0; 16 | font-size: 24pt; 17 | font-weight: normal; 18 | color: #00a3ef; 19 | } 20 | 21 | #demo-introduction { 22 | margin: 40px 0 0 0; 23 | } 24 | 25 | #demo-content { 26 | margin: 30px 0 0 0; 27 | } 28 | 29 | #demo-details { 30 | margin: 30px 0 0 0; 31 | } 32 | -------------------------------------------------------------------------------- /editingpasteimage/styles/editpage.css: -------------------------------------------------------------------------------- 1 | img { 2 | max-height: 400px; 3 | max-width: 90%; 4 | margin-bottom: 10px; 5 | } 6 | -------------------------------------------------------------------------------- /eme/images/a_team_trailer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/a_team_trailer.jpg -------------------------------------------------------------------------------- /eme/images/big_buck_bunny.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/big_buck_bunny.jpg -------------------------------------------------------------------------------- /eme/images/elephants_dream.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/elephants_dream.jpg -------------------------------------------------------------------------------- /eme/images/locked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/locked.png -------------------------------------------------------------------------------- /eme/images/sintel_trailer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/sintel_trailer.jpg -------------------------------------------------------------------------------- /eme/images/sintel_trailer_drm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/sintel_trailer_drm.jpg -------------------------------------------------------------------------------- /eme/images/tears_of_steel_drm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/tears_of_steel_drm.jpg -------------------------------------------------------------------------------- /eme/images/unlocked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/eme/images/unlocked.png -------------------------------------------------------------------------------- /eme/styles/demo.css: -------------------------------------------------------------------------------- 1 | .movie { 2 | background-color: #f2f2f2; 3 | margin: 4px; 4 | } 5 | 6 | .movie:hover { 7 | background-color: #d7edff; 8 | } 9 | 10 | #video { 11 | background: black; 12 | display: block; 13 | width: 100%; 14 | height: 500px; 15 | } 16 | 17 | #video:focus { 18 | outline: none; 19 | } 20 | 21 | div.controls { 22 | width: 100%; 23 | } 24 | 25 | input[type='range']::-ms-tooltip { 26 | display: none; 27 | } 28 | 29 | .spacer{ 30 | width: 100%; 31 | } 32 | 33 | img.lockimg { 34 | min-width: 25px; 35 | vertical-align: -40%; 36 | min-height: 25px; 37 | margin-top: 0px; 38 | } 39 | 40 | .lockContainer { 41 | min-width: 50px; 42 | min-height: 50px; 43 | } 44 | 45 | #library { 46 | overflow-y: scroll; 47 | margin-bottom: 30px; 48 | height: 500px; 49 | } 50 | 51 | #library div { 52 | padding: 15px; 53 | -webkit-user-select: none; 54 | -moz-user-select: none; 55 | user-select: none; 56 | cursor: pointer; 57 | } 58 | 59 | #library div[selected] { 60 | background: #0078D7; 61 | } 62 | 63 | #library div[selected] p { 64 | color: #f2f2f2; 65 | } 66 | 67 | .property { 68 | font-style: italic; 69 | } 70 | 71 | div.cell { 72 | display: table-cell; 73 | padding: 5px; 74 | vertical-align: middle; 75 | } 76 | 77 | .cell label { 78 | white-space: nowrap; 79 | font-size: 12px; 80 | } 81 | 82 | input[type='range'] { 83 | width: 150px; 84 | height: auto; 85 | border: auto; 86 | padding: auto; 87 | } 88 | 89 | .icon--link { 90 | margin-right: 5px; 91 | } 92 | -------------------------------------------------------------------------------- /familysearch/images/safe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/familysearch/images/safe.jpg -------------------------------------------------------------------------------- /familysearch/images/unsafe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/familysearch/images/unsafe.jpg -------------------------------------------------------------------------------- /familysearch/styles/demo.css: -------------------------------------------------------------------------------- 1 | /* Override module behavior for Bing results on "tablet" sizes */ 2 | 3 | @media (min-width: 33.75em) and (max-width: 60em) { 4 | 5 | .layout--halves .module.bing-result { 6 | float: none; 7 | margin-top: 3.2rem; 8 | width: 100%; 9 | } 10 | 11 | .layout--halves .module.bing-result:first-child { 12 | margin-top: 0; 13 | } 14 | 15 | } 16 | -------------------------------------------------------------------------------- /fishbowlie/Audio/Background.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Audio/Background.mp3 -------------------------------------------------------------------------------- /fishbowlie/Audio/Bubbles.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Audio/Bubbles.mp3 -------------------------------------------------------------------------------- /fishbowlie/Images/Bowl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Bowl.png -------------------------------------------------------------------------------- /fishbowlie/Images/BowlGlow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/BowlGlow.png -------------------------------------------------------------------------------- /fishbowlie/Images/BowlGlowMask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/BowlGlowMask.png -------------------------------------------------------------------------------- /fishbowlie/Images/BowlShadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/BowlShadow.png -------------------------------------------------------------------------------- /fishbowlie/Images/BowlShine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/BowlShine.png -------------------------------------------------------------------------------- /fishbowlie/Images/CheckmarkDisabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/CheckmarkDisabled.png -------------------------------------------------------------------------------- /fishbowlie/Images/CheckmarkEnabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/CheckmarkEnabled.png -------------------------------------------------------------------------------- /fishbowlie/Images/Chevron.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Chevron.png -------------------------------------------------------------------------------- /fishbowlie/Images/Fish.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Fish.png -------------------------------------------------------------------------------- /fishbowlie/Images/FishStrip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/FishStrip.png -------------------------------------------------------------------------------- /fishbowlie/Images/Gauge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Gauge.png -------------------------------------------------------------------------------- /fishbowlie/Images/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Logo.png -------------------------------------------------------------------------------- /fishbowlie/Images/Mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Mask.png -------------------------------------------------------------------------------- /fishbowlie/Images/Mask2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Mask2.png -------------------------------------------------------------------------------- /fishbowlie/Images/Needle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Needle.png -------------------------------------------------------------------------------- /fishbowlie/Images/Resize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Images/Resize.png -------------------------------------------------------------------------------- /fishbowlie/Script/Keyboard.js: -------------------------------------------------------------------------------- 1 | function KeyPress(e) { 2 | 3 | var key; 4 | 5 | // Get key code 6 | if (e.keyCode) { 7 | key = e.keyCode; 8 | } else if (document.all) { 9 | key = event.keyCode; 10 | } else { 11 | key = ev.charCode; 12 | } 13 | 14 | switch (key) { 15 | case 68: 16 | fishBowl.ToggleBowlEdges(); 17 | break; 18 | case 72: 19 | frame.Hide(); 20 | water.PauseAudio(); 21 | water.PauseVideo(); 22 | fishBowl.HideBowlMask(); 23 | fishBowl.HideBowlBack(); 24 | fishBowl.HideBowlFront(); 25 | fishBowl.HideBowlShine(); 26 | fishBowl.HideBowlShadow(); 27 | fishBowl.HideFish(); 28 | fpsMeter.HideMeter(); 29 | fpsMeter.HideNeedle(); 30 | logo.Hide(); 31 | fpsMeter.Hide(); 32 | break; 33 | case 83: 34 | frame.Show(); 35 | water.PlayAudio(); 36 | water.PlayVideo(); 37 | fishBowl.ShowBowlMask(); 38 | fishBowl.ShowBowlBack(); 39 | fishBowl.ShowBowlFront(); 40 | fishBowl.ShowBowlShine(); 41 | fishBowl.ShowBowlShadow(); 42 | fishBowl.ShowFish(); 43 | fpsMeter.ShowMeter(); 44 | fpsMeter.ShowNeedle(); 45 | logo.Show(); 46 | fpsMeter.Show(); 47 | break; 48 | case 107: 49 | fishBowl.AddFish(false); 50 | break; 51 | case 109: 52 | fishBowl.RemoveFish(); 53 | break; 54 | case 49: 55 | StopDrawing(); 56 | break; 57 | case 50: 58 | StepDrawing(); 59 | break; 60 | case 51: 61 | StartDrawing(); 62 | break; 63 | 64 | } 65 | 66 | //alert("Key:" + key); 67 | } 68 | -------------------------------------------------------------------------------- /fishbowlie/Script/LoadingCover.js: -------------------------------------------------------------------------------- 1 | function LoadingCover() { 2 | 3 | var canvas; 4 | var context; 5 | var loadingInterval; 6 | var loadingOpacity = 1; 7 | 8 | this.Resize = function () { 9 | canvas.style.top = "0px"; 10 | canvas.style.left = "0px"; 11 | canvas.setAttribute("width", sceneWidth); 12 | canvas.setAttribute("height", sceneHeight); 13 | Draw(); 14 | } 15 | 16 | this.Show = function () { 17 | clearInterval(loadingInterval); 18 | loadingOpacity = 1; 19 | canvas.style.opacity = 1; 20 | canvas.style.visibility = "visible"; 21 | } 22 | 23 | this.Hide = function () { 24 | loadingInterval = setInterval(FadeAway, SINGLE_CYCLE); 25 | } 26 | 27 | var Draw = function () { 28 | context.fillStyle = "#FFFFFF"; 29 | context.clearRect(0, 0, sceneWidth, sceneHeight); 30 | context.fillRect(0, 0, sceneWidth, sceneHeight); 31 | context.font = "18pt Verdana"; 32 | context.fillStyle = "#dfdfdf"; 33 | context.textAlign = "center"; 34 | context.fillText("Initializing FishBowl...", sceneWidth * 0.5, sceneHeight * 0.4); 35 | document.body.style.opacity = 1; 36 | } 37 | 38 | var FadeAway = function () { 39 | if (loadingOpacity < 0.1) { 40 | clearInterval(loadingInterval); 41 | canvas.style.visibility = "hidden"; 42 | } 43 | else { 44 | loadingOpacity -= ((1 - loadingOpacity) * 0.03) + 0.005; 45 | canvas.style.opacity = loadingOpacity; 46 | } 47 | } 48 | 49 | canvas = document.getElementById("LoadingCanvas"); 50 | context = canvas.getContext("2d"); 51 | this.Resize(); 52 | } 53 | -------------------------------------------------------------------------------- /fishbowlie/Script/Logo.js: -------------------------------------------------------------------------------- 1 | function Logo() { 2 | 3 | this.canvas; 4 | this.context; 5 | this.displayLogo = true; 6 | 7 | this.logoWidth = 165; 8 | this.logoHeight = 67; 9 | this.logoTop = 108; 10 | this.logoLeft = 48; 11 | 12 | this.Resize = function () { 13 | if (this.displayLogo === true) { 14 | this.canvas.style.top = this.logoTop + "px"; 15 | this.canvas.style.left = this.logoLeft + "px"; 16 | this.canvas.setAttribute("width", this.logoWidth); 17 | this.canvas.setAttribute("height", this.logoHeight); 18 | this.Draw(); 19 | } 20 | } 21 | 22 | this.Draw = function () { 23 | if (this.displayLogo === true) { 24 | this.context.clearRect(0, 0, this.logoWidth, this.logoHeight); 25 | this.context.drawImage(imgLogo, 0, 0, this.logoWidth, this.logoHeight); 26 | } 27 | } 28 | 29 | this.Show = function () { 30 | this.displayLogo = true; 31 | document.getElementById("chkLogo").setAttribute("class", "Control Enabled"); 32 | this.Resize(); 33 | } 34 | 35 | this.Hide = function () { 36 | this.displayLogo = false; 37 | document.getElementById("chkLogo").setAttribute("class", "Control Disabled"); 38 | this.canvas.style.top = "0px"; 39 | this.canvas.style.left = "0px"; 40 | this.canvas.setAttribute("width", 0); 41 | this.canvas.setAttribute("height", 0); 42 | } 43 | 44 | this.ToggleVisibility = function () { 45 | if (this.displayLogo == true) { 46 | this.Hide(); 47 | } 48 | else { 49 | this.Show(); 50 | } 51 | } 52 | 53 | this.Initialize(); 54 | } 55 | 56 | 57 | Logo.prototype.Initialize = function () { 58 | this.canvas = document.getElementById("LogoCanvas"); 59 | this.context = this.canvas.getContext("2d"); 60 | this.Draw(); 61 | }; 62 | -------------------------------------------------------------------------------- /fishbowlie/Video/Water.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Video/Water.mp4 -------------------------------------------------------------------------------- /fishbowlie/Video/Water2.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishbowlie/Video/Water2.mp4 -------------------------------------------------------------------------------- /fishbowlie/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /fishbowlie/readme.md: -------------------------------------------------------------------------------- 1 | This is the old and original fishbowl demo. No changes have been made because it is being used in benchmarks and changing the code could affect the results. -------------------------------------------------------------------------------- /fishietank/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /fishietank/images/background-flip2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishietank/images/background-flip2.jpg -------------------------------------------------------------------------------- /fishietank/images/fishstrip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/fishietank/images/fishstrip.png -------------------------------------------------------------------------------- /fishietank/styles/fpsometer - org.css: -------------------------------------------------------------------------------- 1 | .infoPanel, .infoPanelTouch 2 | { 3 | position: absolute; 4 | top: 95px; 5 | right: 15px; 6 | width: 100px; 7 | background-color: rgb(75,175,225); 8 | /*border-top: 1px solid rgba(0, 0, 0, .3);*/ 9 | opacity: 1; 10 | font-size: 18px; 11 | font-family: Segoe UI, Verdana, Arial, Sans-Serif; 12 | color: black; 13 | text-align: center; 14 | text-decoration: none; 15 | z-index:201; 16 | } 17 | .fpsometer 18 | { 19 | position: absolute; 20 | top: 45px; 21 | right: 15px; 22 | width: 100px; 23 | font-size: 20px; 24 | font-family: Segoe UI, Verdana, Arial, Sans-Serif; 25 | color: black; 26 | text-align: center; 27 | z-index:203; 28 | background-color: rgba(0,0,0,0); 29 | } 30 | 31 | #fpsCanvas 32 | { 33 | position: absolute; 34 | top: 40px; 35 | right: 10px; 36 | font-size: 18px; 37 | font-family: Segoe UI, Verdana, Arial, Sans-Serif; 38 | text-align: center; 39 | z-index:202; 40 | } 41 | .label{font-size: 14px;color: rgb(40,40,40);} 42 | .data{margin-top:15px;} 43 | .infoPanel .control{font-size: 14px;} 44 | .infoPanelTouch .control{font-size: 18px; padding-top:4px; padding-bottom:4px;} 45 | .control{color: rgb(40,40,40);} 46 | .control A:link{color:rgb(40,40,40);} 47 | .control A:visited{color:rgb(40,40,40);} 48 | .meter{font-size: 28px;} 49 | .meterLabel{font-size: 14px;margin-top:-5px;} 50 | .settingsLabel{margin-top:15px;font-size: 14px;color: rgb(40,40,40); border-bottom:2px;} 51 | -------------------------------------------------------------------------------- /fishietank/styles/fpsometer.css: -------------------------------------------------------------------------------- 1 | #infoPanel 2 | { 3 | position: absolute; 4 | top: 135px; 5 | right: 15px; 6 | width: 100px; 7 | background-color: rgb(75,175,225); 8 | /*border-top: 1px solid rgba(0, 0, 0, .3);*/ 9 | opacity: 1; 10 | font-size: 18px; 11 | font-family: Segoe UI, Verdana, Arial, Sans-Serif; 12 | color: black; 13 | text-align: center; 14 | text-decoration: none; 15 | z-index:201; 16 | } 17 | .infoPanelTouch 18 | { 19 | position: absolute; 20 | top: 135px; 21 | right: 15px; 22 | width: 100px; 23 | background-color: rgb(75,175,225); 24 | /*border-top: 1px solid rgba(0, 0, 0, .3);*/ 25 | opacity: 1; 26 | font-size: 18px; 27 | font-family: Segoe UI, Verdana, Arial, Sans-Serif; 28 | color: black; 29 | text-align: center; 30 | text-decoration: none; 31 | z-index:201; 32 | } 33 | #fpsometer 34 | { 35 | position: absolute; 36 | top: 85px; 37 | right: 15px; 38 | width: 100px; 39 | font-size: 20px; 40 | font-family: Segoe UI, Verdana, Arial, Sans-Serif; 41 | color: black; 42 | text-align: center; 43 | z-index:203; 44 | background-color: rgba(0,0,0,0); 45 | } 46 | 47 | #fpsCanvas 48 | { 49 | position: absolute; 50 | top: 80px; 51 | right: 10px; 52 | font-size: 18px; 53 | font-family: Segoe UI, Verdana, Arial, Sans-Serif; 54 | text-align: center; 55 | z-index:202; 56 | } 57 | .label{font-size: 14px;color: rgb(40,40,40);} 58 | .data{margin-top:15px;} 59 | .infoPanel .control{font-size: 14px;} 60 | .infoPanelTouch .control{font-size: 18px; padding-top:4px; padding-bottom:4px;} 61 | .control{color: rgb(40,40,40);} 62 | .control A:link{color:rgb(40,40,40);} 63 | .control A:visited{color:rgb(40,40,40);} 64 | .meter{font-size: 28px;} 65 | .meterLabel{font-size: 14px;margin-top:-5px;} 66 | .settingsLabel{margin-top:15px;font-size: 14px;color: rgb(40,40,40); border-bottom:2px;} 67 | -------------------------------------------------------------------------------- /html5forms/autofocus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 |

14 | HTML5 Forms 15 |

16 |
17 |

The autofocus attribute sets the focus to the specified input element when the page loads. You should see focus 18 | in the input element below.

19 |
20 |
21 |
22 | 23 | 24 |
25 | Return to HTML5 Forms TestDrive 26 |
27 |
28 |
29 | 30 | 31 | -------------------------------------------------------------------------------- /html5forms/images/cake.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/html5forms/images/cake.jpg -------------------------------------------------------------------------------- /html5forms/styles/demotemplate.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | body { 6 | position: relative; 7 | margin: 0 auto 0 auto; 8 | min-width: 960px; 9 | max-width: 1080px; 10 | padding: 0 40px 0 40px; 11 | } 12 | 13 | #demo-screenreader-text { 14 | position: absolute; 15 | left: -10000px; 16 | } 17 | 18 | #demo-title { 19 | padding: 40px 0 0 0; 20 | font-size: 24pt; 21 | font-weight: normal; 22 | color: #00a3ef; 23 | } 24 | 25 | #demo-introduction { 26 | margin: 40px 0 0 0; 27 | } 28 | 29 | #demo-content { 30 | margin: 30px 0 0 0; 31 | } 32 | 33 | #demo-details { 34 | margin: 30px 0 0 0; 35 | } 36 | -------------------------------------------------------------------------------- /letitsnow/Messages/0134829301.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0134829301.png -------------------------------------------------------------------------------- /letitsnow/Messages/0291523152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0291523152.png -------------------------------------------------------------------------------- /letitsnow/Messages/0321549523.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0321549523.png -------------------------------------------------------------------------------- /letitsnow/Messages/0416485177.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0416485177.png -------------------------------------------------------------------------------- /letitsnow/Messages/0533516951.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0533516951.png -------------------------------------------------------------------------------- /letitsnow/Messages/0615415214.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0615415214.png -------------------------------------------------------------------------------- /letitsnow/Messages/0714125485.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0714125485.png -------------------------------------------------------------------------------- /letitsnow/Messages/0821214521.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0821214521.png -------------------------------------------------------------------------------- /letitsnow/Messages/0974841526.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/0974841526.png -------------------------------------------------------------------------------- /letitsnow/Messages/1025158452.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/1025158452.png -------------------------------------------------------------------------------- /letitsnow/Messages/1154121425.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/1154121425.png -------------------------------------------------------------------------------- /letitsnow/Messages/1251412594.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/1251412594.png -------------------------------------------------------------------------------- /letitsnow/Messages/1315952151.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/1315952151.png -------------------------------------------------------------------------------- /letitsnow/Messages/7712942185.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7712942185.png -------------------------------------------------------------------------------- /letitsnow/Messages/7731529745.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7731529745.png -------------------------------------------------------------------------------- /letitsnow/Messages/7731841266.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7731841266.png -------------------------------------------------------------------------------- /letitsnow/Messages/7731954677.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7731954677.png -------------------------------------------------------------------------------- /letitsnow/Messages/7732152125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7732152125.png -------------------------------------------------------------------------------- /letitsnow/Messages/7732152418.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7732152418.png -------------------------------------------------------------------------------- /letitsnow/Messages/7734815262.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7734815262.png -------------------------------------------------------------------------------- /letitsnow/Messages/7737842161.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7737842161.png -------------------------------------------------------------------------------- /letitsnow/Messages/7739412544.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7739412544.png -------------------------------------------------------------------------------- /letitsnow/Messages/7762749685.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7762749685.png -------------------------------------------------------------------------------- /letitsnow/Messages/7762899416.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7762899416.png -------------------------------------------------------------------------------- /letitsnow/Messages/7763217669.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7763217669.png -------------------------------------------------------------------------------- /letitsnow/Messages/7792152146.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7792152146.png -------------------------------------------------------------------------------- /letitsnow/Messages/7795146254.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7795146254.png -------------------------------------------------------------------------------- /letitsnow/Messages/7796152158.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7796152158.png -------------------------------------------------------------------------------- /letitsnow/Messages/7796215263.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/7796215263.png -------------------------------------------------------------------------------- /letitsnow/Messages/8812658454.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/8812658454.png -------------------------------------------------------------------------------- /letitsnow/Messages/8832614528.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/8832614528.png -------------------------------------------------------------------------------- /letitsnow/Messages/8832659454.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/8832659454.png -------------------------------------------------------------------------------- /letitsnow/Messages/8861521529.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/8861521529.png -------------------------------------------------------------------------------- /letitsnow/Messages/8865125418.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/8865125418.png -------------------------------------------------------------------------------- /letitsnow/Messages/8865849414.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/8865849414.png -------------------------------------------------------------------------------- /letitsnow/Messages/9912521232.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/9912521232.png -------------------------------------------------------------------------------- /letitsnow/Messages/9921521258.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/9921521258.png -------------------------------------------------------------------------------- /letitsnow/Messages/9932558415.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/9932558415.png -------------------------------------------------------------------------------- /letitsnow/Messages/Message2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/Message2.png -------------------------------------------------------------------------------- /letitsnow/Messages/Messages.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/Messages.psd -------------------------------------------------------------------------------- /letitsnow/Messages/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/Thumbs.db -------------------------------------------------------------------------------- /letitsnow/Messages/alternativeImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/Messages/alternativeImage.png -------------------------------------------------------------------------------- /letitsnow/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /letitsnow/fonts/Jester.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/fonts/Jester.woff -------------------------------------------------------------------------------- /letitsnow/js/touch.js: -------------------------------------------------------------------------------- 1 | Touch = (function () { 2 | 3 | "use strict"; 4 | 5 | // see https://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input-in-all-browsers.aspx on details 6 | function preventEvents(evtObj) { 7 | // not needed anymore for Consumer Preview! 8 | 9 | /* 10 | if (evtObj.preventDefault) 11 | evtObj.preventDefault(); 12 | 13 | if (evtObj.preventManipulation) 14 | evtObj.preventManipulation(); 15 | 16 | if (evtObj.preventMouseEvent) 17 | evtObj.preventMouseEvent(); 18 | */ 19 | } 20 | 21 | return { 22 | "preventEvents": preventEvents 23 | } 24 | 25 | })(); 26 | -------------------------------------------------------------------------------- /letitsnow/res/Alpha2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/res/Alpha2.png -------------------------------------------------------------------------------- /letitsnow/res/AlphaRapper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/res/AlphaRapper.png -------------------------------------------------------------------------------- /letitsnow/res/LetItSnowRap.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/res/LetItSnowRap.mp3 -------------------------------------------------------------------------------- /letitsnow/res/LetItSnowRapFull.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/res/LetItSnowRapFull.mp3 -------------------------------------------------------------------------------- /letitsnow/res/LetItSnowShort.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/res/LetItSnowShort.mp3 -------------------------------------------------------------------------------- /letitsnow/res/Snowflakes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/res/Snowflakes.png -------------------------------------------------------------------------------- /letitsnow/res/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/letitsnow/res/Thumbs.db -------------------------------------------------------------------------------- /math/styles/demo.css: -------------------------------------------------------------------------------- 1 | .math-chart { overflow: auto; } .axis line, .axis path { fill: none; stroke: #000; shape-rendering: crispEdges; } path.line0 { fill: none; stroke: steelblue; stroke-width: 1.5px; } path.line1 { fill: none; stroke: darkred; stroke-width: 1.5px; } path.line2 { fill: none; stroke: darkgreen; stroke-width: 1.5px; } .legend { fill: none; stroke: black; stroke-width: 2px; } path.legend { stroke-width: 5px; } text.axis-label { font-family: 'Segoe UI Semibold', 'Segoe UI', 'sans-serif'; font-size: 20px; } @media (min-width: 48em) { .longform-caption { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 3.2rem; -moz-column-gap: 3.2rem; column-gap: 3.2rem; } } @media (min-width: 60em) { .longform-caption { -webkit-columns: 3; -moz-columns: 3; columns: 3; } } 2 | -------------------------------------------------------------------------------- /mazesolver/img/ButtonStart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/img/ButtonStart.png -------------------------------------------------------------------------------- /mazesolver/img/ButtonStartHover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/img/ButtonStartHover.png -------------------------------------------------------------------------------- /mazesolver/img/PauseButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/img/PauseButton.png -------------------------------------------------------------------------------- /mazesolver/img/RefreshButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/img/RefreshButton.png -------------------------------------------------------------------------------- /mazesolver/img/RefreshButtonHover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/img/RefreshButtonHover.png -------------------------------------------------------------------------------- /mazesolver/img/pencil.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/img/pencil.png -------------------------------------------------------------------------------- /mazesolver/pencilgrid.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/pencilgrid.ttf -------------------------------------------------------------------------------- /mazesolver/pencilgrid.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/mazesolver/pencilgrid.woff -------------------------------------------------------------------------------- /mazesolver/readme.md: -------------------------------------------------------------------------------- 1 | This is the old and original mazesolver demo. No changes have been made because it is being used in benchmarks and changing the code could affect the results. -------------------------------------------------------------------------------- /microphone/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/favicon.ico -------------------------------------------------------------------------------- /microphone/images/mic-demo-arrow.svg: -------------------------------------------------------------------------------- 1 | 3 | 5 | 6 | -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/circularoutput_drum.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/circularoutput_drum.mp3 -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/echo.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/echo.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/fivecolumns.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/fivecolumns.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/fivecolumnslong.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/fivecolumnslong.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/french18thcenturysalon.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/french18thcenturysalon.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/goinghome.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/goinghome.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/inthesilorevised.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/inthesilorevised.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/license.txt: -------------------------------------------------------------------------------- 1 | All impulses in this archive were created with Impulse Modeler that can be downloaded at http://www.voxengo.com/imodeler/ 2 | 3 | By extracting and using provided impulse files you signify acceptance of the following terms and conditions: 4 | 5 | 1. All copyrights to these impulse files are exclusively owned by the Distributor - Aleksey Vaneev. All rights not expressly granted here are reserved by Aleksey Vaneev. 6 | 7 | 2. Permission is granted to anyone to use these impulse files royalty-free for any purpose, including commercial usage. 8 | 9 | 3. You may not sell these impulse files or earn any direct or indirect profit from their distribution. 10 | 11 | 4. You may not copy and distribute these impulse files in whole or in part unless: 12 | a) the copyright notice and this list of conditions appear on all copies; 13 | b) copies are complete and unaltered with all messages intact; 14 | c) no charge is associated with the distribution of such copies; and 15 | d) any distribution made by you hereunder is expressly made subject to an acknowledgment by you and the recipient of such distribution that Aleksey Vaneev retains exclusive ownership of these impulse files including all intellectual property rights therein, at all times. 16 | 17 | 5. THESE IMPULSE FILES ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT OR ARISING FROM A COURSE OF DEALING, USAGE, TRADE OR PRACTICE. Some jurisdictions do not allow the exclusion of implied warranties, so the above disclaimer may not apply to you. 18 | 19 | IN NO EVENT SHALL THE DISTRIBUTOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THESE IMPULSE FILES. 20 | -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/muffler.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/muffler.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/narrowbumpyspace.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/narrowbumpyspace.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/nicedrumroom.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/nicedrumroom.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/parkinggarage.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/parkinggarage.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/rays.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/rays.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/spring.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/spring.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/telephone.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/telephone.wav -------------------------------------------------------------------------------- /microphone/sounds/impulse-response/trigroom.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/impulse-response/trigroom.wav -------------------------------------------------------------------------------- /microphone/sounds/speech.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/microphone/sounds/speech.mp3 -------------------------------------------------------------------------------- /musiclounge/assets/cellolong.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/cellolong.wav -------------------------------------------------------------------------------- /musiclounge/assets/cellolong2.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/cellolong2.wav -------------------------------------------------------------------------------- /musiclounge/assets/flare.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/flare.png -------------------------------------------------------------------------------- /musiclounge/assets/lens4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/lens4.png -------------------------------------------------------------------------------- /musiclounge/assets/lens5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/lens5.png -------------------------------------------------------------------------------- /musiclounge/assets/rapidviolons.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/rapidviolons.wav -------------------------------------------------------------------------------- /musiclounge/assets/trombones.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/trombones.wav -------------------------------------------------------------------------------- /musiclounge/assets/violons11.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/violons11.wav -------------------------------------------------------------------------------- /musiclounge/assets/violons18.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/violons18.wav -------------------------------------------------------------------------------- /musiclounge/assets/voices.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/assets/voices.wav -------------------------------------------------------------------------------- /musiclounge/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true 3 | } 4 | -------------------------------------------------------------------------------- /musiclounge/images/ie-avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/musiclounge/images/ie-avatar.png -------------------------------------------------------------------------------- /musiclounge/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Learn how to use WebAudio, WebGL and pointer events thanks to Babylon.js 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /musiclounge/scripts/index.js: -------------------------------------------------------------------------------- 1 | var musicLounge; 2 | document.addEventListener('DOMContentLoaded', function () { 3 | musicLounge = new MusicLounge.Main(); 4 | }); 5 | //# sourceMappingURL=index.js.map 6 | -------------------------------------------------------------------------------- /musiclounge/scripts/musicLounge.soundsLoader.js: -------------------------------------------------------------------------------- 1 | var MusicLounge; 2 | (function (MusicLounge) { 3 | var SoundsLoader = (function () { 4 | function SoundsLoader(scene, callback) { 5 | var _this = this; 6 | this.sounds = []; 7 | this.soundsToLoad = ['cellolong', 'cellolong2', 'rapidviolons', 'trombones', 'violons11', 'violons18', 'voices']; 8 | this.soundsDirectory = 'assets'; 9 | this._soundsLoaded = 0; 10 | this._callback = callback; 11 | var assetsManager = new BABYLON.AssetsManager(scene); 12 | for (var i = 0; i < this.soundsToLoad.length; i++) { 13 | assetsManager.addBinaryFileTask('soundTask' + i, this.soundsDirectory + '/' + this.soundsToLoad[i] + '.wav').onSuccess = function (task) { 14 | _this.sounds.push(new BABYLON.Sound('sound' + _this.sounds.length, task.data, scene, function () { 15 | _this._newSoundLoaded(); 16 | }, { loop: true, spatialSound: true, useCustomAttenuation: true, volume: 0, maxDistance: 100 })); 17 | }; 18 | } 19 | assetsManager.load(); 20 | } 21 | SoundsLoader.prototype._newSoundLoaded = function () { 22 | this._soundsLoaded++; 23 | if (this._soundsLoaded === this.soundsToLoad.length) { 24 | for (var i = 0; i < this.sounds.length; i++) { 25 | this.sounds[i].play(); 26 | } 27 | if (this._callback) { 28 | this._callback(); 29 | } 30 | } 31 | }; 32 | return SoundsLoader; 33 | }()); 34 | MusicLounge.SoundsLoader = SoundsLoader; 35 | })(MusicLounge || (MusicLounge = {})); 36 | -------------------------------------------------------------------------------- /musiclounge/src/index.ts: -------------------------------------------------------------------------------- 1 | var musicLounge; 2 | 3 | document.addEventListener('DOMContentLoaded', () => { 4 | musicLounge = new MusicLounge.Main(); 5 | }); -------------------------------------------------------------------------------- /musiclounge/src/musicLounge.soundsLoader.ts: -------------------------------------------------------------------------------- 1 | module MusicLounge { 2 | export class SoundsLoader { 3 | public sounds: BABYLON.Sound[] = []; 4 | public soundsToLoad = ['cellolong', 'cellolong2', 'rapidviolons', 'trombones', 'violons11', 'violons18', 'voices']; 5 | public soundsDirectory = 'assets'; 6 | private _soundsLoaded = 0; 7 | private _callback; 8 | 9 | constructor(scene, callback?: () => any) { 10 | this._callback = callback; 11 | 12 | var assetsManager = new BABYLON.AssetsManager(scene); 13 | 14 | for (var i = 0; i < this.soundsToLoad.length; i++) { 15 | assetsManager.addBinaryFileTask('soundTask' + i, this.soundsDirectory + '/' + this.soundsToLoad[i] +'.wav').onSuccess = (task: BABYLON.BinaryFileAssetTask) => { 16 | this.sounds.push(new BABYLON.Sound('sound' + this.sounds.length, task.data, scene, () => { 17 | this._newSoundLoaded(); 18 | }, { loop: true, spatialSound: true, useCustomAttenuation: true, volume: 0, maxDistance: 100 })); 19 | } 20 | } 21 | 22 | assetsManager.load(); 23 | } 24 | 25 | private _newSoundLoaded() { 26 | this._soundsLoaded++; 27 | if (this._soundsLoaded === this.soundsToLoad.length) { 28 | for (var i = 0; i < this.sounds.length; i++) { 29 | this.sounds[i].play(); 30 | } 31 | 32 | if (this._callback) { 33 | this._callback(); 34 | } 35 | } 36 | } 37 | } 38 | } -------------------------------------------------------------------------------- /musiclounge/styles/demo.css: -------------------------------------------------------------------------------- 1 | .demo__header .section__header { 2 | border-bottom: 0 none; 3 | padding-bottom: 0; 4 | } 5 | 6 | canvas { 7 | width: 100%; 8 | height: 100%; 9 | margin: 0; 10 | padding: 0; 11 | overflow: hidden; 12 | touch-action: none; 13 | -ms-touch-action: none; 14 | } 15 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "devDependencies": { 4 | "eslint": "^4.14.0", 5 | "stylelint": "^8.4.0" 6 | }, 7 | "scripts": { 8 | "lint:css": "stylelint", 9 | "lint:css:all": "stylelint -- \"**/*.css\"", 10 | "lint:js": "eslint --config .eslintrc.json --ignore-path .eslintignore", 11 | "lint:js:all": "npm run lint:js -- \"**/*.js\"", 12 | "test": "npm run lint:js:all" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /particleacceleration/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /particleacceleration/images/capture.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/particleacceleration/images/capture.png -------------------------------------------------------------------------------- /particleacceleration/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/particleacceleration/images/logo.png -------------------------------------------------------------------------------- /particleacceleration/images/sphere.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/particleacceleration/images/sphere.png -------------------------------------------------------------------------------- /particleacceleration/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Particle Acceleration 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 |
18 | 19 |
Thanks for checking out this demo. This demo uses mathematical models to draw the 20 | particles in 3D, using the 2D Context HTML5 Canvas. The faster your underlying browser and computer, the higher 21 | your score and faster 22 | the particles will spin. 23 |
24 | 25 | 26 |
27 | 28 |
Your browser version does not support HTML5 Canvas.
29 |
30 | 31 |
32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /paymentrequest/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true 3 | } 4 | -------------------------------------------------------------------------------- /paymentrequest/images/icon-airplane.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /paymentrequest/images/icon-contact.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /paymentrequest/images/icon-digital.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /paymentrequest/images/icon-truck.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /paymentrequest/images/walletui-l.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/paymentrequest/images/walletui-l.png -------------------------------------------------------------------------------- /paymentrequest/images/walletui-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/paymentrequest/images/walletui-m.png -------------------------------------------------------------------------------- /paymentrequest/images/walletui-s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/paymentrequest/images/walletui-s.png -------------------------------------------------------------------------------- /paymentrequest/styles/style.css: -------------------------------------------------------------------------------- 1 | .demo-content { 2 | padding-bottom: 2.4rem; 3 | } 4 | 5 | .payment-masthead { 6 | padding: 2.4rem 0; 7 | background: #dff1fa; 8 | } 9 | 10 | .payment-masthead a:link, 11 | .payment-masthead a:visited { 12 | color: #0065b5; 13 | } 14 | 15 | @media (max-width: 48em) { 16 | 17 | .payment-masthead__preview { 18 | display: none; 19 | } 20 | 21 | } 22 | 23 | @media (min-width: 48em) { 24 | 25 | .demo-content { 26 | padding-bottom: 3.2rem; 27 | } 28 | 29 | .payment-masthead { 30 | padding: 3.2rem 0; 31 | } 32 | 33 | } 34 | 35 | @media (min-width: 60em) { 36 | 37 | .demo-content { 38 | padding-bottom: 4.8rem; 39 | } 40 | 41 | .payment-masthead { 42 | padding: 4.8rem 0; 43 | } 44 | 45 | } 46 | 47 | #not-supported { 48 | margin-top: 2.4rem; 49 | padding: 2.4rem; 50 | background: #fff999; 51 | } 52 | 53 | #not-supported p { 54 | max-width: none; 55 | } 56 | 57 | #not-supported a { 58 | color: #006cc2; 59 | } 60 | 61 | .layout + .layout { 62 | margin-top: 2.4rem; 63 | } 64 | 65 | .ex-webframe { 66 | display: block; 67 | width: 100%; 68 | padding: 3.2rem; 69 | 70 | border: 3px solid #ccc; 71 | border-top-width: 24px; 72 | 73 | text-align: center; 74 | 75 | box-shadow: 12px 12px 0 #e6e6e6; 76 | } 77 | 78 | .ex-webframe p { 79 | margin-right: auto; 80 | margin-left: auto; 81 | max-width: 22em; 82 | } 83 | 84 | .payment-sample { 85 | max-height: 28rem; 86 | background: #f8f8f8; /* Match syntax highlighting */ 87 | } 88 | 89 | .payment-sample--full { 90 | max-height: none; 91 | } 92 | -------------------------------------------------------------------------------- /penguinmark/Audio/Entry.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Audio/Entry.mp3 -------------------------------------------------------------------------------- /penguinmark/Audio/Entry.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Audio/Entry.wav -------------------------------------------------------------------------------- /penguinmark/Audio/Track.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Audio/Track.mp3 -------------------------------------------------------------------------------- /penguinmark/Audio/Track.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Audio/Track.wav -------------------------------------------------------------------------------- /penguinmark/Audio/TrackLong.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Audio/TrackLong.mp3 -------------------------------------------------------------------------------- /penguinmark/Audio/TrackMedium.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Audio/TrackMedium.mp3 -------------------------------------------------------------------------------- /penguinmark/Fonts/CandyCane.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Fonts/CandyCane.woff -------------------------------------------------------------------------------- /penguinmark/Fonts/Cookies.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Fonts/Cookies.woff -------------------------------------------------------------------------------- /penguinmark/Images/ChromePenguin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/ChromePenguin.png -------------------------------------------------------------------------------- /penguinmark/Images/ChromePenguinBeakLower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/ChromePenguinBeakLower.png -------------------------------------------------------------------------------- /penguinmark/Images/ChromePenguinBeakUpper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/ChromePenguinBeakUpper.png -------------------------------------------------------------------------------- /penguinmark/Images/ChromePenguinDiaper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/ChromePenguinDiaper.png -------------------------------------------------------------------------------- /penguinmark/Images/ChromePenguinFull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/ChromePenguinFull.png -------------------------------------------------------------------------------- /penguinmark/Images/ChromePenguinMagazine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/ChromePenguinMagazine.png -------------------------------------------------------------------------------- /penguinmark/Images/FirefoxPenguin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/FirefoxPenguin.png -------------------------------------------------------------------------------- /penguinmark/Images/FirefoxPenguinBeakLower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/FirefoxPenguinBeakLower.png -------------------------------------------------------------------------------- /penguinmark/Images/FirefoxPenguinBeakUpper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/FirefoxPenguinBeakUpper.png -------------------------------------------------------------------------------- /penguinmark/Images/FirefoxPenguinBong.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/FirefoxPenguinBong.png -------------------------------------------------------------------------------- /penguinmark/Images/FirefoxPenguinFull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/FirefoxPenguinFull.png -------------------------------------------------------------------------------- /penguinmark/Images/IEPenguin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/IEPenguin.png -------------------------------------------------------------------------------- /penguinmark/Images/IEPenguinBeakLower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/IEPenguinBeakLower.png -------------------------------------------------------------------------------- /penguinmark/Images/IEPenguinBeakUpper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/IEPenguinBeakUpper.png -------------------------------------------------------------------------------- /penguinmark/Images/IEPenguinDean.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/IEPenguinDean.png -------------------------------------------------------------------------------- /penguinmark/Images/IEPenguinFull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/IEPenguinFull.png -------------------------------------------------------------------------------- /penguinmark/Images/IEPenguinHarvard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/IEPenguinHarvard.png -------------------------------------------------------------------------------- /penguinmark/Images/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/Logo.png -------------------------------------------------------------------------------- /penguinmark/Images/OperaPenguin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/OperaPenguin.png -------------------------------------------------------------------------------- /penguinmark/Images/OperaPenguinBeakLower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/OperaPenguinBeakLower.png -------------------------------------------------------------------------------- /penguinmark/Images/OperaPenguinBeakUpper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/OperaPenguinBeakUpper.png -------------------------------------------------------------------------------- /penguinmark/Images/OperaPenguinFull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/OperaPenguinFull.png -------------------------------------------------------------------------------- /penguinmark/Images/SafariPenguin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/SafariPenguin.png -------------------------------------------------------------------------------- /penguinmark/Images/SafariPenguinBeakLower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/SafariPenguinBeakLower.png -------------------------------------------------------------------------------- /penguinmark/Images/SafariPenguinBeakUpper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/SafariPenguinBeakUpper.png -------------------------------------------------------------------------------- /penguinmark/Images/SafariPenguinFull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/SafariPenguinFull.png -------------------------------------------------------------------------------- /penguinmark/Images/SafariPenguinIPad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/SafariPenguinIPad.png -------------------------------------------------------------------------------- /penguinmark/Images/Snowflakes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/Snowflakes.png -------------------------------------------------------------------------------- /penguinmark/Images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/Thumbs.db -------------------------------------------------------------------------------- /penguinmark/Images/WelcomeTree.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/penguinmark/Images/WelcomeTree.png -------------------------------------------------------------------------------- /penguinmark/Script/Performance.js: -------------------------------------------------------------------------------- 1 | function Performance() { 2 | 3 | this.browserCheck; 4 | this.browserName; 5 | this.browserVersion; 6 | this.startTime; 7 | this.drawCount = 0; 8 | this.startDrawingTime; 9 | this.stopDrawTime = 0; 10 | this.previousStopDrawTime = 0; 11 | this.currentDrawTime = 0; 12 | this.debugText = ""; 13 | this.delta = 0; 14 | this.rollingAverage = ""; 15 | this.rollingAverageCounter = 0; 16 | this.rollingAverageSum = 0; 17 | 18 | this.Initialize(); 19 | 20 | this.BeginDrawLoop = function () { 21 | this.startDrawingTime = new Date(); 22 | } 23 | 24 | this.FinishDrawLoop = function () { 25 | var now = new Date(); 26 | this.stopDrawTime = now.valueOf(); 27 | this.currentDrawTime = this.stopDrawTime - this.startDrawingTime.valueOf(); 28 | this.delta = Math.floor(this.stopDrawTime - this.previousStopDrawTime - 17); 29 | if (this.delta > 0) { 30 | this.currentDrawTime += this.delta; 31 | } 32 | this.previousStopDrawTime = this.stopDrawTime; 33 | this.drawCount++; 34 | 35 | this.rollingAverageCounter++; 36 | this.rollingAverageSum += this.currentDrawTime; 37 | if (this.rollingAverageCounter == 10) { 38 | this.rollingAverage = Math.floor(this.rollingAverageSum / this.rollingAverageCounter); 39 | this.rollingAverageCounter = 0; 40 | this.rollingAverageSum = 0; 41 | } 42 | } 43 | 44 | } 45 | 46 | 47 | Performance.prototype.Initialize = function () { 48 | this.startTime = new Date(); 49 | }; 50 | -------------------------------------------------------------------------------- /penguinmark/Script/Snowflake.js: -------------------------------------------------------------------------------- 1 | function Snowflake() { 2 | 3 | this.currentX = 0.5; 4 | this.currentY = 1; 5 | this.currentWidth = 10; 6 | this.currentHeight = 10; 7 | this.currentAlpha = 1; 8 | this.snowflakeIndex = 1; 9 | this.fallingRate = 1; 10 | this.flutter = 0; 11 | this.snowstorm = null; 12 | 13 | this.Initialize(); 14 | 15 | this.Draw = function () { 16 | this.snowstorm.context.save(); 17 | this.snowstorm.context.globalAlpha = this.currentAlpha; 18 | this.snowstorm.context.drawImage(imgSnowflake, (20 * this.snowflakeIndex), 0, 20, 20, this.currentX, this.currentY, this.currentWidth, this.currentHeight); 19 | this.snowstorm.context.restore(); 20 | } 21 | } 22 | 23 | 24 | Snowflake.prototype.Initialize = function () { 25 | this.currentX = (Math.random() * sceneWidth * 1.3) - (sceneWidth * .3); 26 | this.currentY = Math.random() * sceneHeight * -1; 27 | this.currentWidth = Math.random() * 22; 28 | this.currentHeight = this.currentWidth; 29 | this.currentAlpha = (Math.random() * 0.3) + 0.7; 30 | this.snowflakeIndex = Math.ceil(Math.random() * 4); 31 | this.fallingRate = Math.random(); 32 | this.flutter = Math.random() * .1; 33 | }; 34 | 35 | 36 | Snowflake.prototype.Move = function () { 37 | this.currentX = this.currentX + (this.flutter + (this.snowstorm.windSpeed / 3)) / (10000 / this.snowstorm.countCallbacks); 38 | this.currentY = this.currentY + ((this.fallingRate + this.snowstorm.windSpeed) / (10000 / this.snowstorm.countCallbacks)); 39 | 40 | if (this.currentY > sceneHeight) { 41 | this.Initialize(); 42 | } 43 | }; 44 | -------------------------------------------------------------------------------- /penguinmark/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /photocapture/styles/demo.css: -------------------------------------------------------------------------------- 1 | /* Your custom CSS goes here */ 2 | .hide { 3 | display: none; 4 | } 5 | 6 | .alert--error { 7 | color: #E81123; 8 | } 9 | 10 | .view-text, 11 | .view--video, 12 | .view--snapshot { 13 | margin-top: 0; 14 | } 15 | 16 | .view-text { 17 | padding: 1.2rem; 18 | text-align: center; 19 | background-color: #e6e6e6; 20 | } 21 | 22 | .view-text__instructions { 23 | display: block; 24 | margin-top: .4rem; 25 | font-size: 1.5rem; 26 | } 27 | 28 | .view-text--snapshot { 29 | background-color: #f2f2f2; 30 | margin-top: 1.2rem; 31 | } 32 | 33 | .view--video { 34 | background-color: rgba(0,0,0,1); 35 | } 36 | 37 | .view--snapshot { 38 | position: relative; 39 | background-color: rgba(0,0,0,.85); 40 | } 41 | 42 | .view--video__video, 43 | .view--snapshot__canvas { 44 | width: 100%; 45 | cursor: pointer; 46 | } 47 | 48 | @media (min-width: 33.75em) { 49 | 50 | .demo-area { 51 | display: -webkit-flex; 52 | display: flex; 53 | -webkit-flex-wrap: wrap; 54 | flex-wrap: wrap; 55 | } 56 | 57 | .view-text, 58 | .view--video, 59 | .view--snapshot { 60 | flex: 1 1 auto; 61 | margin-top: 0; 62 | width: 50%; 63 | max-width: none; 64 | } 65 | 66 | .view-text--video { 67 | -webkit-order: 1; 68 | order: 1; 69 | } 70 | 71 | .view-text--snapshot { 72 | margin-top: 0; 73 | -webkit-order: 2; 74 | order: 2; 75 | } 76 | 77 | .view--video { 78 | -webkit-order: 3; 79 | order: 3; 80 | } 81 | 82 | .view--snapshot { 83 | -webkit-order: 4; 84 | order: 4; 85 | } 86 | 87 | } 88 | -------------------------------------------------------------------------------- /picture/imgs/Wireframe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/picture/imgs/Wireframe.jpg -------------------------------------------------------------------------------- /picture/imgs/picturegif-vert.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/picture/imgs/picturegif-vert.gif -------------------------------------------------------------------------------- /picture/imgs/picturegif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/picture/imgs/picturegif.gif -------------------------------------------------------------------------------- /picture/styles/demo.css: -------------------------------------------------------------------------------- 1 | * + .gist { 2 | margin-top: 2.4rem; 3 | } 4 | 5 | .rendered-result header { 6 | position: relative; 7 | } 8 | 9 | .rendered-result .title { 10 | position: absolute; 11 | bottom: 2px; 12 | left: 2px; 13 | margin: 0; 14 | color: white; 15 | background: black; 16 | padding: 5px 15px; 17 | font-size: 2em; 18 | } 19 | 20 | .rendered-result p { 21 | font-size: .75em; 22 | } 23 | 24 | .rendered-result .sample-hero { 25 | width: 100%; 26 | margin: 0; 27 | } 28 | -------------------------------------------------------------------------------- /readingview/images/6787_pirate_760x427.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/6787_pirate_760x427.png -------------------------------------------------------------------------------- /readingview/images/RVFull.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/RVFull.jpg -------------------------------------------------------------------------------- /readingview/images/code_hover.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/code_hover.gif -------------------------------------------------------------------------------- /readingview/images/code_rest.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/code_rest.gif -------------------------------------------------------------------------------- /readingview/images/code_selected.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/code_selected.gif -------------------------------------------------------------------------------- /readingview/images/img00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/img00.png -------------------------------------------------------------------------------- /readingview/images/img01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/img01.png -------------------------------------------------------------------------------- /readingview/images/img02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/img02.png -------------------------------------------------------------------------------- /readingview/images/img03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/img03.png -------------------------------------------------------------------------------- /readingview/images/img04.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/img04.png -------------------------------------------------------------------------------- /readingview/images/imgSmall.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/imgSmall.png -------------------------------------------------------------------------------- /readingview/images/reading_hover.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/reading_hover.gif -------------------------------------------------------------------------------- /readingview/images/reading_rest.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/reading_rest.gif -------------------------------------------------------------------------------- /readingview/images/reading_selected.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/reading_selected.gif -------------------------------------------------------------------------------- /readingview/images/rv_screen_shot_75percent.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/rv_screen_shot_75percent.jpg -------------------------------------------------------------------------------- /readingview/images/web_hover.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/web_hover.gif -------------------------------------------------------------------------------- /readingview/images/web_rest.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/web_rest.gif -------------------------------------------------------------------------------- /readingview/images/web_selected.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/readingview/images/web_selected.gif -------------------------------------------------------------------------------- /setimmediatesorting/icons/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/setimmediatesorting/icons/square.png -------------------------------------------------------------------------------- /setimmediatesorting/icons/wide.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/setimmediatesorting/icons/wide.png -------------------------------------------------------------------------------- /setimmediatesorting/styles/demo.css: -------------------------------------------------------------------------------- 1 | .overflow-wrap { 2 | display: block; 3 | margin-bottom: 2.4rem; 4 | width: 100%; 5 | overflow-x: auto; 6 | } 7 | 8 | .overflow-wrap--setimmediatesorting { 9 | padding: 2rem 2rem 0; 10 | background: #f7f7f7; 11 | } 12 | 13 | #test-graph { 14 | position: relative; 15 | width: 1000px; 16 | height: 200px; 17 | } 18 | 19 | .bar { 20 | position: absolute; 21 | bottom: 0; 22 | width: 5px; 23 | margin: 0; 24 | padding: 0; 25 | z-index: 2; 26 | border-bottom: 0; 27 | background: #107C10; 28 | border-radius: 3px 3px 3px 3px; 29 | box-sizing: content-box; 30 | } 31 | 32 | button { 33 | margin-top: 1.2rem; 34 | } 35 | 36 | /* These classes added in JS */ 37 | .test-result--good { 38 | color: #107C10; 39 | } 40 | 41 | .test-result--neutral { 42 | color: #FF8C00; 43 | } 44 | 45 | .test-result--bad { 46 | color: #F03A17; 47 | } 48 | 49 | /* Move to general CSS library? */ 50 | @media (min-width: 40em) { 51 | 52 | .longform-text { 53 | -webkit-columns: 2; 54 | -moz-columns: 2; 55 | columns: 2; 56 | -webkit-column-gap: 3.2em; 57 | -moz-column-gap: 3.2em; 58 | column-gap: 3.2em; 59 | } 60 | 61 | } 62 | -------------------------------------------------------------------------------- /speechsynthesis/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true 3 | } 4 | -------------------------------------------------------------------------------- /speechsynthesis/images/pauseicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speechsynthesis/images/pauseicon.png -------------------------------------------------------------------------------- /speechsynthesis/images/playingsound.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speechsynthesis/images/playingsound.gif -------------------------------------------------------------------------------- /speedreading/Images/BillboardBackground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/BillboardBackground.png -------------------------------------------------------------------------------- /speedreading/Images/BillboardReflection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/BillboardReflection.png -------------------------------------------------------------------------------- /speedreading/Images/BlueBackground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/BlueBackground.png -------------------------------------------------------------------------------- /speedreading/Images/ButtonStart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/ButtonStart.png -------------------------------------------------------------------------------- /speedreading/Images/ButtonStartHover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/ButtonStartHover.png -------------------------------------------------------------------------------- /speedreading/Images/ButtonTryAgain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/ButtonTryAgain.png -------------------------------------------------------------------------------- /speedreading/Images/ButtonTryAgainHover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/ButtonTryAgainHover.png -------------------------------------------------------------------------------- /speedreading/Images/CharacterImageStrip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/CharacterImageStrip.png -------------------------------------------------------------------------------- /speedreading/Images/CharacterImageStripFlipped.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/CharacterImageStripFlipped.png -------------------------------------------------------------------------------- /speedreading/Images/CharacterImageStripSpinning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/CharacterImageStripSpinning.png -------------------------------------------------------------------------------- /speedreading/Images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/Thumbs.db -------------------------------------------------------------------------------- /speedreading/Images/TileImageStrip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/TileImageStrip.png -------------------------------------------------------------------------------- /speedreading/Images/TileImageStripFlipped.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/TileImageStripFlipped.png -------------------------------------------------------------------------------- /speedreading/Images/Title.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Images/Title.png -------------------------------------------------------------------------------- /speedreading/Sounds/FlipSoundRepeat.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Sounds/FlipSoundRepeat.mp3 -------------------------------------------------------------------------------- /speedreading/Sounds/FlipSoundSingle.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/speedreading/Sounds/FlipSoundSingle.mp3 -------------------------------------------------------------------------------- /speedreading/SpeedReading.css: -------------------------------------------------------------------------------- 1 | html 2 | { 3 | -ms-content-zooming: none; 4 | } 5 | 6 | body 7 | { 8 | padding: 0px; 9 | margin: 0px; 10 | overflow: hidden; 11 | background-color: White; 12 | -ms-content-zooming: none; 13 | } 14 | 15 | #surfaceCanvas 16 | { 17 | width: 100%; 18 | height: 100%; 19 | position: fixed; 20 | top: 0; 21 | left: 0; 22 | } 23 | 24 | .SRDescription 25 | { 26 | position: absolute; 27 | left: -10000px; 28 | top: auto; 29 | width: 1px; 30 | height: 1px; 31 | overflow: hidden; 32 | } 33 | 34 | #ReturnButton 35 | { 36 | position: absolute; 37 | display: block; 38 | top: 0px; 39 | right: 6px; 40 | width: 210px; 41 | height: 29px; 42 | opacity: 0.95; 43 | background-image: url(../../includes/image/ReturnButton.png); 44 | background-position: left top; 45 | text-indent: -9999px; 46 | z-index: 20; 47 | } 48 | 49 | #ReturnButton:hover 50 | { 51 | background-image: url('../../Includes/Image/ReturnButtonHover.png'); 52 | } 53 | -------------------------------------------------------------------------------- /speedreading/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /spellchecking/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /spellchecking/styles/demo.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #fff; 3 | } 4 | 5 | .spellchecking-container { 6 | max-width: 42em; 7 | } 8 | 9 | .example-words { 10 | font-family: Consolas, "Courier New"; 11 | font-weight: bold; 12 | } 13 | -------------------------------------------------------------------------------- /svgradientbackgroundmaker/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /svgradientbackgroundmaker/images/btn_delete.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /svgradientbackgroundmaker/images/svgbanner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/svgradientbackgroundmaker/images/svgbanner.png -------------------------------------------------------------------------------- /svgradientbackgroundmaker/scripts/arrow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/svgradientbackgroundmaker/scripts/arrow.gif -------------------------------------------------------------------------------- /svgradientbackgroundmaker/scripts/cross.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/svgradientbackgroundmaker/scripts/cross.gif -------------------------------------------------------------------------------- /svgradientbackgroundmaker/scripts/hs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/svgradientbackgroundmaker/scripts/hs.png -------------------------------------------------------------------------------- /svgradientbackgroundmaker/scripts/hv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/svgradientbackgroundmaker/scripts/hv.png -------------------------------------------------------------------------------- /svgradientbackgroundmaker/styles/demo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/svgradientbackgroundmaker/styles/demo.css -------------------------------------------------------------------------------- /toucheffects/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true, 3 | "skip": true 4 | } 5 | -------------------------------------------------------------------------------- /toucheffects/images/arrowleft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/toucheffects/images/arrowleft.png -------------------------------------------------------------------------------- /toucheffects/images/arrowright.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/toucheffects/images/arrowright.png -------------------------------------------------------------------------------- /toucheffects/images/ball.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/toucheffects/images/ball.png -------------------------------------------------------------------------------- /toucheffects/images/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/toucheffects/images/circle.png -------------------------------------------------------------------------------- /toucheffects/images/rainbowstrip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/toucheffects/images/rainbowstrip.png -------------------------------------------------------------------------------- /typedarrays/data/iStock_000009426004XSmall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/data/iStock_000009426004XSmall.jpg -------------------------------------------------------------------------------- /typedarrays/data/iStock_000009426004XSmall2.pcx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/data/iStock_000009426004XSmall2.pcx -------------------------------------------------------------------------------- /typedarrays/data/iStock_000014163436.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/data/iStock_000014163436.mp3 -------------------------------------------------------------------------------- /typedarrays/data/iStock_000016987294XSmall.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/data/iStock_000016987294XSmall.jpg -------------------------------------------------------------------------------- /typedarrays/data/iStock_000017276733Small We.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/data/iStock_000017276733Small We.mp4 -------------------------------------------------------------------------------- /typedarrays/images/GraySwooshWatermarkUpdated.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/images/GraySwooshWatermarkUpdated.png -------------------------------------------------------------------------------- /typedarrays/images/hexBackground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/images/hexBackground.png -------------------------------------------------------------------------------- /typedarrays/images/hexBackground_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/typedarrays/images/hexBackground_2.png -------------------------------------------------------------------------------- /userselect/images/avatar_1.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /userselect/images/user-select.svg: -------------------------------------------------------------------------------- 1 | IEBlogThe Internet Explorer Weblog 2 | -------------------------------------------------------------------------------- /userselect/scripts/demo.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | 'use strict'; 3 | 4 | var switchSheets = function (sheet) { 5 | 6 | try { 7 | document.selection.empty(); 8 | } catch (e) { 9 | } 10 | var sheets = document.getElementsByClassName('styles'); 11 | for (var i = 0; i < sheets.length; i++) { 12 | if (sheets[i].id.replace('_sheet', '') === sheet) { 13 | sheets[i].sheet.disabled = false; 14 | document.getElementById(sheet).style.display = 'block'; 15 | 16 | } else { 17 | if (sheets[i].id !== '') { 18 | sheets[i].sheet.disabled = true; 19 | document.getElementById(sheets[i].id.replace('_sheet', '')).style.display = 'none'; 20 | } 21 | } 22 | } 23 | }; 24 | 25 | var init = function () { 26 | if (!document.getElementsByClassName) { 27 | document.getElementById('sel').disabled = true; 28 | document.getElementById('sel').title = 'Your browser does not support the functionality needed to run this demo, please try it in IE10 PPB4.'; 29 | return; 30 | } 31 | if (!(('msUserSelect' in document.body.style) || ('MozUserSelect' in document.body.style) || ('webkitUserSelect' in document.body.style))) { 32 | document.getElementById('sel').title = 'Your browser does not support the user-select style, please upgrade to a modern browser.'; 33 | } 34 | 35 | document.getElementById('sel').addEventListener('change', function (evt) { 36 | var sheet = evt.target.value; 37 | switchSheets(sheet); 38 | }, false); 39 | 40 | switchSheets('on'); 41 | }; 42 | 43 | init(); 44 | }()); 45 | -------------------------------------------------------------------------------- /userselect/styles/all_off.css: -------------------------------------------------------------------------------- 1 | /* All_off */ 2 | 3 | #blog, 4 | #blog input, 5 | #blog textarea, 6 | #blog *[contenteditable=true] { 7 | -ms-user-select: none; 8 | -webkit-user-select: none; 9 | -moz-user-select: -moz-none; 10 | } 11 | -------------------------------------------------------------------------------- /userselect/styles/blob_only.css: -------------------------------------------------------------------------------- 1 | /* Blog_only */ 2 | 3 | #blog { 4 | -ms-user-select: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: -moz-none; 7 | } 8 | #blog-post { 9 | -ms-user-select: element; 10 | -webkit-user-select: text; 11 | -moz-user-select: text; 12 | } 13 | -------------------------------------------------------------------------------- /userselect/styles/blog_beyond.css: -------------------------------------------------------------------------------- 1 | /* Blog_beyond */ 2 | 3 | #blog { 4 | -ms-user-select: none; 5 | } 6 | #blog-post, 7 | .comment { 8 | -ms-user-select: text; 9 | } 10 | -------------------------------------------------------------------------------- /userselect/styles/blog_only.css: -------------------------------------------------------------------------------- 1 | /* Blog_only */ 2 | 3 | #blog { 4 | -ms-user-select: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: -moz-none; 7 | } 8 | #blog-post { 9 | -ms-user-select: element; 10 | -webkit-user-select: text; 11 | -moz-user-select: text; 12 | } 13 | -------------------------------------------------------------------------------- /userselect/styles/comments_only.css: -------------------------------------------------------------------------------- 1 | /* Comments_only */ 2 | 3 | #blog { 4 | -ms-user-select: none; 5 | -moz-user-select: -moz-none; 6 | -webkit-user-select: none; 7 | } 8 | .comment { 9 | -ms-user-select: element; 10 | -moz-user-select: text; 11 | -webkit-user-select: text; 12 | } 13 | -------------------------------------------------------------------------------- /userselect/styles/normal_off.css: -------------------------------------------------------------------------------- 1 | /* Normal_off */ 2 | 3 | #blog { 4 | -ms-user-select: none; 5 | -webkit-user-select: none; 6 | -moz-user-select: -moz-none; 7 | } 8 | -------------------------------------------------------------------------------- /variable-fonts/LICENSE.MD: -------------------------------------------------------------------------------- 1 | Variable Font Guide 2 | ------------------------------- 3 | Copyright (c) Microsoft Corporation. All rights reserved. 4 | 5 | Licensed under the Apache License, Version 2.0 (the "License"); you may not use these files except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 6 | 7 | Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. 8 | 9 | Intersection Observor Polyfill 10 | ------------------------------- 11 | [Intersection Observor Polyfill](https://github.com/w3c/IntersectionObserver) used under the [W3C Software and Document License](http://www.w3.org/Consortium/Legal/2015/copyright-software-and-document) 12 | 13 | Decovar Font 14 | ------------------------------- 15 | [Decovar](https://github.com/TypeNetwork/Decovar) was designed by David Berlow, and is available under the [SIL Open Font License](https://github.com/TypeNetwork/Decovar/blob/master/LICENSE.txt). 16 | -------------------------------------------------------------------------------- /variable-fonts/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true 3 | } 4 | -------------------------------------------------------------------------------- /variable-fonts/images/Century_Expanded-a-normalized.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/Century_Expanded-a-normalized.jpg -------------------------------------------------------------------------------- /variable-fonts/images/bahnschrift-letter-e-800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/bahnschrift-letter-e-800.jpg -------------------------------------------------------------------------------- /variable-fonts/images/barcode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/barcode.png -------------------------------------------------------------------------------- /variable-fonts/images/next.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /variable-fonts/images/photoshop-variable-font-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/photoshop-variable-font-icon.png -------------------------------------------------------------------------------- /variable-fonts/images/prev.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /variable-fonts/images/social-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/social-image.jpg -------------------------------------------------------------------------------- /variable-fonts/images/variable-axis-slider.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/variable-axis-slider.png -------------------------------------------------------------------------------- /variable-fonts/images/variable-fonts-demo-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/variable-fonts-demo-image.jpg -------------------------------------------------------------------------------- /variable-fonts/images/wireframe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/variable-fonts/images/wireframe.jpg -------------------------------------------------------------------------------- /variable-fonts/images/x.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /videoformatsupport/images/big_buck_bunny_trailer_480p_thumb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/videoformatsupport/images/big_buck_bunny_trailer_480p_thumb.jpg -------------------------------------------------------------------------------- /videoformatsupport/images/install-webm-support.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/videoformatsupport/images/install-webm-support.png -------------------------------------------------------------------------------- /videoformatsupport/videos/big_buck_bunny_trailer_480p-1.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/videoformatsupport/videos/big_buck_bunny_trailer_480p-1.webm -------------------------------------------------------------------------------- /videoformatsupport/videos/big_buck_bunny_trailer_480p.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/videoformatsupport/videos/big_buck_bunny_trailer_480p.webm -------------------------------------------------------------------------------- /videoformatsupport/videos/big_buck_bunny_trailer_480p_baseline.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/videoformatsupport/videos/big_buck_bunny_trailer_480p_baseline.mp4 -------------------------------------------------------------------------------- /videoformatsupport/videos/big_buck_bunny_trailer_480p_high.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/videoformatsupport/videos/big_buck_bunny_trailer_480p_high.mp4 -------------------------------------------------------------------------------- /webaudiotuner/styles/demo.css: -------------------------------------------------------------------------------- 1 | * + .gist { 2 | margin-top: 2.4rem; 3 | } 4 | 5 | /* 6 | @Bug: The following is done so that the MathML examples remain visible. 7 | https://github.com/MicrosoftEdge/Demos/issues/328#issuecomment-269772211 8 | */ 9 | .web-tuner-demo [aria-hidden="true"] { 10 | display: inline; 11 | } 12 | 13 | #microphoneOptions, 14 | #referenceOptions { 15 | display: none; 16 | } 17 | 18 | .section--tuner { 19 | padding: 4.8rem 0; 20 | background: #f2f2f2; 21 | } 22 | 23 | .content--testdrive .section--tuner .button { 24 | background-color: hsla(0,0%,0%,.2); 25 | color: #000; 26 | } 27 | 28 | .tuner__body { 29 | margin-top: 0; 30 | } 31 | 32 | .tuner__gauge-wrap { 33 | text-align: center; 34 | } 35 | 36 | .tuner__value { 37 | display: inline-block; 38 | margin-top: 0; 39 | vertical-align: top; 40 | width: 32%; 41 | } 42 | 43 | .tuner__controls { 44 | padding-top: 2rem; 45 | border-top: 1px solid hsla(0,0%,0%,.1); 46 | } 47 | 48 | .tuner__alert { 49 | display: none; 50 | margin-bottom: 2rem; 51 | } 52 | 53 | .tuner__options__button { 54 | min-width: 3rem; 55 | } 56 | 57 | fieldset { 58 | display: inline-block; 59 | margin-top: 2rem; 60 | margin-right: 2rem; 61 | border: 0 none; 62 | } 63 | 64 | blockquote { 65 | margin-right: 8%; 66 | margin-left: 8%; 67 | font-style: italic; 68 | } 69 | 70 | @media (min-width: 48em) { 71 | 72 | .tuner__controls { 73 | margin-top: 0; 74 | padding-top: 0; 75 | border-top: 0 none; 76 | } 77 | 78 | } 79 | -------------------------------------------------------------------------------- /webauthentication/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "isHTML": true 3 | } 4 | -------------------------------------------------------------------------------- /webauthentication/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Sign in to your Microsoft account 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 |

Logout

17 |
18 |
19 | 23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /webauthentication/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/webauthentication/images/favicon.png -------------------------------------------------------------------------------- /webauthentication/images/hello.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/webauthentication/images/hello.png -------------------------------------------------------------------------------- /webauthentication/images/puppy-cam-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/webauthentication/images/puppy-cam-login.jpg -------------------------------------------------------------------------------- /webauthentication/videos/happy_puppy.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MicrosoftEdge/Demos-old/0fec80e67eb73ddb7f032b810fad49006aecf312/webauthentication/videos/happy_puppy.mp4 -------------------------------------------------------------------------------- /webdriver/styles/demo.css: -------------------------------------------------------------------------------- 1 | .webdriver-response { 2 | background-color: lightgreen; 3 | border-color: green; 4 | border-style: solid; 5 | border-width: 1px; 6 | font-weight: bold; 7 | } 8 | 9 | .webdriver--info, [class*="webdriver--"] { 10 | padding: 1.2rem; 11 | background: #def8f3; 12 | } 13 | 14 | .webdriver--response { 15 | background: #FFE5B6; 16 | } 17 | 18 | #content-area { 19 | height: 175px; 20 | } 21 | 22 | #command-description { 23 | font-weight: bold; 24 | } 25 | 26 | @media (min-width: 33.75em) { 27 | .module--tutorial-aside { 28 | float: right; 29 | } 30 | } 31 | --------------------------------------------------------------------------------