├── .gitignore ├── CodeShow.CS ├── BackgroundTaskDemo │ ├── BackgroundTaskDemo.csproj │ ├── Properties │ │ └── AssemblyInfo.cs │ └── TaskDemo.cs ├── CodeShow.CS.Shared │ ├── AnimationStoryboardDemo.xaml │ ├── AnimationStoryboardDemo.xaml.cs │ ├── App.xaml │ ├── App.xaml.cs │ ├── AsyncDemo.xaml │ ├── AsyncDemo.xaml.cs │ ├── BindingBindingDemo.xaml │ ├── BindingBindingDemo.xaml.cs │ ├── BindingConverterDemo.xaml │ ├── BindingConverterDemo.xaml.cs │ ├── ClassBindingDemo.xaml │ ├── ClassBindingDemo.xaml.cs │ ├── CodeShow.CS.Shared.projitems │ ├── CodeShow.CS.Shared.shproj │ ├── CodeShowControl.xaml │ ├── CodeShowControl.xaml.cs │ ├── CreateSecondaryTileDemo.xaml │ ├── CreateSecondaryTileDemo.xaml.cs │ ├── DemoItemsData.cs │ ├── DisplayOrientationDemo.xaml │ ├── DisplayOrientationDemo.xaml.cs │ ├── EnableBackgroundTaskDemo.xaml │ ├── EnableBackgroundTaskDemo.xaml.cs │ ├── GridLayoutDemo.xaml │ ├── GridLayoutDemo.xaml.cs │ ├── GroupedItemsDemo.xaml │ ├── GroupedItemsDemo.xaml.cs │ ├── ItemDetailGridControl.xaml │ ├── ItemDetailGridControl.xaml.cs │ ├── ItemDetailPageShared.cs │ ├── ItemsControlDemo.xaml │ ├── ItemsControlDemo.xaml.cs │ ├── MapLocationDemo.xaml │ ├── MapLocationDemo.xaml.cs │ ├── NotificationDemo.xaml │ ├── NotificationDemo.xaml.cs │ ├── PropertyBindingDemo.xaml │ ├── PropertyBindingDemo.xaml.cs │ ├── ScalingTextDemo.xaml │ ├── ScalingTextDemo.xaml.cs │ ├── SearchDemo.xaml │ ├── SearchDemo.xaml.cs │ ├── ShareWindowsDemo.xaml │ ├── ShareWindowsDemo.xaml.cs │ ├── SourceCodeAsContent │ │ ├── AnimationStoryboardDemo.xaml │ │ ├── AnimationStoryboardDemo.xaml.cs │ │ ├── App.xaml │ │ ├── AsyncDemo.xaml │ │ ├── AsyncDemo.xaml.cs │ │ ├── BindingBindingDemo.xaml │ │ ├── BindingBindingDemo.xaml.cs │ │ ├── BindingConverterDemo.xaml │ │ ├── BindingConverterDemo.xaml.cs │ │ ├── ClassBindingDemo.xaml │ │ ├── ClassBindingDemo.xaml.cs │ │ ├── CodeShowPageWindows.Xaml.cs │ │ ├── CodeShowSettingsFlyout.xaml │ │ ├── CodeShowSettingsFlyout.xaml.cs │ │ ├── CreateSecondaryTileDemo.xaml │ │ ├── CreateSecondaryTileDemo.xaml.cs │ │ ├── DisplayOrientationDemo.xaml │ │ ├── DisplayOrientationDemo.xaml.cs │ │ ├── EnableBackgroundTaskDemo.xaml │ │ ├── EnableBackgroundTaskDemo.xaml.cs │ │ ├── GridLayoutDemo.xaml │ │ ├── GridLayoutDemo.xaml.cs │ │ ├── GroupedItemsDemo.xaml │ │ ├── GroupedItemsDemo.xaml.cs │ │ ├── ItemsControlDemo.xaml │ │ ├── ItemsControlDemo.xaml.cs │ │ ├── MapLocationDemo.xaml │ │ ├── MapLocationDemo.xaml.cs │ │ ├── NotificationDemo.xaml │ │ ├── NotificationDemo.xaml.cs │ │ ├── PropertyBindingDemo.xaml │ │ ├── PropertyBindingDemo.xaml.cs │ │ ├── ScalingTextDemo.xaml │ │ ├── ScalingTextDemo.xaml.cs │ │ ├── SearchDemo.xaml │ │ ├── SearchDemo.xaml.cs │ │ ├── SettingsFlyoutDemo.xaml │ │ ├── SettingsFlyoutDemo.xaml.cs │ │ ├── ShareWindowsDemo.xaml │ │ ├── ShareWindowsDemo.xaml.cs │ │ ├── StaticBindingDemo.xaml │ │ ├── StaticBindingDemo.xaml.cs │ │ ├── StaticResourceDemo.xaml │ │ ├── StaticResourceDemo.xaml.cs │ │ ├── TaskDemo.cs │ │ ├── TextDemo.xaml │ │ ├── TextDemo.xaml.cs │ │ ├── ToastDemo.xaml │ │ ├── ToastDemo.xaml.cs │ │ ├── ViewBoxDemo.xaml │ │ ├── ViewBoxDemo.xaml.cs │ │ ├── WebViewControlSizingDemo.xaml │ │ ├── WebViewControlSizingDemo.xaml.cs │ │ └── app.xaml.cs │ ├── StaticBindingDemo.xaml │ ├── StaticBindingDemo.xaml.cs │ ├── StaticResourceDemo.xaml │ ├── StaticResourceDemo.xaml.cs │ ├── SyntaxHighlighter.cs │ ├── TextDemo.xaml │ ├── TextDemo.xaml.cs │ ├── ToastDemo.xaml │ ├── ToastDemo.xaml.cs │ ├── ViewBoxDemo.xaml │ ├── ViewBoxDemo.xaml.cs │ ├── WebViewControlSizingDemo.xaml │ └── WebViewControlSizingDemo.xaml.cs ├── CodeShow.CS.Windows │ ├── AppWindows.cs │ ├── Assets │ │ ├── adtile_codeplex.png │ │ ├── badge.scale-100.png │ │ ├── badge.scale-140.png │ │ ├── badge.scale-180.png │ │ ├── headerlogo.png │ │ ├── logo.png │ │ ├── smalllogo.png │ │ ├── splashscreen.scale-100.png │ │ ├── splashscreen.scale-140.png │ │ ├── splashscreen.scale-180.png │ │ ├── square150.scale-100.png │ │ ├── square150.scale-140.png │ │ ├── square150.scale-180.png │ │ ├── square150.scale-80.png │ │ ├── square30.scale-100.png │ │ ├── square30.scale-140.png │ │ ├── square30.scale-180.png │ │ ├── square30.scale-80.png │ │ ├── square310.scale-100.png │ │ ├── square310.scale-140.png │ │ ├── square310.scale-180.png │ │ ├── square310.scale-80.png │ │ ├── square50.scale-100.png │ │ ├── square50.scale-140.png │ │ ├── square50.scale-180.png │ │ ├── square70.scale-100.png │ │ ├── square70.scale-140.png │ │ ├── square70.scale-180.png │ │ ├── square70.scale-80.png │ │ ├── storelogo.png │ │ ├── wide.scale-100.png │ │ ├── wide.scale-140.png │ │ ├── wide.scale-180.png │ │ └── wide.scale-80.png │ ├── CodeShow.CS.Windows.csproj │ ├── CodeShowPage.xaml │ ├── CodeShowPage.xaml.cs │ ├── CodeShowSettingsFlyout.xaml │ ├── CodeShowSettingsFlyout.xaml.cs │ ├── Common │ │ ├── BooleanNegationConverter.cs │ │ ├── BooleanToVisibilityConverter.cs │ │ ├── NavigationHelper.cs │ │ ├── ObservableDictionary.cs │ │ ├── ReadMe.txt │ │ ├── RelayCommand.cs │ │ └── SuspensionManager.cs │ ├── MainPage.xaml │ ├── MainPage.xaml.cs │ ├── Package.StoreAssociation.xml │ ├── Package.appxmanifest │ ├── Properties │ │ └── AssemblyInfo.cs │ ├── SettingsFlyoutDemo.xaml │ └── SettingsFlyoutDemo.xaml.cs └── CodeShow.CS.WindowsPhone │ ├── Assets │ ├── Logo.scale-240.png │ ├── SmallLogo.scale-240.png │ ├── SplashScreen.scale-240.png │ ├── Square71x71Logo.scale-240.png │ ├── StoreLogo.scale-240.png │ ├── WideLogo.scale-240.png │ ├── badge24.scale-140.png │ └── headerlogo.png │ ├── CodeShow.CS.WindowsPhone.csproj │ ├── CodeShowPage.xaml │ ├── CodeShowPage.xaml.cs │ ├── Common │ ├── NavigationHelper.cs │ ├── ObservableDictionary.cs │ ├── ReadMe.txt │ ├── RelayCommand.cs │ └── SuspensionManager.cs │ ├── MainPage.xaml │ ├── MainPage.xaml.cs │ ├── Package.appxmanifest │ └── Properties │ └── AssemblyInfo.cs ├── LICENSE ├── Promo Images ├── C# 414x180.png ├── C# 414x468.png ├── C# 558x558.png ├── C# 558x756.png ├── C# 846x468.png ├── JavaScrip 414x180.png ├── JavaScript 414x468.png ├── JavaScript 558x558.png ├── JavaScript 558x756.png └── JavaScript 846x468.png ├── README.md ├── art ├── Demo Assets.cdr ├── art.cdr └── icon_phone.svg ├── codeSHOW.sln ├── codeShow.JS.Windows └── demos │ └── notifications │ ├── badgeupdate │ ├── badgeupdate.css │ ├── badgeupdate.html │ └── badgeupdate.js │ ├── tileupdate │ ├── tileupdate.css │ ├── tileupdate.html │ └── tileupdate.js │ └── toasts │ ├── toasts.css │ ├── toasts.html │ └── toasts.js ├── codeShow.JS ├── codeShow.JS.Shared │ ├── codeShow.JS.Shared.projitems │ ├── codeShow.JS.Shared.shproj │ ├── css │ │ └── type │ │ │ └── GoodDog.otf │ ├── demos │ │ ├── ads │ │ │ ├── ads.html │ │ │ └── ads.json │ │ ├── alaska │ │ │ ├── alaska.css │ │ │ ├── alaska.html │ │ │ ├── alaska.js │ │ │ ├── alaska.json │ │ │ ├── d3.js │ │ │ ├── topojson.js │ │ │ └── us.json │ │ ├── animatedTranslation │ │ │ ├── animatedTranslation.css │ │ │ ├── animatedTranslation.html │ │ │ ├── animatedTranslation.js │ │ │ └── animatedTranslation.json │ │ ├── appbar2 │ │ │ ├── appbar2.html │ │ │ ├── appbar2.js │ │ │ └── appbar2.json │ │ ├── appbarcommand │ │ │ ├── appbarcommand.html │ │ │ └── appbarcommand.json │ │ ├── appdata │ │ │ ├── appdata.html │ │ │ ├── appdata.js │ │ │ └── appdata.json │ │ ├── appstate │ │ │ ├── appstate.html │ │ │ ├── appstate.js │ │ │ └── appstate.json │ │ ├── arrayFcts │ │ │ ├── arrayFcts.html │ │ │ ├── arrayFcts.js │ │ │ └── arrayFcts.json │ │ ├── asymmetric │ │ │ ├── asymmetric.css │ │ │ ├── asymmetric.html │ │ │ ├── asymmetric.js │ │ │ ├── asymmetric.json │ │ │ └── images │ │ │ │ ├── 01.jpg │ │ │ │ ├── 02.jpg │ │ │ │ ├── 03.jpg │ │ │ │ ├── 04.jpg │ │ │ │ ├── 05.jpg │ │ │ │ ├── 06.jpg │ │ │ │ ├── 07.jpg │ │ │ │ ├── 08.jpg │ │ │ │ ├── 09.jpg │ │ │ │ └── 10.jpg │ │ ├── audio │ │ │ ├── audio.css │ │ │ ├── audio.html │ │ │ ├── audio.js │ │ │ └── audio.json │ │ ├── autocomplete │ │ │ ├── autocomplete.css │ │ │ ├── autocomplete.html │ │ │ ├── autocomplete.js │ │ │ └── autocomplete.json │ │ ├── backgroundtask │ │ │ ├── backgroundtask.html │ │ │ ├── backgroundtask.js │ │ │ ├── backgroundtask.json │ │ │ └── zonetask.js │ │ ├── badgeupdate │ │ │ ├── badgeupdate.css │ │ │ ├── badgeupdate.html │ │ │ ├── badgeupdate.js │ │ │ └── badgeupdate.json │ │ ├── baseconv │ │ │ ├── baseconv.css │ │ │ ├── baseconv.html │ │ │ ├── baseconv.js │ │ │ └── baseconv.json │ │ ├── basicscaling │ │ │ ├── basicscaling.css │ │ │ ├── basicscaling.html │ │ │ ├── basicscaling.json │ │ │ ├── ketch.scale-100.png │ │ │ ├── ketch.scale-140.png │ │ │ ├── ketch.scale-180.png │ │ │ ├── ketch_big.png │ │ │ └── ketch_small.png │ │ ├── biggrid │ │ │ ├── biggrid.html │ │ │ ├── biggrid.js │ │ │ └── biggrid.json │ │ ├── bindingconverters │ │ │ ├── bindingconverters.css │ │ │ ├── bindingconverters.html │ │ │ ├── bindingconverters.js │ │ │ └── bindingconverters.json │ │ ├── bingmaps │ │ │ ├── bingmaps.json │ │ │ ├── custompushpin │ │ │ │ ├── custompushpin.html │ │ │ │ └── custompushpin.js │ │ │ ├── moving │ │ │ │ ├── moving.css │ │ │ │ ├── moving.html │ │ │ │ └── moving.js │ │ │ ├── pushpin │ │ │ │ ├── pushpin.css │ │ │ │ ├── pushpin.html │ │ │ │ └── pushpin.js │ │ │ └── simple │ │ │ │ ├── simple.css │ │ │ │ ├── simple.html │ │ │ │ └── simple.js │ │ ├── borderradius │ │ │ ├── borderradius.css │ │ │ ├── borderradius.html │ │ │ └── borderradius.json │ │ ├── bowling │ │ │ ├── bowling.css │ │ │ ├── bowling.html │ │ │ ├── bowling.js │ │ │ └── bowling.json │ │ ├── boxborder │ │ │ ├── boxborder.css │ │ │ ├── boxborder.html │ │ │ └── boxborder.json │ │ ├── boxmargin │ │ │ ├── boxmargin.css │ │ │ ├── boxmargin.html │ │ │ ├── boxmargin.js │ │ │ └── boxmargin.json │ │ ├── boxoverflow │ │ │ ├── boxoverflow.css │ │ │ ├── boxoverflow.html │ │ │ └── boxoverflow.json │ │ ├── boxpadding │ │ │ ├── boxpadding.css │ │ │ ├── boxpadding.html │ │ │ └── boxpadding.json │ │ ├── canvasball │ │ │ ├── canvasball.css │ │ │ ├── canvasball.html │ │ │ ├── canvasball.js │ │ │ └── canvasball.json │ │ ├── canvaspaint │ │ │ ├── canvaspaint.css │ │ │ ├── canvaspaint.html │ │ │ ├── canvaspaint.js │ │ │ ├── canvaspaint.json │ │ │ ├── rx.js │ │ │ └── rx.winjs.js │ │ ├── certs │ │ │ ├── certs.html │ │ │ ├── certs.js │ │ │ └── certs.json │ │ ├── chorddiagram │ │ │ ├── chorddiagram.css │ │ │ ├── chorddiagram.html │ │ │ ├── chorddiagram.js │ │ │ ├── chorddiagram.json │ │ │ └── d3.js │ │ ├── circle │ │ │ ├── circle.css │ │ │ ├── circle.html │ │ │ ├── circle.js │ │ │ └── circle.json │ │ ├── classes │ │ │ ├── classes.html │ │ │ ├── classes.js │ │ │ └── classes.json │ │ ├── click │ │ │ ├── click.css │ │ │ ├── click.html │ │ │ ├── click.js │ │ │ └── click.json │ │ ├── clickpoint │ │ │ ├── clickpoint.css │ │ │ ├── clickpoint.html │ │ │ ├── clickpoint.js │ │ │ └── clickpoint.json │ │ ├── colorconv │ │ │ ├── colorconv.css │ │ │ ├── colorconv.html │ │ │ ├── colorconv.js │ │ │ └── colorconv.json │ │ ├── components │ │ │ ├── components.css │ │ │ ├── components.html │ │ │ ├── components.js │ │ │ └── components.json │ │ ├── core │ │ │ ├── core.html │ │ │ ├── core.js │ │ │ └── core.json │ │ ├── crop │ │ │ ├── crop.css │ │ │ ├── crop.html │ │ │ ├── crop.js │ │ │ ├── crop.json │ │ │ └── images │ │ │ │ ├── attribution.txt │ │ │ │ └── leaf twirl.jpg │ │ ├── csscolumns │ │ │ ├── csscolumns.css │ │ │ ├── csscolumns.html │ │ │ └── csscolumns.json │ │ ├── cssidclass │ │ │ ├── cssidclass.css │ │ │ ├── cssidclass.html │ │ │ ├── cssidclass.js │ │ │ └── cssidclass.json │ │ ├── customControl │ │ │ ├── customControl.html │ │ │ ├── customControl.js │ │ │ └── customControl.json │ │ ├── datejs │ │ │ ├── date.js │ │ │ ├── datejs.css │ │ │ ├── datejs.html │ │ │ ├── datejs.js │ │ │ └── datejs.json │ │ ├── devices │ │ │ ├── devices.css │ │ │ ├── devices.html │ │ │ ├── devices.js │ │ │ └── devices.json │ │ ├── discover │ │ │ ├── discover.css │ │ │ ├── discover.html │ │ │ ├── discover.js │ │ │ └── discover.json │ │ ├── dom │ │ │ ├── dom.html │ │ │ ├── dom.js │ │ │ └── dom.json │ │ ├── draganddrop │ │ │ ├── draganddrop.css │ │ │ ├── draganddrop.html │ │ │ ├── draganddrop.js │ │ │ └── draganddrop.json │ │ ├── dragndrop │ │ │ ├── dragndrop.css │ │ │ ├── dragndrop.html │ │ │ ├── dragndrop.js │ │ │ └── dragndrop.json │ │ ├── encoding │ │ │ ├── encoding.html │ │ │ ├── encoding.js │ │ │ └── encoding.json │ │ ├── enterexit │ │ │ ├── enterexit.css │ │ │ ├── enterexit.html │ │ │ ├── enterexit.js │ │ │ └── enterexit.json │ │ ├── errors │ │ │ ├── errors.css │ │ │ ├── errors.html │ │ │ ├── errors.js │ │ │ └── errors.json │ │ ├── eventHandlers │ │ │ ├── eventHandlers.css │ │ │ ├── eventHandlers.html │ │ │ ├── eventHandlers.js │ │ │ └── eventHandlers.json │ │ ├── fancy │ │ │ ├── fancy.css │ │ │ ├── fancy.html │ │ │ └── fancy.json │ │ ├── fileCreateRead │ │ │ ├── fileCreateRead.css │ │ │ ├── fileCreateRead.html │ │ │ ├── fileCreateRead.js │ │ │ └── fileCreateRead.json │ │ ├── filepicker │ │ │ ├── fileOpenPicker.css │ │ │ ├── fileOpenPicker.html │ │ │ ├── fileOpenPicker.js │ │ │ ├── filepicker.css │ │ │ ├── filepicker.html │ │ │ ├── filepicker.js │ │ │ └── filepicker.json │ │ ├── flexdistribute │ │ │ ├── flexdistribute.css │ │ │ ├── flexdistribute.html │ │ │ └── flexdistribute.json │ │ ├── flexsimple │ │ │ ├── flexsimple.css │ │ │ ├── flexsimple.html │ │ │ └── flexsimple.json │ │ ├── flexswipe │ │ │ ├── flexswipe.css │ │ │ ├── flexswipe.html │ │ │ └── flexswipe.json │ │ ├── flexvertical │ │ │ ├── flexvertical.css │ │ │ ├── flexvertical.html │ │ │ └── flexvertical.json │ │ ├── flexwrap │ │ │ ├── flexwrap.css │ │ │ ├── flexwrap.html │ │ │ └── flexwrap.json │ │ ├── flexxing │ │ │ ├── flexxing.css │ │ │ ├── flexxing.html │ │ │ └── flexxing.json │ │ ├── flipview │ │ │ ├── flipview.css │ │ │ ├── flipview.html │ │ │ ├── flipview.js │ │ │ └── flipview.json │ │ ├── flotrbar │ │ │ ├── flotrbar.html │ │ │ ├── flotrbar.js │ │ │ ├── flotrbar.json │ │ │ └── lib │ │ │ │ ├── base64.js │ │ │ │ ├── canvastext.js │ │ │ │ ├── flotr-0.2.0-alpha.js │ │ │ │ └── prototype.js │ │ ├── flotrcandle │ │ │ ├── flotrcandle.html │ │ │ ├── flotrcandle.js │ │ │ ├── flotrcandle.json │ │ │ └── lib │ │ │ │ ├── base64.js │ │ │ │ ├── canvastext.js │ │ │ │ ├── flotr-0.2.0-alpha.js │ │ │ │ └── prototype.js │ │ ├── flotrlegend │ │ │ ├── flotrlegend.html │ │ │ ├── flotrlegend.js │ │ │ ├── flotrlegend.json │ │ │ └── lib │ │ │ │ ├── base64.js │ │ │ │ ├── canvastext.js │ │ │ │ ├── flotr-0.2.0-alpha.js │ │ │ │ └── prototype.js │ │ ├── flotrpie │ │ │ ├── flotrpie.html │ │ │ ├── flotrpie.js │ │ │ ├── flotrpie.json │ │ │ └── lib │ │ │ │ ├── base64.js │ │ │ │ ├── canvastext.js │ │ │ │ ├── flotr-0.2.0-alpha.js │ │ │ │ └── prototype.js │ │ ├── flotrsimple │ │ │ ├── flotrsimple.html │ │ │ ├── flotrsimple.js │ │ │ ├── flotrsimple.json │ │ │ └── lib │ │ │ │ ├── base64.js │ │ │ │ ├── canvastext.js │ │ │ │ ├── flotr-0.2.0-alpha.js │ │ │ │ └── prototype.js │ │ ├── flyouts │ │ │ ├── flyouts.html │ │ │ ├── flyouts.js │ │ │ └── flyouts.json │ │ ├── fontface │ │ │ ├── GoodDog.otf │ │ │ ├── fontface.css │ │ │ ├── fontface.html │ │ │ ├── fontface.json │ │ │ └── geobats.ttf │ │ ├── forcedirected │ │ │ ├── d3.js │ │ │ ├── forcedirected.css │ │ │ ├── forcedirected.html │ │ │ ├── forcedirected.js │ │ │ ├── forcedirected.json │ │ │ └── miserables.json │ │ ├── gesture │ │ │ ├── gesture.css │ │ │ ├── gesture.html │ │ │ ├── gesture.js │ │ │ └── gesture.json │ │ ├── gradients │ │ │ ├── gradients.css │ │ │ ├── gradients.html │ │ │ └── gradients.json │ │ ├── gridster │ │ │ ├── gridster.css │ │ │ ├── gridster.html │ │ │ ├── gridster.js │ │ │ ├── gridster.json │ │ │ ├── jquery.gridster.css │ │ │ └── jquery.gridster.js │ │ ├── grouped │ │ │ ├── grouped.css │ │ │ ├── grouped.html │ │ │ ├── grouped.js │ │ │ └── grouped.json │ │ ├── html5audio │ │ │ ├── apollo_11_dsc2.mp3 │ │ │ ├── html5audio.html │ │ │ └── html5audio.json │ │ ├── html5location │ │ │ ├── html5location.html │ │ │ ├── html5location.js │ │ │ └── html5location.json │ │ ├── html5sockets │ │ │ ├── html5sockets.html │ │ │ ├── html5sockets.js │ │ │ └── html5sockets.json │ │ ├── html5video │ │ │ ├── butterfly.mp4 │ │ │ ├── html5video.css │ │ │ ├── html5video.html │ │ │ └── html5video.json │ │ ├── htmlfragment │ │ │ ├── htmlfragment.html │ │ │ ├── htmlfragment.js │ │ │ ├── htmlfragment.json │ │ │ └── li.html │ │ ├── htmltotext │ │ │ ├── htmltotext.css │ │ │ ├── htmltotext.html │ │ │ ├── htmltotext.js │ │ │ └── htmltotext.json │ │ ├── httpclient │ │ │ ├── httpclient.css │ │ │ ├── httpclient.html │ │ │ ├── httpclient.js │ │ │ └── httpclient.json │ │ ├── iframes │ │ │ ├── iframes.css │ │ │ ├── iframes.html │ │ │ └── iframes.json │ │ ├── itemcontainer │ │ │ ├── itemcontainer.css │ │ │ ├── itemcontainer.html │ │ │ └── itemcontainer.json │ │ ├── jsonFcts │ │ │ ├── jsonFcts.html │ │ │ ├── jsonFcts.js │ │ │ └── jsonFcts.json │ │ ├── keycode │ │ │ ├── keycode.css │ │ │ ├── keycode.html │ │ │ ├── keycode.js │ │ │ └── keycode.json │ │ ├── keyframeAnimation │ │ │ ├── keyframeAnimation.css │ │ │ ├── keyframeAnimation.html │ │ │ ├── keyframeAnimation.js │ │ │ └── keyframeAnimation.json │ │ ├── launcher │ │ │ ├── launcher.css │ │ │ ├── launcher.html │ │ │ ├── launcher.js │ │ │ └── launcher.json │ │ ├── layout │ │ │ ├── bob.png │ │ │ ├── layout.css │ │ │ ├── layout.html │ │ │ ├── layout.js │ │ │ └── layout.json │ │ ├── listviewstates │ │ │ ├── listviewstates.css │ │ │ ├── listviewstates.html │ │ │ ├── listviewstates.js │ │ │ └── listviewstates.json │ │ ├── liveauth │ │ │ ├── liveauth.html │ │ │ ├── liveauth.js │ │ │ └── liveauth.json │ │ ├── livelistview │ │ │ ├── livelistview.css │ │ │ ├── livelistview.html │ │ │ ├── livelistview.js │ │ │ └── livelistview.json │ │ ├── localStorage │ │ │ ├── localStorage.html │ │ │ ├── localStorage.js │ │ │ └── localStorage.json │ │ ├── location │ │ │ ├── location.css │ │ │ ├── location.html │ │ │ ├── location.js │ │ │ └── location.json │ │ ├── mediaqueries │ │ │ ├── bowline.jpg │ │ │ ├── mediaqueries.css │ │ │ ├── mediaqueries.html │ │ │ └── mediaqueries.json │ │ ├── menus │ │ │ ├── menus.css │ │ │ ├── menus.html │ │ │ ├── menus.js │ │ │ └── menus.json │ │ ├── mscssmatrix │ │ │ ├── mscssmatrix.css │ │ │ ├── mscssmatrix.html │ │ │ ├── mscssmatrix.js │ │ │ └── mscssmatrix.json │ │ ├── navbar │ │ │ ├── navbar.json │ │ │ └── simple │ │ │ │ └── simple.html │ │ ├── observablebinding │ │ │ ├── observablebinding.css │ │ │ ├── observablebinding.html │ │ │ ├── observablebinding.js │ │ │ └── observablebinding.json │ │ ├── onedrivefolders │ │ │ ├── onedrivefolders.html │ │ │ ├── onedrivefolders.js │ │ │ └── onedrivefolders.json │ │ ├── onedrivepushfile │ │ │ ├── onedrivepushfile.html │ │ │ ├── onedrivepushfile.js │ │ │ └── onedrivepushfile.json │ │ ├── parent │ │ │ ├── parent.css │ │ │ ├── parent.html │ │ │ ├── parent.js │ │ │ └── parent.json │ │ ├── peopleAndEvents │ │ │ ├── peopleAndEvents.html │ │ │ ├── peopleAndEvents.js │ │ │ └── peopleAndEvents.json │ │ ├── plateauscaling │ │ │ ├── plateau.scale-100.png │ │ │ ├── plateau.scale-140.png │ │ │ ├── plateau.scale-180.png │ │ │ ├── plateauscaling.html │ │ │ └── plateauscaling.json │ │ ├── playerframework │ │ │ ├── playerframework.html │ │ │ └── playerframework.json │ │ ├── playto │ │ │ ├── playto.html │ │ │ ├── playto.js │ │ │ └── playto.json │ │ ├── popups │ │ │ ├── popups.html │ │ │ ├── popups.js │ │ │ └── popups.json │ │ ├── print │ │ │ └── print.json │ │ ├── printFromApp │ │ │ ├── printFromApp.html │ │ │ ├── printFromApp.js │ │ │ └── printFromApp.json │ │ ├── printOptions │ │ │ ├── printOptions.html │ │ │ ├── printOptions.js │ │ │ └── printOptions.json │ │ ├── printToggle │ │ │ ├── printToggle.html │ │ │ ├── printToggle.js │ │ │ └── printToggle.json │ │ ├── progressbar │ │ │ ├── determinate │ │ │ │ ├── determinate.css │ │ │ │ ├── determinate.html │ │ │ │ └── determinate.js │ │ │ ├── indeterminate │ │ │ │ ├── indeterminate.css │ │ │ │ └── indeterminate.html │ │ │ └── progressbar.json │ │ ├── promisechaining │ │ │ ├── promisechaining.css │ │ │ ├── promisechaining.html │ │ │ ├── promisechaining.js │ │ │ └── promisechaining.json │ │ ├── promises │ │ │ ├── promises.css │ │ │ ├── promises.html │ │ │ ├── promises.js │ │ │ └── promises.json │ │ ├── promiseuses │ │ │ ├── promiseuses.css │ │ │ ├── promiseuses.html │ │ │ ├── promiseuses.js │ │ │ └── promiseuses.json │ │ ├── properties │ │ │ ├── properties.html │ │ │ ├── properties.js │ │ │ └── properties.json │ │ ├── proximity │ │ │ ├── proximity.html │ │ │ ├── proximity.js │ │ │ └── proximity.json │ │ ├── rating │ │ │ ├── rating.html │ │ │ └── rating.json │ │ ├── reorder │ │ │ ├── reorder.css │ │ │ ├── reorder.html │ │ │ ├── reorder.js │ │ │ └── reorder.json │ │ ├── repeater │ │ │ ├── repeater.html │ │ │ ├── repeater.js │ │ │ └── repeater.json │ │ ├── responsive │ │ │ ├── responsive.css │ │ │ ├── responsive.html │ │ │ └── responsive.json │ │ ├── rowspans │ │ │ ├── rowspans.css │ │ │ ├── rowspans.html │ │ │ └── rowspans.json │ │ ├── search │ │ │ ├── search.html │ │ │ ├── search.js │ │ │ └── search.json │ │ ├── secondtile │ │ │ ├── alternate │ │ │ │ ├── alternate.html │ │ │ │ └── alternate.js │ │ │ ├── pinandpush │ │ │ │ ├── pinandpush.html │ │ │ │ └── pinandpush.js │ │ │ ├── secondtile.json │ │ │ └── simple │ │ │ │ ├── simple.html │ │ │ │ └── simple.js │ │ ├── selectcontacts │ │ │ ├── selectcontacts.html │ │ │ ├── selectcontacts.js │ │ │ └── selectcontacts.json │ │ ├── selectors │ │ │ ├── selectors.css │ │ │ ├── selectors.html │ │ │ ├── selectors.js │ │ │ └── selectors.json │ │ ├── semanticzoom │ │ │ ├── semanticzoom.css │ │ │ ├── semanticzoom.html │ │ │ ├── semanticzoom.js │ │ │ └── semanticzoom.json │ │ ├── sensors │ │ │ ├── sensors.css │ │ │ ├── sensors.html │ │ │ ├── sensors.js │ │ │ └── sensors.json │ │ ├── settings │ │ │ ├── settings.css │ │ │ ├── settings.html │ │ │ ├── settings.js │ │ │ └── settings.json │ │ ├── share │ │ │ ├── share.css │ │ │ ├── share.html │ │ │ ├── share.js │ │ │ └── share.json │ │ ├── simpleappbar │ │ │ ├── simpleappbar.html │ │ │ ├── simpleappbar.js │ │ │ └── simpleappbar.json │ │ ├── simplebinding │ │ │ ├── simplebinding.html │ │ │ ├── simplebinding.js │ │ │ └── simplebinding.json │ │ ├── simplegrid │ │ │ ├── simplegrid.css │ │ │ ├── simplegrid.html │ │ │ └── simplegrid.json │ │ ├── simplelistview │ │ │ ├── simplelistview.css │ │ │ ├── simplelistview.html │ │ │ ├── simplelistview.js │ │ │ └── simplelistview.json │ │ ├── slidingdiv │ │ │ ├── slidingdiv.css │ │ │ ├── slidingdiv.html │ │ │ ├── slidingdiv.js │ │ │ └── slidingdiv.json │ │ ├── snappoints │ │ │ ├── snappoints.css │ │ │ ├── snappoints.html │ │ │ ├── snappoints.js │ │ │ └── snappoints.json │ │ ├── speech │ │ │ ├── speech.html │ │ │ ├── speech.js │ │ │ └── speech.json │ │ ├── steamgraph │ │ │ ├── d3.js │ │ │ ├── steamgraph.html │ │ │ ├── steamgraph.js │ │ │ └── steamgraph.json │ │ ├── still │ │ │ ├── still.css │ │ │ ├── still.html │ │ │ ├── still.js │ │ │ └── still.json │ │ ├── stocks │ │ │ ├── smoothie.js │ │ │ ├── stocks.css │ │ │ ├── stocks.html │ │ │ ├── stocks.js │ │ │ └── stocks.json │ │ ├── streamsocket │ │ │ ├── streamsocket.html │ │ │ ├── streamsocket.js │ │ │ └── streamsocket.json │ │ ├── swipeSections │ │ │ ├── swipeSections.css │ │ │ ├── swipeSections.html │ │ │ └── swipeSections.json │ │ ├── syndication │ │ │ ├── syndication.css │ │ │ ├── syndication.html │ │ │ ├── syndication.js │ │ │ └── syndication.json │ │ ├── templateItems │ │ │ ├── templateItems.css │ │ │ ├── templateItems.html │ │ │ ├── templateItems.js │ │ │ └── templateItems.json │ │ ├── templatebinding │ │ │ ├── templatebinding.html │ │ │ ├── templatebinding.js │ │ │ └── templatebinding.json │ │ ├── textfont │ │ │ ├── textfont.css │ │ │ ├── textfont.html │ │ │ └── textfont.json │ │ ├── textprops │ │ │ ├── textprops.css │ │ │ ├── textprops.html │ │ │ └── textprops.json │ │ ├── tileupdate │ │ │ ├── tileupdate.css │ │ │ ├── tileupdate.html │ │ │ ├── tileupdate.js │ │ │ └── tileupdate.json │ │ ├── timeflies │ │ │ ├── timeflies.css │ │ │ ├── timeflies.html │ │ │ ├── timeflies.js │ │ │ └── timeflies.json │ │ ├── toasts │ │ │ ├── toasts.html │ │ │ ├── toasts.js │ │ │ └── toasts.json │ │ ├── transforms │ │ │ ├── transforms.css │ │ │ ├── transforms.html │ │ │ └── transforms.json │ │ ├── transitions │ │ │ ├── transitions.css │ │ │ ├── transitions.html │ │ │ ├── transitions.js │ │ │ └── transitions.json │ │ ├── underscoredemo │ │ │ ├── underscore.js │ │ │ ├── underscoredemo.html │ │ │ ├── underscoredemo.js │ │ │ └── underscoredemo.json │ │ ├── userdata │ │ │ ├── userdata.html │ │ │ ├── userdata.js │ │ │ └── userdata.json │ │ ├── usersettings │ │ │ ├── usersettings.html │ │ │ ├── usersettings.js │ │ │ └── usersettings.json │ │ ├── video │ │ │ ├── video.css │ │ │ ├── video.html │ │ │ ├── video.js │ │ │ └── video.json │ │ ├── viewbox │ │ │ ├── viewbox.css │ │ │ ├── viewbox.html │ │ │ └── viewbox.json │ │ ├── viewstates │ │ │ ├── viewstates.css │ │ │ ├── viewstates.html │ │ │ ├── viewstates.js │ │ │ └── viewstates.json │ │ ├── wamsauth │ │ │ ├── wamsauth.css │ │ │ ├── wamsauth.html │ │ │ ├── wamsauth.js │ │ │ └── wamsauth.json │ │ ├── wamspush │ │ │ ├── wamspush.html │ │ │ ├── wamspush.js │ │ │ └── wamspush.json │ │ ├── wamsstorage │ │ │ ├── wamsstorage.html │ │ │ ├── wamsstorage.js │ │ │ └── wamsstorage.json │ │ ├── webgl │ │ │ ├── webgl.html │ │ │ ├── webgl.js │ │ │ └── webgl.json │ │ ├── webservices │ │ │ ├── basic │ │ │ │ ├── basic.html │ │ │ │ └── basic.js │ │ │ ├── odata │ │ │ │ ├── odata.html │ │ │ │ └── odata.js │ │ │ └── webservices.json │ │ ├── webview │ │ │ ├── simple │ │ │ │ ├── simple.css │ │ │ │ └── simple.html │ │ │ ├── tostring │ │ │ │ ├── tostring.css │ │ │ │ ├── tostring.html │ │ │ │ └── tostring.js │ │ │ └── webview.json │ │ ├── webworker │ │ │ ├── diagram.png │ │ │ ├── task.js │ │ │ ├── webworker.css │ │ │ ├── webworker.html │ │ │ ├── webworker.js │ │ │ └── webworker.json │ │ ├── xhr │ │ │ ├── fetchme.html │ │ │ ├── xhr.css │ │ │ ├── xhr.html │ │ │ ├── xhr.js │ │ │ └── xhr.json │ │ └── zoom │ │ │ ├── oceanrocks.jpg │ │ │ ├── zoom.css │ │ │ ├── zoom.html │ │ │ └── zoom.json │ ├── images │ │ └── gray.png │ ├── js │ │ ├── MobileServices.intellisense.js │ │ ├── MobileServices.js │ │ ├── MobileServices.min.js │ │ ├── MobileServices.pri │ │ ├── analytics.js │ │ ├── converters.js │ │ ├── data.js │ │ ├── date.js │ │ ├── default.js │ │ ├── jquery-2.1.1.js │ │ ├── navigator.js │ │ ├── ocho.js │ │ └── wl.js │ ├── lib │ │ └── RxJS │ │ │ ├── Test │ │ │ ├── rx.testing-vsdoc.js │ │ │ └── rx.testing.min.js │ │ │ ├── redist.txt │ │ │ ├── rx.aggregates.js │ │ │ ├── rx.binding.js │ │ │ ├── rx.coincidence.js │ │ │ ├── rx.experimental.js │ │ │ ├── rx.joinpatterns.js │ │ │ ├── rx.js │ │ │ ├── rx.node.js │ │ │ ├── rx.testing.js │ │ │ ├── rx.time.js │ │ │ └── rx.winjs.js │ ├── pages │ │ ├── demo │ │ │ └── demo.js │ │ ├── demos │ │ │ └── demos.js │ │ └── hub │ │ │ ├── categoriesControl.css │ │ │ ├── categoriesControl.html │ │ │ ├── categoriesControl.js │ │ │ ├── contributorsControl.css │ │ │ ├── contributorsControl.html │ │ │ ├── contributorsControl.js │ │ │ ├── demosListControl.js │ │ │ ├── hub.js │ │ │ └── welcomeControl.js │ ├── services │ │ └── mobile services │ │ │ └── codeshow │ │ │ └── service.js │ └── strings │ │ ├── en-US │ │ └── resources.resjson │ │ └── es-ES │ │ └── resources.resjson ├── codeShow.JS.Windows │ ├── Fonts │ │ └── LiveSymbol.ttf │ ├── NotificationsExtensions.winmd │ ├── Package.StoreAssociation.xml │ ├── codeShow.JS.Windows.jsproj │ ├── css │ │ └── default.css │ ├── default.html │ ├── demos │ │ └── hub │ │ │ ├── data.js │ │ │ ├── hub.css │ │ │ ├── hub.html │ │ │ ├── hub.js │ │ │ └── hub.json │ ├── images │ │ ├── adtile_codeplex.png │ │ ├── apphero.png │ │ ├── badge24.scale-100.png │ │ ├── badge24.scale-140.png │ │ ├── badge24.scale-180.png │ │ ├── bits.png │ │ ├── codeplex.png │ │ ├── html5.png │ │ ├── logo.scale-100.png │ │ ├── secondary150.png │ │ ├── secondary70.png │ │ ├── splashscreen.scale-100.png │ │ ├── splashscreen.scale-140.png │ │ ├── splashscreen.scale-180.png │ │ ├── square150.scale-100.png │ │ ├── square150.scale-140.png │ │ ├── square150.scale-180.png │ │ ├── square150.scale-80.png │ │ ├── square30.scale-100.png │ │ ├── square30.scale-140.png │ │ ├── square30.scale-180.png │ │ ├── square30.scale-80.png │ │ ├── square310.scale-100.png │ │ ├── square310.scale-140.png │ │ ├── square310.scale-180.png │ │ ├── square310.scale-80.png │ │ ├── square50.scale-100.png │ │ ├── square50.scale-140.png │ │ ├── square50.scale-180.png │ │ ├── square70.scale-100.png │ │ ├── square70.scale-140.png │ │ ├── square70.scale-180.png │ │ ├── square70.scale-80.png │ │ ├── store.scale-100.png │ │ ├── wide.scale-100.png │ │ ├── wide.scale-140.png │ │ ├── wide.scale-180.png │ │ ├── wide.scale-80.png │ │ └── win8logo.png │ ├── package.appxmanifest │ ├── packages.config │ └── pages │ │ ├── about │ │ ├── about.css │ │ └── about.html │ │ ├── apps │ │ ├── apps.css │ │ ├── apps.html │ │ └── apps.js │ │ ├── demo │ │ ├── demo.css │ │ └── demo.html │ │ ├── demos │ │ ├── demos.css │ │ └── demos.html │ │ ├── hub │ │ ├── demosListControl.css │ │ ├── demosListControl.html │ │ ├── hub.css │ │ └── hub.html │ │ └── privacy │ │ ├── privacy.css │ │ └── privacy.html └── codeShow.JS.WindowsPhone │ ├── Package.StoreAssociation.xml │ ├── VoiceCommandDefinition.xml │ ├── codeShow.JS.WindowsPhone.jsproj │ ├── css │ ├── phone.css │ ├── ui-themed.css │ ├── ui-themed.theme-dark.css │ └── ui-themed.theme-light.css │ ├── default.html │ ├── demos │ └── voicecommand │ │ ├── voicecommand.css │ │ ├── voicecommand.html │ │ ├── voicecommand.js │ │ └── voicecommand.json │ ├── images │ ├── SplashScreen.scale-240.png │ ├── Square150x150Logo.scale-240.png │ ├── Square44x44Logo.scale-240.png │ ├── Square71x71Logo.scale-240.png │ ├── StoreLogo.scale-240.png │ └── Wide310x150Logo.scale-240.png │ ├── package.appxmanifest │ └── pages │ ├── categories │ ├── category.css │ ├── category.html │ └── category.js │ ├── demo │ ├── demo.css │ └── demo.html │ └── hub │ ├── demosListControl.css │ ├── demosListControl.html │ ├── hub.html │ ├── hubPhone.css │ └── welcomeControl.html └── packages ├── Bing.Maps.8.0.vsix ├── Bing.Maps.beta81.vsix ├── Microsoft.PlayerFramework.1.3.beta2.vsix ├── W8AdSDK-ENU.msi ├── Win8_1AdSDK.msi ├── azuresdk-win8-v0.2.5.msi └── repositories.config /CodeShow.CS/CodeShow.CS.Shared/AnimationStoryboardDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml; 2 | using Windows.UI.Xaml.Controls; 3 | 4 | namespace CodeShow.CS 5 | { 6 | public sealed partial class AnimationStoryboardDemo : UserControl 7 | { 8 | public AnimationStoryboardDemo() 9 | { 10 | this.InitializeComponent(); 11 | VisualStateManager.GoToState(this, "Running", false); 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/App.xaml: -------------------------------------------------------------------------------- 1 |  7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/ClassBindingDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS.Shared 4 | { 5 | public sealed partial class ClassBindingDemo : UserControl 6 | { 7 | // BeginCutPaste 8 | public string TextBlockText { get; set; } 9 | public ClassBindingDemo() 10 | { 11 | this.InitializeComponent(); 12 | this.TextBlockText = "Bound Text"; 13 | this.parentGrid.DataContext = this; 14 | } 15 | // EndCutPaste 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/GridLayoutDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS 4 | { 5 | public sealed partial class GridLayoutDemo : UserControl 6 | { 7 | public GridLayoutDemo() 8 | { 9 | this.InitializeComponent(); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/ScalingTextDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | // BeginCutPaste 4 | 5 | namespace CodeShow.CS.Shared 6 | { 7 | public sealed partial class ScalingTextDemo : UserControl 8 | { 9 | public ScalingTextDemo() 10 | { 11 | this.InitializeComponent(); 12 | } 13 | } 14 | } 15 | 16 | // EndCutPaste 17 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SearchDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS.Shared 4 | { 5 | public sealed partial class SearchDemo : UserControl 6 | { 7 | public SearchDemo() 8 | { 9 | this.InitializeComponent(); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/ShareWindowsDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.ApplicationModel.DataTransfer; 2 | using Windows.UI.Xaml.Controls; 3 | using Windows.UI.Xaml.Input; 4 | 5 | namespace CodeShow.CS.Shared 6 | { 7 | public sealed partial class ShareWindowsDemo : UserControl 8 | { 9 | public ShareWindowsDemo() 10 | { 11 | this.InitializeComponent(); 12 | } 13 | 14 | private void Button_Tapped(object sender, TappedRoutedEventArgs e) 15 | { 16 | DataTransferManager.ShowShareUI(); 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/AnimationStoryboardDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml; 2 | using Windows.UI.Xaml.Controls; 3 | 4 | namespace CodeShow.CS 5 | { 6 | public sealed partial class AnimationStoryboardDemo : UserControl 7 | { 8 | public AnimationStoryboardDemo() 9 | { 10 | this.InitializeComponent(); 11 | VisualStateManager.GoToState(this, "Running", false); 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/App.xaml: -------------------------------------------------------------------------------- 1 |  7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/ClassBindingDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS.Shared 4 | { 5 | public sealed partial class ClassBindingDemo : UserControl 6 | { 7 | // BeginCutPaste 8 | public string TextBlockText { get; set; } 9 | public ClassBindingDemo() 10 | { 11 | this.InitializeComponent(); 12 | this.TextBlockText = "Bound Text"; 13 | this.parentGrid.DataContext = this; 14 | } 15 | // EndCutPaste 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/GridLayoutDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS 4 | { 5 | public sealed partial class GridLayoutDemo : UserControl 6 | { 7 | public GridLayoutDemo() 8 | { 9 | this.InitializeComponent(); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/ScalingTextDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | // BeginCutPaste 4 | 5 | namespace CodeShow.CS.Shared 6 | { 7 | public sealed partial class ScalingTextDemo : UserControl 8 | { 9 | public ScalingTextDemo() 10 | { 11 | this.InitializeComponent(); 12 | } 13 | } 14 | } 15 | 16 | // EndCutPaste 17 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/SearchDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS.Shared 4 | { 5 | public sealed partial class SearchDemo : UserControl 6 | { 7 | public SearchDemo() 8 | { 9 | this.InitializeComponent(); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/ShareWindowsDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.ApplicationModel.DataTransfer; 2 | using Windows.UI.Xaml.Controls; 3 | using Windows.UI.Xaml.Input; 4 | 5 | namespace CodeShow.CS.Shared 6 | { 7 | public sealed partial class ShareWindowsDemo : UserControl 8 | { 9 | public ShareWindowsDemo() 10 | { 11 | this.InitializeComponent(); 12 | } 13 | 14 | private void Button_Tapped(object sender, TappedRoutedEventArgs e) 15 | { 16 | DataTransferManager.ShowShareUI(); 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/TextDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | using Windows.UI.Xaml.Input; 3 | 4 | namespace CodeShow.CS.Shared 5 | { 6 | public sealed partial class TextDemo : UserControl 7 | { 8 | public TextDemo() 9 | { 10 | this.InitializeComponent(); 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/SourceCodeAsContent/ViewBoxDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS.Shared 4 | { 5 | public sealed partial class ViewBoxDemo : UserControl 6 | { 7 | public ViewBoxDemo() 8 | { 9 | this.InitializeComponent(); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/TextDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | using Windows.UI.Xaml.Input; 3 | 4 | namespace CodeShow.CS.Shared 5 | { 6 | public sealed partial class TextDemo : UserControl 7 | { 8 | public TextDemo() 9 | { 10 | this.InitializeComponent(); 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Shared/ViewBoxDemo.xaml.cs: -------------------------------------------------------------------------------- 1 | using Windows.UI.Xaml.Controls; 2 | 3 | namespace CodeShow.CS.Shared 4 | { 5 | public sealed partial class ViewBoxDemo : UserControl 6 | { 7 | public ViewBoxDemo() 8 | { 9 | this.InitializeComponent(); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/adtile_codeplex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/adtile_codeplex.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/badge.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/badge.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/badge.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/badge.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/badge.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/badge.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/headerlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/headerlogo.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/logo.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/smalllogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/smalllogo.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/splashscreen.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/splashscreen.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/splashscreen.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/splashscreen.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/splashscreen.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/splashscreen.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square150.scale-80.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square30.scale-80.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square310.scale-80.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square50.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square50.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square50.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square50.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square50.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square50.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/square70.scale-80.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/storelogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/storelogo.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-100.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-180.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.Windows/Assets/wide.scale-80.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/Common/ReadMe.txt: -------------------------------------------------------------------------------- 1 | The Common directory contains classes that simplify application development. 2 | 3 | Classes in the Common directory form part of your project and may be further enhanced to meet your 4 | needs. Care should be taken when altering existing methods and properties as incompatible changes 5 | will require corresponding changes to code included in a variety of Visual Studio templates. For 6 | example, additional pages added to your project are written assuming that the original methods and 7 | properties in Common classes are still present and that the names of the types have not changed. -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.Windows/MainPage.xaml: -------------------------------------------------------------------------------- 1 |  9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/Logo.scale-240.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/SmallLogo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/SmallLogo.scale-240.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/SplashScreen.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/SplashScreen.scale-240.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/Square71x71Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/Square71x71Logo.scale-240.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/StoreLogo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/StoreLogo.scale-240.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/WideLogo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/WideLogo.scale-240.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/badge24.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/badge24.scale-140.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/headerlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/CodeShow.CS/CodeShow.CS.WindowsPhone/Assets/headerlogo.png -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/Common/ReadMe.txt: -------------------------------------------------------------------------------- 1 | The Common directory contains classes that simplify application development. 2 | 3 | Classes in the Common directory form part of your project and may be further enhanced to meet your 4 | needs. Care should be taken when altering existing methods and properties as incompatible changes 5 | will require corresponding changes to code included in a variety of Visual Studio templates. For 6 | example, additional pages added to your project are written assuming that the original methods and 7 | properties in Common classes are still present and that the names of the types have not changed. -------------------------------------------------------------------------------- /CodeShow.CS/CodeShow.CS.WindowsPhone/MainPage.xaml: -------------------------------------------------------------------------------- 1 |  9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /Promo Images/C# 414x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/C# 414x180.png -------------------------------------------------------------------------------- /Promo Images/C# 414x468.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/C# 414x468.png -------------------------------------------------------------------------------- /Promo Images/C# 558x558.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/C# 558x558.png -------------------------------------------------------------------------------- /Promo Images/C# 558x756.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/C# 558x756.png -------------------------------------------------------------------------------- /Promo Images/C# 846x468.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/C# 846x468.png -------------------------------------------------------------------------------- /Promo Images/JavaScrip 414x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/JavaScrip 414x180.png -------------------------------------------------------------------------------- /Promo Images/JavaScript 414x468.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/JavaScript 414x468.png -------------------------------------------------------------------------------- /Promo Images/JavaScript 558x558.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/JavaScript 558x558.png -------------------------------------------------------------------------------- /Promo Images/JavaScript 558x756.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/JavaScript 558x756.png -------------------------------------------------------------------------------- /Promo Images/JavaScript 846x468.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/Promo Images/JavaScript 846x468.png -------------------------------------------------------------------------------- /art/Demo Assets.cdr: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/art/Demo Assets.cdr -------------------------------------------------------------------------------- /art/art.cdr: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/art/art.cdr -------------------------------------------------------------------------------- /codeShow.JS.Windows/demos/notifications/badgeupdate/badgeupdate.css: -------------------------------------------------------------------------------- 1 | .notifications .explanation { 2 | width: 640px; 3 | } 4 | 5 | .notifications .section { 6 | margin-top: 20px; 7 | } 8 | -------------------------------------------------------------------------------- /codeShow.JS.Windows/demos/notifications/tileupdate/tileupdate.css: -------------------------------------------------------------------------------- 1 | .notifications .explanation { 2 | width: 640px; 3 | } 4 | 5 | .notifications .section { 6 | margin-top: 20px; 7 | } 8 | -------------------------------------------------------------------------------- /codeShow.JS.Windows/demos/notifications/toasts/toasts.css: -------------------------------------------------------------------------------- 1 | body { 2 | } 3 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/css/type/GoodDog.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/css/type/GoodDog.otf -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/ads/ads.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Windows Ad SDK", 3 | "group": "Ads", 4 | "keywords":["advertising","advertise","ads","ad","basic"], 5 | "description": "See how to implement ads from the Windows Ad SDK", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/11/14", 8 | "enabled":false 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/alaska/alaska.css: -------------------------------------------------------------------------------- 1 | .alaska .graticule { 2 | fill: none; 3 | stroke: lightgray; 4 | stroke-width: .5px; 5 | stroke-opacity: .5; 6 | } 7 | 8 | .alaska .land { 9 | fill: #222; 10 | } 11 | 12 | .alaska .boundary { 13 | fill: none; 14 | stroke: #fff; 15 | stroke-width: .5px; 16 | } 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/alaska/alaska.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Alaska 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/alaska/alaska.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Alaska", 3 | "group": "D3", 4 | "keywords": [ "data", "driven", "documents", "d3" ], 5 | "description": "Use D3 to programmatically draw the state of Alaska's borders", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/08/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/animatedTranslation/animatedTranslation.css: -------------------------------------------------------------------------------- 1 | .animatedTranslation video { 2 | width:320px; 3 | transition: 1s; 4 | position:relative; 5 | left:0; 6 | top:0; 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/animatedTranslation/animatedTranslation.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/animatedTranslation/animatedTranslation.html", { 5 | ready: function (element, options) { 6 | var mainSection = element.querySelector("section[role=main]"); 7 | mainSection.onmouseup = function (args) { 8 | var vid = element.querySelector("video"); 9 | vid.style.left = mainSection.offsetLeft + args.offsetX + "px"; 10 | vid.style.top = mainSection.offsetTop + args.offsetY + "px"; 11 | }; 12 | } 13 | }); 14 | })(); 15 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/animatedTranslation/animatedTranslation.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Animated Translation", 3 | "keywords":["move","moving","translation","translate","animate","animation"], 4 | "description": "If you just want to move things around a little and want to animate that movement, here's one way to do it.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/03/01", 7 | "enabled": false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/appbar2/appbar2.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "App Bar (declarative)", 3 | "keywords":["declarative","app","bar"], 4 | "description": "Create a simple lower app bar with some command buttons.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01", 7 | "enabled":false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/appbarcommand/appbarcommand.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "AppBar Command Buttons", 3 | "group": "App Bar", 4 | "keywords":["app","bar","appbar","applicationbar","application"], 5 | "description": "Create an app bar using JavaScript so it's easier to populate and manipulate conditionally.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01", 8 | "suppressAppBar":true 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/appdata/appdata.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "App Data", 3 | "group": "Storage", 4 | "keywords":["local storage","data"], 5 | "description": "Use built-in local and roaming storage to save app data", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/appstate/appstate.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/appstate/appstate.html", { 5 | ready: function (element, options) { 6 | var appStateInput = element.querySelector("section[role=main] input"); 7 | app.sessionState.storagedemo && (appStateInput.value = app.sessionState.storagedemo); //restore value 8 | appStateInput.onblur = function (e) { //setup up text box value to be saved on blur 9 | app.sessionState.storagedemo = appStateInput.value; 10 | }; 11 | } 12 | }); 13 | })(); 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/appstate/appstate.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Storing App State", 3 | "group": "Storage", 4 | "keywords":["local storage","data","state"], 5 | "description": "Store app state so it can be suspended and resumed seemlessly", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/arrayFcts/arrayFcts.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Array Functions", 3 | "keywords":["array","ecmascript5","ec5","array","functions"], 4 | "description": "Learn the array functions introduced with ECMAScript 5 that succeed at making our lives a bit easier.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/asymmetric.css: -------------------------------------------------------------------------------- 1 | .asymmetric .explanation { width: 800px; } 2 | 3 | .asymmetric .win-listview { 4 | border: 2px solid lightgray; 5 | background-color: white; 6 | height: 390px; 7 | width: 650px; 8 | } 9 | 10 | .asymmetric .win-item .square { width: 120px; height: 120px; } 11 | .asymmetric .win-item .tall { width: 120px; height: 250px; } 12 | .asymmetric .win-item .wide { width: 250px; height: 120px; } 13 | .asymmetric .win-item .bigsquare { width: 250px; height: 250px; } 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/asymmetric.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Asymmetric ListView", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview"], 5 | "description": "When you don't want or need the items in your ListView to exactly match each other in size", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/01.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/02.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/03.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/04.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/05.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/06.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/07.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/08.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/09.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/asymmetric/images/10.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/audio/audio.css: -------------------------------------------------------------------------------- 1 | .audio .recording { border: 2px solid red;} -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/audio/audio.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Audio Capture", 3 | "group": "Media Capture", 4 | "keywords": [ "camera", "picture", "capture", "video", "media", "audio", "record" ], 5 | "description": "Learn how to capture audio", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/autocomplete/autocomplete.css: -------------------------------------------------------------------------------- 1 | .autocomplete .resultItem { width: 500px; } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/autocomplete/autocomplete.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rx Autocomplete", 3 | "keywords":["auto","complete","autocomplete","search"], 4 | "description": "A demo written by Microsoft's Rx team that uses Reactive Extensions to get search terms from Wikipedia. Impressive.", 5 | "author": "Jeremy Foster", 6 | "enabled": false, 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/backgroundtask/backgroundtask.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Background Task", 3 | "keywords":["background","task"], 4 | "description": "How to register and consume a background task", 5 | "author": "Michael Palermo", 6 | "dateCreated": "2013/02/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/badgeupdate/badgeupdate.css: -------------------------------------------------------------------------------- 1 | .badgeupdate .explanation { 2 | width: 640px; 3 | } 4 | 5 | .badgeupdate .section { 6 | margin-top: 20px; 7 | } 8 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/badgeupdate/badgeupdate.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Badge Update", 3 | "group": "Notifications", 4 | "keywords":["notifications","push","background","tile","badge"], 5 | "description": "Update the badge notification on tiles", 6 | "author": "Sebastián Gómez", 7 | "dateCreated": "2014/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/baseconv/baseconv.css: -------------------------------------------------------------------------------- 1 | .baseconv input[type=text].smallbox { 2 | width: 75px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/baseconv/baseconv.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Convert Number Base", 3 | "keywords":["convert","base","number","binary","decimal","color","hex"], 4 | "description": "Conversion of binary, decimal, hexadecimal, octal numbers. And a color converter too", 5 | "author": "Iqaan Ullah", 6 | "dateCreated": "2014/04/20" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/basicscaling/basicscaling.css: -------------------------------------------------------------------------------- 1 | .basicscaling .flex { 2 | display: -ms-flexbox; 3 | width: 1300px; 4 | } 5 | 6 | .basicscaling .flex > div { 7 | display:-ms-grid; 8 | -ms-grid-rows:140px 1fr; 9 | width: calc(1300px / 3); 10 | } 11 | 12 | .basicscaling .flex > div > div{ 13 | padding: 10px; 14 | } 15 | 16 | .basicscaling .flex > div img { 17 | -ms-grid-row: 2; 18 | -ms-grid-column-align:center; 19 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/basicscaling/basicscaling.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Basic Scaling", 3 | "group": "Scaling", 4 | "keywords":["image","picture","scale","scaling","resize","size","high","resolution","quality"], 5 | "description": "Use image scaling conventions to provide high quality imagery automatically.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch_big.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch_big.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch_small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/basicscaling/ketch_small.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/biggrid/biggrid.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Big Colorful Grid", 3 | "group": "CSS Grid", 4 | "keywords":["grid","layout","css"], 5 | "description": "A big colorful grid built programmatically", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01", 8 | "enabled": true 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/bindingconverters/bindingconverters.css: -------------------------------------------------------------------------------- 1 | .bindingconverters .person div[data-win-bind*=isAdult] { font-weight: bold; } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/bindingconverters/bindingconverters.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Binding Converters", 3 | "group": "Binding and Templating", 4 | "keywords":["bind","binding","template","templating","templates","converter","converters"], 5 | "description": "Bind data to your HTML or create explicit data templates to populate with binding.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/bingmaps/bingmaps.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Bing Maps", 3 | "keywords":["bing","maps","map","directions","earth","drive"], 4 | "description": "Get ready for easy and powerful maps in apps!", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01", 7 | "sections":[ 8 | {"name":"simple"}, 9 | {"name":"moving"}, 10 | {"name":"pushpin"}, 11 | {"name":"custompushpin"} 12 | ] 13 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/bingmaps/moving/moving.css: -------------------------------------------------------------------------------- 1 | .bingmaps .moving .explanation { 2 | width:640px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/bingmaps/pushpin/pushpin.css: -------------------------------------------------------------------------------- 1 | .bingmaps .pushpin .explanation { 2 | width:640px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/bingmaps/simple/simple.css: -------------------------------------------------------------------------------- 1 | .bingmaps .simple .explanation { 2 | width:640px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/borderradius/borderradius.css: -------------------------------------------------------------------------------- 1 | .borderradius section div:nth-child(1) { 2 | border:solid 1px black; 3 | border-radius:5px; 4 | padding:20px; 5 | } 6 | 7 | .borderradius section div:nth-child(2) { 8 | border:solid 1px black; 9 | border-radius:40px; 10 | padding:20px; 11 | } 12 | 13 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/borderradius/borderradius.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | borderradius 6 | 7 | 8 | 9 |
10 |
11 |
5px border radius
12 |
40px border radius
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/borderradius/borderradius.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Border Radius", 3 | "group": "CSS Borders", 4 | "keywords":["css","border","radius","round","rounded","rectangle","corner","corners"], 5 | "description": "CSS3 takes the edge off of creating rounded corners", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/08/24" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/bowling/bowling.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Bowling", 3 | "keywords":["bowl","UI","DOM","manipulate","clone","dynamic"], 4 | "description": "See how you can use JavaScript to build out a UI easily.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/4/10" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxborder/boxborder.css: -------------------------------------------------------------------------------- 1 | .boxborder div[class^=l] { padding: 10px; } 2 | .boxborder .l1 { border: 4px solid black; } 3 | .boxborder .l2 { border: 10px groove gray; } 4 | .boxborder .l3 { border: 5px solid red; } 5 | .boxborder .l4 { border: 4px double black; } 6 | .boxborder .l5 { border: 4px dashed black; } 7 | .boxborder .l6 { border: 12px dotted black; } 8 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxborder/boxborder.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "CSS Border", 3 | "group": "Box Properties", 4 | "keywords": [ "box", "properties", "css", "css3" ], 5 | "description": "Simple lines around HTML elements", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxmargin/boxmargin.css: -------------------------------------------------------------------------------- 1 | .boxmargin .flex { 2 | display:-ms-flexbox; 3 | -ms-flex-wrap:wrap; 4 | } 5 | .boxmargin .flex > div { 6 | height:100px; 7 | width:100px; 8 | border:1px solid gray; 9 | margin:5px; 10 | } 11 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxmargin/boxmargin.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/boxmargin/boxmargin.html", { 5 | ready: function (element, options) { 6 | for (var i = 0; i < 5; i++) 7 | element.querySelector(".flex").appendChild(document.createElement("div")); 8 | } 9 | }); 10 | })(); 11 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxmargin/boxmargin.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "CSS Margin", 3 | "group": "Box Properties", 4 | "keywords": [ "box", "properties", "css", "css3","margin" ], 5 | "description": "Get some breathing room around your HTML elements", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxoverflow/boxoverflow.css: -------------------------------------------------------------------------------- 1 | .boxoverflow .flex { 2 | display: -ms-flexbox; 3 | } 4 | 5 | .boxoverflow .flex > div { 6 | width:300px; 7 | height:250px; 8 | padding:10px; 9 | margin:0 10px; 10 | border:1px solid gray; 11 | } 12 | 13 | .boxoverflow #hidden { 14 | overflow-y: hidden; 15 | } 16 | 17 | .boxoverflow #scroll { 18 | overflow-y: scroll; 19 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxoverflow/boxoverflow.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "CSS Overflow", 3 | "title": "Box Properties", 4 | "keywords": [ "box", "properties", "css", "css3","overflow" ], 5 | "description": "How to handle the stuff that doesn't fit", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxpadding/boxpadding.css: -------------------------------------------------------------------------------- 1 | .boxpadding #paddingbox { 2 | border: solid 1px; 3 | width:500px; 4 | height:300px; 5 | padding:60px; 6 | } 7 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/boxpadding/boxpadding.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "CSS Padding", 3 | "group": "Box Properties", 4 | "keywords": [ "box", "properties", "css", "css3" ], 5 | "description": "Padding is the space between the border of a container and its content", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/canvasball/canvasball.css: -------------------------------------------------------------------------------- 1 | .canvasball #canvas { 2 | border: 1px solid; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/canvasball/canvasball.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Canvas Ball", 3 | "keywords":["canvas","ball","animation"], 4 | "description": "A simple HTML5 canvas demo with a ball bouncing in a box.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/canvaspaint/canvaspaint.css: -------------------------------------------------------------------------------- 1 | .canvaspaint #tutorial { 2 | border: 2px solid; 3 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/canvaspaint/canvaspaint.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rx Canvas Paint", 3 | "keywords":["rx","canvas","paint"], 4 | "description": "Paint on an HTML5 canvas with some help from Reactive Extensions.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/certs/certs.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Certificates", 3 | "group": "Cryptography and Encryption", 4 | "keywords": [ "cryptography", "encryption", "encode", "decode", "code", "protect", "private", "rsa", "key" ], 5 | "description": "Discover what facilities Windows provides your app in the area of data protection.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/02/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/chorddiagram/chorddiagram.css: -------------------------------------------------------------------------------- 1 | .chorddiagram .result { 2 | font: 10px sans-serif; 3 | } 4 | 5 | .chorddiagram .chord path { 6 | fill-opacity: .67; 7 | stroke: #000; 8 | stroke-width: .5px; 9 | } 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/chorddiagram/chorddiagram.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Chord diagram 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/chorddiagram/chorddiagram.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Chord Diagram", 3 | "group": "D3", 4 | "keywords": [ "data", "driven", "documents", "d3","chord","diagram"], 5 | "description": "Generate a chord diagram using D3", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/08/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/circle/circle.css: -------------------------------------------------------------------------------- 1 | .circle .controls { 2 | -ms-grid-column: 1; 3 | -ms-grid-row: 3; 4 | } 5 | 6 | .circle .controls button { 7 | margin: 10px; 8 | } 9 | 10 | .circle .list .win-container { 11 | position: absolute; 12 | top: 0; 13 | left: 0; 14 | transform: rotate(180deg); 15 | transition: transform 167ms linear, opacity 167ms linear; 16 | } 17 | 18 | .circle .list img { 19 | display: block; 20 | width: 107px; 21 | height: 76px; 22 | } 23 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/circle/circle.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Circular ListView", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview"], 5 | "description": "ListViews don't have to look like the classic list or grid", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/classes/classes.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Classes", 3 | "keywords":["class","classes"], 4 | "description": "WinJS brings classes to JavaScript complete with inheritance.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/click/click.css: -------------------------------------------------------------------------------- 1 | .click .parent { 2 | display: flex; 3 | align-items:center; 4 | } 5 | 6 | .click .target { 7 | background-color: lightgray; 8 | margin:10px; 9 | } 10 | 11 | .click .target:nth-child(1) { 12 | width: 50px; 13 | height: 50px; 14 | } 15 | .click .target:nth-child(2) { 16 | width: 100px; 17 | height: 100px; 18 | } 19 | .click .target:nth-child(3) { 20 | width: 300px; 21 | height: 300px; 22 | } 23 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/click/click.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/click/click.html", { 5 | ready: function (element, options) { 6 | var targets = WinJS.Utilities.query(".target",document); 7 | targets.listen("MSPointerDown", function (e) { 8 | WinJS.UI.Animation.pointerDown(e.srcElement); 9 | }); 10 | targets.listen("MSPointerUp", function (e) { 11 | WinJS.UI.Animation.pointerUp(e.srcElement); 12 | }); 13 | } 14 | }); 15 | })(); 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/click/click.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Click Animation", 3 | "group": "Animation Library", 4 | "keywords":["css3","animations","library"], 5 | "description": "What should it look like when a user clicks on a visual element?", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/09/27" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/clickpoint/clickpoint.css: -------------------------------------------------------------------------------- 1 | .clickpoint #parent { 2 | display:-ms-flexbox; 3 | } 4 | 5 | .clickpoint .target { 6 | width:300px; 7 | height:500px; 8 | border:1px solid lightgray; 9 | margin:5px; 10 | padding:10px; 11 | overflow-x:hidden; 12 | overflow-y:auto; 13 | } 14 | 15 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/clickpoint/clickpoint.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Pointer Input", 3 | "group": "Input", 4 | "keywords":["point mouse click touch input mspointer"], 5 | "description": "See how you can capture user pointer input whether it's mouse, pen, or touch", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/08/18" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/colorconv/colorconv.css: -------------------------------------------------------------------------------- 1 | .colorconv input[type=text].smallbox { 2 | width: 75px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/colorconv/colorconv.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Color Conversion", 3 | "keywords":["convert","base","number","binary","decimal","color","hex"], 4 | "description": "Conversion of binary, decimal, hexadecimal, octal numbers. And a color converter too", 5 | "author": "Iqaan Ullah", 6 | "dateCreated": "2014/04/20" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/components/components.css: -------------------------------------------------------------------------------- 1 | .components input { 2 | width: 50px; 3 | } 4 | 5 | .components h3 { 6 | margin-top: 20px; 7 | } 8 | 9 | .components .explanation { 10 | width: 600px; 11 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/components/components.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Components", 3 | "keywords":["winmd","winrt","component","components","modular"], 4 | "description": "Learn how to write C++ and C# components in a JavaScript app", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/02/01", 7 | "enabled":false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/core/core.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Core Cryptography API", 3 | "group": "Cryptography and Encryption", 4 | "keywords": [ "cryptography", "encryption", "encode", "decode", "code", "protect", "private", "rsa", "key" ], 5 | "description": "Discover what facilities Windows provides your app in the area of data protection.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/02/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/crop/crop.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rx Crop", 3 | "keywords":["rx","crop","image"], 4 | "description": "A Reactive Extensions example that adds image cropping to an image.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/crop/images/attribution.txt: -------------------------------------------------------------------------------- 1 | leaf twirl 2 | http://www.flickr.com/photos/prince_tigereye/1775945938/ -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/crop/images/leaf twirl.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/crop/images/leaf twirl.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/csscolumns/csscolumns.css: -------------------------------------------------------------------------------- 1 | .csscolumns .columns { 2 | columns: 400px; 3 | overflow-x: scroll; 4 | height: 600px; 5 | padding: 20px; 6 | } 7 | 8 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/csscolumns/csscolumns.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "CSS Columns", 3 | "keywords": [ "css", "css3", "column", "columns", "multicolumn" ], 4 | "description": "Columns make text layout a breeze. It's about the easiest thing in the world to implement too.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/cssidclass/cssidclass.css: -------------------------------------------------------------------------------- 1 | .cssidclass div { 2 | border: solid 1px black; 3 | margin: 2px; 4 | padding: 5px; 5 | } 6 | 7 | .cssidclass div.active { 8 | background-color: goldenrod; 9 | } 10 | 11 | .cssidclass div.disabled { 12 | background-color: lightgray; 13 | } 14 | 15 | .cssidclass #div1 { 16 | font-weight:bold; 17 | } 18 | 19 | .cssidclass #div2 { 20 | font-style: italic; 21 | } 22 | 23 | .cssidclass #div3 { 24 | color: red; 25 | } 26 | 27 | .cssidclass #div4 { 28 | text-transform: uppercase; 29 | } 30 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/cssidclass/cssidclass.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | cssidclass 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/cssidclass/cssidclass.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "CSS IDs and Classes", 3 | "keywords":["css","id","class","selector","selectors","html"], 4 | "description": "Use id and class with CSS to target HTML elements", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/08/20" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/customControl/customControl.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Custom Control", 3 | "keywords":["custom","control","usercontrol","component","components"], 4 | "description": "Stay DRY by writing your own custom control.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/02/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/datejs/datejs.css: -------------------------------------------------------------------------------- 1 | .datejs .section { 2 | margin-top: 40px; 3 | } 4 | 5 | .datejs input { 6 | width: 300px; 7 | } 8 | 9 | .datejs #examples div { 10 | column-gap: 50px; 11 | columns: auto 400px; 12 | } 13 | 14 | .datejs #examples div table tr td:nth-child(1){ 15 | 16 | font-style: italic; 17 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/datejs/datejs.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/datejs/datejs.html", { 5 | ready: function (element, options) { 6 | input.querySelector("* > input").onkeyup = function(args) { 7 | var result = Date.parse(input.querySelector("* > input").value); 8 | output.querySelector(" * > input").innerText = result ? result : ""; 9 | }; 10 | 11 | }, 12 | }); 13 | })(); 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/datejs/datejs.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "DateJS", 3 | "keywords":["date","time","dates","times","datejs"], 4 | "description": "See how easy it is to include an external JavaScript library. This one makes working with dates a no brainer.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/devices/devices.css: -------------------------------------------------------------------------------- 1 | .devices .win-listview { 2 | height: 95% 3 | } 4 | 5 | .devices #list .win-item { 6 | background-color: #375369; 7 | width: 260px; 8 | padding:10px; 9 | color:white; 10 | } 11 | 12 | .devices .itemgrid { 13 | display: -ms-grid; 14 | -ms-grid-rows: 60px 40px; 15 | height: 100px; 16 | padding: 5px; 17 | } 18 | 19 | .devices .itemgrid img { 20 | width: 60px; 21 | height: 60px; 22 | } 23 | 24 | .devices .itemgrid div { 25 | -ms-grid-row: 2; 26 | -ms-grid-row-align: center; 27 | } 28 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/devices/devices.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Devices", 3 | "keywords": [ "device", "devices", "hardware" ], 4 | "description": "See how easy it is to enumerate the hardware currently installed in the system.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/discover/discover.css: -------------------------------------------------------------------------------- 1 | .discover .resultValue { 2 | font-weight: bold; 3 | } 4 | 5 | .discover h3 { 6 | margin-top: 20px; 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/discover/discover.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Discover", 3 | "keywords":["device","hardware","capabilities","discover","gps","sensors"], 4 | "description": "Figure out what this machine can do!", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/11/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/dom/dom.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "DOM", 3 | "keywords":["dom"], 4 | "description": "Interact with the DOM and open up a world of possibilities.", 5 | "author": "Michael Palermo", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/draganddrop/draganddrop.css: -------------------------------------------------------------------------------- 1 | .draganddrop .explanation { width: 800px; } 2 | 3 | .draganddrop .win-listview { 4 | border: 2px solid lightgray; 5 | background-color: white; 6 | height: 460px; 7 | width: 800px; 8 | } 9 | 10 | .draganddrop .win-item img { 11 | width: 215px; 12 | height: 153px; 13 | } 14 | 15 | .draganddrop .win-item h3 { 16 | height: 50px; 17 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/draganddrop/draganddrop.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Drag and Drop ListView", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview"], 5 | "description": "A ListView whose items can be dragged around", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/dragndrop/dragndrop.css: -------------------------------------------------------------------------------- 1 | .dragndrop #dragTarget { 2 | background-image: url(/images/logo.png); 3 | background-repeat: no-repeat; 4 | background-size: contain; 5 | height: 300px; 6 | width: 300px; 7 | background-color: #000000; 8 | border: 1px solid #666666; 9 | color: #ffffff; 10 | padding: 10px; 11 | position: absolute; 12 | cursor: move; 13 | } 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/dragndrop/dragndrop.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rx Drag and Drop", 3 | "keywords":["rx","drag","drop","dragndrop"], 4 | "description": "Simple drag and drop functionality using Reactive Extensions", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/encoding/encoding.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Windows.Security.Cryptography 6 | 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/encoding/encoding.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Encoding", 3 | "group": "Cryptography and Encryption", 4 | "keywords": [ "cryptography", "encryption", "encode", "decode", "code", "protect", "private", "rsa", "key" ], 5 | "description": "Discover what facilities Windows provides your app in the area of data protection.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/02/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/enterexit/enterexit.css: -------------------------------------------------------------------------------- 1 | .enterexit #target { 2 | background-color: white; 3 | width: 100px; 4 | height: 100px; 5 | opacity: 1; 6 | } 7 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/enterexit/enterexit.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/enterexit/enterexit.html", { 5 | ready: function (element, options) { 6 | animate.onclick = function () { 7 | WinJS.UI.Animation.enterContent(target, { top: "0px", left: "350px" }) 8 | .then(function () { return WinJS.Promise.timeout(2000); }) 9 | .done(function () { WinJS.UI.Animation.exitContent(target, { top: "0px", left: "350px" }); }); 10 | }; 11 | } 12 | }); 13 | })(); 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/enterexit/enterexit.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Enter/Exit", 3 | "group": "Animation Library", 4 | "keywords":["css3","animations","library"], 5 | "description": "Create the visual effect of content being added or deleted", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/09/27" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/errors/errors.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Exception Handling", 3 | "keywords":["exception","exceptions","error","errors","handle","handling"], 4 | "description": "Learn something about best practices for handling exceptions in JavaScript.", 5 | "author": "Michael Palermo", 6 | "dateCreated": "2013/02/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/eventHandlers/eventHandlers.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Event Handlers", 3 | "keywords":["event","handler"], 4 | "description": "There's more than one way to handle a click event.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2012/10/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fancy/fancy.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Fancy CSS Grid", 3 | "group": "CSS Grid", 4 | "keywords":["grid","layout","css"], 5 | "description": "What looks like a modern flat interface structured using a CSS grid", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01", 8 | "enabled": true 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fileCreateRead/fileCreateRead.css: -------------------------------------------------------------------------------- 1 |  2 | .phone .fileCreateRead .page-section { 3 | margin: auto 24px; 4 | } 5 | 6 | .phone .fileCreateRead .page-header .titlearea { 7 | -ms-grid-column: 1; 8 | margin-top: 37px; 9 | margin-left: 24px; 10 | font-size: 28pt; 11 | width: calc(100vw - 20px); 12 | } 13 | 14 | .phone .fileCreateRead .back-button { 15 | display: none; 16 | } 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fileCreateRead/fileCreateRead.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Create a file, write data and read it from roamingFolder", 3 | "keywords":["create file","read from file"], 4 | "description": "Create a new file in the current StorageFolder, write data to it and read the same.", 5 | "author": "Sonal MacDax", 6 | "dateCreated": "2014/05/13" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/filepicker/filepicker.css: -------------------------------------------------------------------------------- 1 | .filepicker img { width: 400px; display: none;} 2 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/filepicker/filepicker.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "FilePicker", 3 | "keywords":["file","pick","picker","open","save"], 4 | "description": "Allow the user to pick a file using the FilePicker.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexdistribute/flexdistribute.css: -------------------------------------------------------------------------------- 1 | .flexdistribute #flexboxDistribute { 2 | display: -ms-flexbox; 3 | width: 100%; 4 | -ms-flex-pack: distribute; 5 | border: 1px solid gray; 6 | } 7 | 8 | .flexdistribute #flexboxDistribute > div { 9 | min-width: 80px; 10 | min-height: 80px; 11 | border:1px solid black; 12 | margin: 5px; 13 | } 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexdistribute/flexdistribute.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flexbox Distribution", 3 | "group": "CSS Flexbox", 4 | "keywords":["flex","box","flexbox","layout","css","distribute","distributing","spacing","alignment","align"], 5 | "description": "The flexbox can tell its items to distribute themselves evenly in the given space", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexsimple/flexsimple.css: -------------------------------------------------------------------------------- 1 | .flexsimple #flexboxSimple { 2 | display: flex; 3 | width: 100%; 4 | border: 1px solid gray; 5 | } 6 | 7 | .flexsimple #flexboxSimple > div { 8 | min-width: 80px; 9 | min-height: 80px; 10 | border: 1px solid black; 11 | margin: 5px; 12 | } 13 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexsimple/flexsimple.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Simple Flexbox", 3 | "group": "CSS Flexbox", 4 | "keywords":["flex","box","flexbox","layout","css","simple"], 5 | "description": "CSS3 brings us the flexbox and a lot of resulting joy", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexswipe/flexswipe.css: -------------------------------------------------------------------------------- 1 | .flexswipe #swipeparent { 2 | display:flex; 3 | -ms-scroll-snap-x: mandatory snapInterval(0%, 80%); 4 | overflow-x: auto; 5 | width:600px; 6 | height:400px; 7 | border:1px solid lightgray; 8 | } 9 | 10 | .flexswipe #swipeparent > * { 11 | box-sizing: border-box; 12 | width: 80%; 13 | height: 100%; 14 | padding: 20px; 15 | padding-right: 60px; 16 | overflow-y: auto; 17 | flex:none; 18 | } 19 | 20 | .flexswipe #swipeparent > *:last-child { 21 | width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexswipe/flexswipe.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Swiper", 3 | "group": "CSS Flexbox", 4 | "keywords":["flex","box","flexbox","layout","css","swipe","swiper"], 5 | "description": "Let's use a flex box for creating a nice, modern swipe panel", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexvertical/flexvertical.css: -------------------------------------------------------------------------------- 1 | .flexvertical #verticalFlexbox { 2 | display: -ms-flexbox; 3 | -ms-flex-direction: column; 4 | -ms-flex-align: start; 5 | width: 100%; 6 | border: 1px solid gray; 7 | } 8 | 9 | .flexvertical #verticalFlexbox > div { 10 | width: 80px; 11 | height: 80px; 12 | border: solid 1px black; 13 | margin:5px; 14 | } 15 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexvertical/flexvertical.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Vertical Flexboxes", 3 | "group": "CSS Flexbox", 4 | "keywords":["flex","box","flexbox","layout","css","vertical"], 5 | "description": "All of the layout features in a flexbox work vertical as well as horizontal", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexwrap/flexwrap.css: -------------------------------------------------------------------------------- 1 | .flexwrap #wrappingFlexbox { 2 | display: flex; 3 | -ms-flex-wrap:wrap; 4 | width: 800px; 5 | border: 1px solid gray; 6 | } 7 | 8 | .flexwrap #wrappingFlexbox > div { 9 | min-width: 140px; 10 | min-height: 140px; 11 | border: solid 1px black; 12 | margin:5px; 13 | } 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexwrap/flexwrap.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flexbox Wrapping", 3 | "group": "CSS Flexbox", 4 | "keywords":["flex","box","flexbox","layout","css"], 5 | "description": "Items in a flexbox can wrap!", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexxing/flexxing.css: -------------------------------------------------------------------------------- 1 | .flexxing #flexxingFlexbox { 2 | display: -ms-flexbox; 3 | border: 1px solid gray; 4 | } 5 | 6 | .flexxing #flexxingFlexbox > div { 7 | min-width: 80px; 8 | min-height: 80px; 9 | border: 1px solid black; 10 | margin: 5px; 11 | } 12 | 13 | .flexxing #flexxingFlexbox > div:nth-child(1) { 14 | -ms-flex: 1 0 auto; 15 | } 16 | 17 | .flexxing #flexxingFlexbox > div:nth-child(2) { 18 | -ms-flex: 2 0 auto; 19 | } 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flexxing/flexxing.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flex Your Items", 3 | "group": "CSS Flexbox", 4 | "keywords":["flex","box","flexbox","layout","css"], 5 | "description": "In the CSS flexbox model, items can be told how and when to grow or shrink", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flipview/flipview.css: -------------------------------------------------------------------------------- 1 | .flipview .item { 2 | width: 900px; 3 | } 4 | .item h1 { 5 | position: relative; 6 | top: 80px; 7 | font-size: 80pt; 8 | font-weight: bold; 9 | opacity: 0.2; 10 | z-index: -1; 11 | } 12 | .flipview .cols { 13 | column-fill: auto; 14 | column-gap: normal; 15 | column-rule: 0px solid gray; 16 | columns: 2 auto; 17 | height: auto; 18 | overflow: auto; 19 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flipview/flipview.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "FlipView", 3 | "keywords": [ 4 | "flipview" 5 | ], 6 | "description": "FlipView allows navigation of one item at a time", 7 | "dateCreated": "2013/02/01", 8 | "author": "Michael Palermo" 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrbar/flotrbar.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Flotr Bar Chart 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrbar/flotrbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flotr Bar Chart", 3 | "group": "Flotr", 4 | "keywords":["flotr","graph","chart","graphs","charts","line","line graph","line chart","pie","pie graph","pie chart","series","data"], 5 | "description": "Use the Flotr JavaScript library to make a bar chart", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/09/16" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrcandle/flotrcandle.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Flotr Candlestick Chart 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrcandle/flotrcandle.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flotr Candlestick Chart", 3 | "group": "Flotr", 4 | "keywords":["flotr","graph","chart","graphs","charts","line","line graph","line chart","pie","pie graph","pie chart","series","data"], 5 | "description": "Use the Flotr JavaScript library to make a candlestick chart", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/09/16" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrlegend/flotrlegend.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Flotr Legend 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrlegend/flotrlegend.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flotr Chart with Legend", 3 | "group": "Flotr", 4 | "keywords":["flotr","graph","chart","graphs","charts","line","line graph","line chart","pie","pie graph","pie chart","series","data"], 5 | "description": "Use the Flotr JavaScript library to make a chart with a legend", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/09/16" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrpie/flotrpie.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Flotr Pie 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrpie/flotrpie.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flotr Pie Chart", 3 | "group": "Flotr", 4 | "keywords":["flotr","graph","chart","graphs","charts","line","line graph","line chart","pie","pie graph","pie chart","series","data"], 5 | "description": "Use the Flotr JavaScript library to make a pie chart", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/09/16" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrsimple/flotrsimple.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Flotr Simple 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flotrsimple/flotrsimple.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flotr Simple Chart", 3 | "group": "Flotr", 4 | "keywords":["flotr","graph","chart","graphs","charts","line","line graph","line chart","pie","pie graph","pie chart","series","data"], 5 | "description": "Plug in Flotr - a cool third party JavaScript library", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/09/16" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flyouts/flyouts.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/flyouts/flyouts.html", { 5 | ready: function (element, options) { 6 | showFlyout.onclick = function (e) { flyout1.winControl.show(this); }; 7 | } 8 | }); 9 | })(); 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/flyouts/flyouts.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Flyouts", 3 | "keywords":["flyout","flyouts","dialog","menu","menus"], 4 | "description": "Create transient, easily dismissable dialogs for information or user input", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/1/1" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fontface/GoodDog.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/fontface/GoodDog.otf -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fontface/fontface.css: -------------------------------------------------------------------------------- 1 | .fontface .states { 2 | font-family:'GeoBats'; 3 | font-size:20px; 4 | } 5 | 6 | .fontface .gooddog { 7 | font-family:'GoodDog'; 8 | font-size:100px; 9 | } 10 | 11 | @font-face { 12 | font-family:'GeoBats'; 13 | src:url('/demos/fontface/geobats.ttf') format('truetype'); 14 | } 15 | 16 | @font-face { 17 | font-family:'GoodDog'; 18 | src:url('/demos/fontface/GoodDog.otf') format('embedded-opentype'); 19 | } 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fontface/fontface.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | fontface 6 | 7 | 8 | 9 |
10 |
11 |
abcd
12 |
abcd
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fontface/fontface.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Font Face", 3 | "keywords":["font","face","type"], 4 | "description": "Include your font so you don't have to count on client having it", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/08/24" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/fontface/geobats.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/fontface/geobats.ttf -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/forcedirected/forcedirected.css: -------------------------------------------------------------------------------- 1 | .forcedirected .node { 2 | stroke: #fff; 3 | stroke-width: 1.5px; 4 | } 5 | 6 | .forcedirected .link { 7 | stroke: #999; 8 | stroke-opacity: .6; 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/forcedirected/forcedirected.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Force Directed Graph", 3 | "group": "D3", 4 | "keywords": [ "data", "driven", "documents", "d3","force","directed","graph", "visualization" ], 5 | "description": "Generate an impressive force directed graph very easily with the D3 JavaScript library", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/08/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/gesture/gesture.css: -------------------------------------------------------------------------------- 1 | .gesture .target { 2 | width:300px; 3 | height:500px; 4 | border:1px solid lightgray; 5 | margin:5px; 6 | padding:10px; 7 | overflow-x:hidden; 8 | overflow-y:auto; 9 | } 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/gesture/gesture.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Gestures", 3 | "group": "Input", 4 | "keywords":["touch input gesture manipulation mspointer"], 5 | "description": "See how you can capture the user's touch gestures for a meaningful user experience", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/08/18" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/gradients/gradients.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Gradients 6 | 7 | 8 | 9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/gradients/gradients.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Gradients", 3 | "group": "CSS Background", 4 | "keywords":["css","background","back","color","fade","faded","gradient"], 5 | "description": "Color gradients (or even transparency gradients) are easy and expressive without the need for images", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/08/24" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/gridster/gridster.css: -------------------------------------------------------------------------------- 1 | .gridster .gridster { width:920px; } 2 | .gridster .gridster ul { 3 | list-style-type:none; 4 | } 5 | 6 | .gridster .gridster ul li { 7 | background-color:#436580; 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/gridster/gridster.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/gridster/gridster.html", { 5 | ready: function (element, options) { 6 | $(".gridster .gridster ul").gridster({ 7 | widget_margins: [10, 10], 8 | widget_base_dimensions: [140, 140] 9 | }); 10 | } 11 | }); 12 | })(); 13 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/gridster/gridster.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Gridster.js", 3 | "keywords":["grid","tile","tiles","drag and drop","listview"], 4 | "description": "Plug in Gridster.js for a quick and easy tile experience", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/09/13" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/grouped/grouped.css: -------------------------------------------------------------------------------- 1 | .grouped .explanation { width: 800px; } 2 | 3 | .grouped .win-listview { 4 | border: 2px solid lightgray; 5 | background-color: white; 6 | height: 460px; 7 | width: 800px; 8 | } 9 | 10 | .grouped .win-item img { 11 | width: 194px; 12 | height: 138px; 13 | } 14 | 15 | .grouped .win-item h3 { 16 | height: 50px; 17 | } 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/grouped/grouped.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Grouped ListView", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview"], 5 | "description": "A simple ListView with grouped items", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5audio/apollo_11_dsc2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/html5audio/apollo_11_dsc2.mp3 -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5audio/html5audio.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "HTML5 Audio", 3 | "keywords":["fragment","render","winjs"], 4 | "description": "Super simple HTML5 audio tag demo.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5location/html5location.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | html5location 6 | 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5location/html5location.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/html5location/html5location.html", { 5 | ready: function (element, options) { 6 | navigator.geolocation.getCurrentPosition(function (p) { 7 | output.innerHTML = "lat: " + p.coords.latitude; 8 | output.innerHTML += "
"; 9 | output.innerHTML += "lon: " + p.coords.longitude; 10 | }); 11 | } 12 | }); 13 | })(); 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5location/html5location.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "HTML5 Geolocation", 3 | "keywords":["gps","geo","location","gis"], 4 | "description": "Use raw HTML to determine the user's physical location", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/8/21" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5sockets/html5sockets.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | html5sockets 6 | 7 | 8 | 9 | 10 |
11 |
12 |
This demo was swiped from http://www.websocket.org/echo.html
13 |
14 |
15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5sockets/html5sockets.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "HTML5 Web Sockets", 3 | "keywords":["socket","real time","sockets","rtc"], 4 | "description": "Use HTML5 web sockets within your app", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/7/28" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5video/butterfly.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/html5video/butterfly.mp4 -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5video/html5video.css: -------------------------------------------------------------------------------- 1 | .html5video video { width:800px; } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/html5video/html5video.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "HTML5 Video", 3 | "keywords":[""], 4 | "description": "Super simple HTML5 video tag demo.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/htmlfragment/htmlfragment.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Local HTML 6 | 7 | 8 | 9 |
10 |
11 | 12 |
13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/htmlfragment/htmlfragment.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/htmlfragment/htmlfragment.html", { 5 | ready: function (element, options) { 6 | WinJS.UI.Fragments.render("/demos/htmlfragment/li.html", element.querySelector(".htmlfragment section[role=main] > ul")); 7 | } 8 | }); 9 | })(); 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/htmlfragment/htmlfragment.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "HTML Fragments", 3 | "keywords":["fragment","render","winjs"], 4 | "description": "Render little fragments of HTML can be very helpful", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/01/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/htmlfragment/li.html: -------------------------------------------------------------------------------- 1 | 
  • one
    • 2 |
  • two
    • -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/htmltotext/htmltotext.css: -------------------------------------------------------------------------------- 1 | .htmltotext p { 2 | margin-left: 120px; 3 | } 4 | 5 | .htmltotext #inpHTML, .htmltotext #oupTEXT { 6 | width: 500px; 7 | height: 500px; 8 | } 9 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/htmltotext/htmltotext.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "HTML to TEXT", 3 | "keywords":["html","convert","text"], 4 | "description": "Convert an HTML document to represent a simple text on a page.", 5 | "author": "Iqaan Ullah", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/httpclient/httpclient.css: -------------------------------------------------------------------------------- 1 | .httpclient .result { 2 | width:400px; 3 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/httpclient/httpclient.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | httpclient 6 | 7 | 8 | 9 | 10 |
    11 |
    12 |
    Let's do a simple call to microsoft.com and see what comes back.
    13 |
    14 |
    15 |
    16 | 17 | 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/httpclient/httpclient.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | var httpClient = new Windows.Web.Http.HttpClient(); 5 | 6 | WinJS.UI.Pages.define("/demos/httpclient/httpclient.html", { 7 | ready: function (element, options) { 8 | httpClient.getStringAsync(new Windows.Foundation.Uri("http://www.microsoft.com")).done(function (result) { 9 | element.querySelector(".result").innerText = result; 10 | }); 11 | }, 12 | 13 | unload: function () { 14 | httpClient = null; 15 | } 16 | 17 | }); 18 | })(); 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/httpclient/httpclient.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "HttpClient", 3 | "keywords":["xhr","web service","service","ajax","http","client","request","response"], 4 | "description": "The HttpClient API has some advantages over using XHR to call for network resources", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/08/20" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/iframes/iframes.css: -------------------------------------------------------------------------------- 1 | .iframes iframe { 2 | width:800px; 3 | height:400px; 4 | border: 2px solid lightgray; 5 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/iframes/iframes.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "iframes", 3 | "keywords":["context","iframe","fragment"], 4 | "description": "Bring the outside in using iframes.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/01/01", 7 | "enabled": false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/itemcontainer/itemcontainer.css: -------------------------------------------------------------------------------- 1 | .itemcontainer .win-itemcontainer { 2 | width:200px; 3 | height:100px; 4 | margin:5px; 5 | } 6 | 7 | .itemcontainer .win-item { 8 | border:solid 1px gray; 9 | width:100%; 10 | height:100%; 11 | } 12 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/itemcontainer/itemcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Item container", 3 | "keywords":["item","container","ListView"], 4 | "description": "Using an item container is like taking one item out of a ListView", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/18", 7 | "sections":[ 8 | {"name":"simple"} 9 | ] 10 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/jsonFcts/jsonFcts.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | JSON Functions 6 | 7 | 8 | 9 | 10 | 11 |
    12 |
    13 |
    14 |
    15 |
    16 |
    17 |
    18 | 19 | 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/jsonFcts/jsonFcts.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | var log = Ocho.Logging.log; 5 | 6 | WinJS.UI.Pages.define("/demos/jsonFcts/jsonFcts.html", { 7 | ready: function (element, options) { 8 | var sara = JSON.parse('{ "name": "Sara", "age": 54 }'); 9 | sara.age++; 10 | log(JSON.stringify(sara)); 11 | } 12 | }); 13 | })(); 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/jsonFcts/jsonFcts.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "JSON Functions", 3 | "keywords":["json","functions","parse","stringify","serialize","serialization","deserialize","deserialization"], 4 | "description": "The JSON functions in JavaScript are great for serializing and deserializing JavaScript objects", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/18" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/keycode/keycode.css: -------------------------------------------------------------------------------- 1 | .keycode p { 2 | margin-left: 120px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/keycode/keycode.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Keycodes", 3 | "keywords":[""], 4 | "description": "Look how to recognize a key from the keyboard.", 5 | "author": "Iqaan Ullah", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/keyframeAnimation/keyframeAnimation.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Keyfame Animation 6 | 7 | 8 | 9 | 10 | 11 |
    12 |
    13 |

    Don't Click Me!
    (makes me angry)

    14 |
    15 |
    16 | 17 | 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/keyframeAnimation/keyframeAnimation.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Keyframe Animation", 3 | "group": "Animations", 4 | "keywords": [ "css3", "animations" ], 5 | "description": "CSS animations in action. Don't make me angry!", 6 | "author": "Michael Palermo", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/launcher/launcher.css: -------------------------------------------------------------------------------- 1 | .launcher section[role=main] #futureAccessList { 2 | height: 370px; 3 | } 4 | 5 | .launcher section[role=main] #futureAccessList .dataBinder { 6 | background-color: #005050; 7 | width: 360px; 8 | height: 60px; 9 | color: white; 10 | display: table-cell; 11 | vertical-align: middle; 12 | } 13 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/launcher/launcher.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Launcher", 3 | "keywords":["launcher"], 4 | "description": "Launch a file or a Uri by Windows.System.Launcher and use tokens to access files", 5 | "author": "Iqaan Ullah", 6 | "dateCreated": "2013/08/14" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/layout/bob.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/layout/bob.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/layout/layout.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/layout/layout.html", { 5 | ready: function (element, options) { 6 | var bump = element.querySelector(".bump"); 7 | var changeBumpPosition = element.querySelector(".changeBumpPosition"); 8 | changeBumpPosition.onmousedown = function () { bump.style.position = "absolute"; }; 9 | changeBumpPosition.onmouseup = function () { bump.style.position = "relative"; }; 10 | } 11 | }); 12 | })(); 13 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/layout/layout.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Layout", 3 | "keywords":["layout"], 4 | "description": "Take a look at the various ways in HTML to lay out content", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/07/27" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/listviewstates/listviewstates.css: -------------------------------------------------------------------------------- 1 | .listviewstates .explanation { width: 800px; } 2 | 3 | .listviewstates .win-listview { 4 | border: 2px solid lightgray; 5 | background-color: white; 6 | height: 450px; 7 | width: 800px; 8 | } 9 | 10 | .listviewstates .output { 11 | height:100px; 12 | width:800px; 13 | overflow-y:scroll; 14 | border:solid 1px gray; 15 | padding: 5px; 16 | } 17 | 18 | .listviewstates .win-item img { 19 | width: 215px; 20 | height: 153px; 21 | } 22 | 23 | .listviewstates .win-item h3 { 24 | height: 50px; 25 | } 26 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/listviewstates/listviewstates.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "ListView States", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview","state","states"], 5 | "description": "Explore the loading states of the ListView control", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/liveauth/liveauth.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Windows Live 6 | 7 | 8 | 9 | 10 |
    11 |
    12 |
    The Windows Live SDK can easily be used to sign a user in using their Microsoft account.
    13 | 14 |
    15 |
    16 |
    17 | 18 | 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/liveauth/liveauth.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Live Authentication", 3 | "group": "Authentication", 4 | "keywords":["authentication","live","connect"], 5 | "description": "Using the Live SDK to authenticate a user!", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/livelistview/livelistview.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Live Bound ListView", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview","live","binding","bind"], 5 | "description": "Watch a ListView bound to live (changing) data", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/localStorage/localStorage.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | DOM 6 | 7 | 8 | 9 | 10 |
    11 |

    12 |
    13 |
    Words to remember...
    14 | 15 | 16 | 17 |
    18 | 19 | 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/localStorage/localStorage.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Local Storage", 3 | "keywords":["storage"], 4 | "description": "Reading and writing from local storage", 5 | "author": "Michael Palermo", 6 | "dateCreated": "2014/08/25" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/location/location.css: -------------------------------------------------------------------------------- 1 | .location #msg { 2 | margin-top:40px; 3 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/location/location.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Location", 3 | "keywords":["gps","geo"], 4 | "description": "Use WinRT to access the device location using whatever location hardware is available", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/01/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/mediaqueries/bowline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/mediaqueries/bowline.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/mediaqueries/mediaqueries.css: -------------------------------------------------------------------------------- 1 | .mediaqueries #bowline { 2 | display:flex; 3 | align-items:flex-start; 4 | } 5 | .mediaqueries #bowline > * { 6 | padding:10px; 7 | box-sizing:border-box; 8 | } 9 | 10 | .mediaqueries #bowline .text { 11 | width:50vw; 12 | } 13 | 14 | 15 | @media (max-width:700px) { 16 | .mediaqueries #bowline { 17 | flex-direction: column; 18 | } 19 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/mediaqueries/mediaqueries.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Media Queries", 3 | "keywords":["media","query"], 4 | "description": "See how you can manipulate the display of a grid when the user switches among various view states.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/02/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/menus/menus.css: -------------------------------------------------------------------------------- 1 | .menus .chevron { 2 | vertical-align:8px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/menus/menus.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/menus/menus.html", { 5 | ready: function (element, options) { 6 | element.querySelector(".sampleMenu").onclick = showHeaderMenu; 7 | } 8 | }); 9 | 10 | function showHeaderMenu() { 11 | var sampleMenu = document.querySelector(".sampleMenu"); 12 | var menu = headerMenu.winControl; 13 | menu.anchor = sampleMenu; 14 | menu.placement = "bottom"; 15 | menu.alignment = "left"; 16 | menu.show(); 17 | } 18 | })(); 19 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/menus/menus.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Menus", 3 | "keywords":["dialog","menu","menus"], 4 | "description": "Create menus for information or navigation", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/1/1" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/mscssmatrix/mscssmatrix.css: -------------------------------------------------------------------------------- 1 | .mscssmatrix #hello { 2 | width:140px; 3 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/mscssmatrix/mscssmatrix.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/mscssmatrix/mscssmatrix.html", { 5 | ready: function (element, options) { 6 | var hello = document.getElementById("hello"); 7 | var m = new MSCSSMatrix(hello.style.transform); 8 | hello.style.transform = m.rotate(0, 0, -10); 9 | } 10 | }); 11 | })(); 12 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/mscssmatrix/mscssmatrix.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "MSCSSMatrix Object", 3 | "keywords":["mscssmatrix","css","matrix","object","transforms"], 4 | "description": "The MSCSSMatrix object gives you programmatic access to all of the transformations available in CSS. Fun!", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/navbar/navbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "NavBar", 3 | "keywords":["nav","bar","navigationbar","navigation bar","navigate","upper","top"], 4 | "description": "A NavBar is like an AppBar but on top of the screen and dedicated to navigation", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/18", 7 | "sections": [ 8 | {"name":"simple"} 9 | ] 10 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/observablebinding/observablebinding.css: -------------------------------------------------------------------------------- 1 | .observablebinding #myElement { 2 | font-size:300px; 3 | font-weight:bold; 4 | color:darkgray; 5 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/observablebinding/observablebinding.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Binding with Observable Lists", 3 | "group": "Binding and Templating", 4 | "keywords": [ "bind", "binding", "template", "templating", "templates" ], 5 | "description": "Bind data to your HTML or create explicit data templates to populate with binding.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/onedrivefolders/onedrivefolders.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "OneDrive Folders", 3 | "group": "OneDrive", 4 | "keywords":["onedrive","live","skydrive","cloud"], 5 | "description": "Fetch a list of the folders in your OneDrive", 6 | "author": "Iqaan Ullah", 7 | "dateCreated": "2014/04/19" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/onedrivepushfile/onedrivepushfile.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "OneDrive Push File", 3 | "group": "OneDrive", 4 | "keywords":["onedrive","live","skydrive","cloud"], 5 | "description": "Save a file up to your OneDrive", 6 | "author": "Iqaan Ullah", 7 | "dateCreated": "2014/04/19" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/parent/parent.css: -------------------------------------------------------------------------------- 1 | .parent .explanation { 2 | width:640px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/parent/parent.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Files", 3 | "group": "IO", 4 | "keywords":["file","files", "folder", "folders", "knownfolders", "storagelibrary"], 5 | "description": "Managing files", 6 | "author": "Michael Palermo", 7 | "dateCreated": "" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/peopleAndEvents/peopleAndEvents.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/peopleAndEvents/peopleAndEvents.html", { 5 | ready: function (element, options) { 6 | var cm = Windows.ApplicationModel.Contacts.ContactManager; 7 | debugger; 8 | } 9 | }); 10 | })(); 11 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/peopleAndEvents/peopleAndEvents.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "People and Events", 3 | "keywords":["people","event","events","person","hub","contacts","calendar","schedule"], 4 | "description": "Integrate the users contacts and calendar events in your app", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "5/1/2013", 7 | "enabled":false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateau.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateau.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateau.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateau.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateau.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateau.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateauscaling.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Plateau Scaling 6 | 7 | 8 |
    9 |
    10 |
    Launch this demo in the simulator and try it at various screen resolutions.
    11 | 12 |
    13 |
    14 | 15 | 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/plateauscaling/plateauscaling.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Plateau Scaling", 3 | "group": "Scaling", 4 | "keywords":["image","picture","scale","scaling","resize","size","high","resolution","quality"], 5 | "description": "Use image scaling conventions to provide high quality imagery automatically.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/playerframework/playerframework.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Player Framework", 3 | "keywords":["player","framework","video","media","stream","streaming"], 4 | "description": "Learn how to use Microsoft's Media Player Framework for an abstract and easy to implement media player.", 5 | "author": "Jeremy Foster", 6 | "enabled": false, 7 | "dateCreated": "" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/playto/playto.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "PlayTo ", 3 | "keywords":["playto"], 4 | "description": "How to use PlayTo", 5 | "author": "Michael Palermo", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/popups/popups.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Popups", 3 | "keywords":["popups","message","dialogs"], 4 | "description": "Display users some popup alerts and confirmations", 5 | "author": "Iqaan Ullah", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/print/print.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Print", 3 | "keywords":["print","printing"], 4 | "description": "How to print from the app", 5 | "author": "Michael Palermo", 6 | "dateCreated": "", 7 | "sections":[ 8 | {"name":"toggle"}, 9 | {"name":"fromApp"}, 10 | {"name":"options"} 11 | ] 12 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/printFromApp/printFromApp.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Print from app", 3 | "group" : "Printing", 4 | "keywords":["print","printing","devices"], 5 | "description": "How to print from the app", 6 | "author": "Michael Palermo", 7 | "dateCreated": "2013/08/01" 8 | 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/printOptions/printOptions.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Print options", 3 | "group" : "Printing", 4 | "keywords":["print","printing","devices"], 5 | "description": "Apply print options", 6 | "author": "Michael Palermo", 7 | "dateCreated": "2013/08/01" 8 | 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/printToggle/printToggle.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Print toggle", 3 | "group" : "Printing", 4 | "keywords":["print","printing","devices"], 5 | "description": "Print toggle", 6 | "author": "Michael Palermo", 7 | "dateCreated": "2013/08/01" 8 | 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/progressbar/determinate/determinate.css: -------------------------------------------------------------------------------- 1 | .progressbar .determinate progress { 2 | width:400px; 3 | height: 15px; 4 | margin-bottom: 20px; 5 | } 6 | 7 | .progressbar .determinate button { 8 | margin: 5px; 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/progressbar/determinate/determinate.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/progressbar/determinate/determinate.html", { 5 | ready: function (element, options) { 6 | var p = q(".progressbar .determinate progress"); 7 | 8 | q(".progressbar .determinate #advance").onclick = function (e) { 9 | p.value += p.max * .1; 10 | }; 11 | q(".progressbar .determinate #reset").onclick = function (e) { 12 | p.value = 0; 13 | }; 14 | } 15 | }); 16 | })(); 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/progressbar/indeterminate/indeterminate.css: -------------------------------------------------------------------------------- 1 | .progressbar .indeterminate h3 { 2 | margin-top: 20px; 3 | margin-bottom: 5px; 4 | } 5 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/progressbar/progressbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Progress Bar", 3 | "keywords":["spinner","wait","meter","progress","bar","ring","determinate","indeterminate"], 4 | "description": "See indeterminate and determinate versions of the HTML5 progress control.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "", 7 | "sections":[ 8 | {"name":"indeterminate"}, 9 | {"name":"determinate"} 10 | ] 11 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/promisechaining/promisechaining.css: -------------------------------------------------------------------------------- 1 | .promisechaining progress { 2 | width: 400px; 3 | height: 20px; 4 | display: block; 5 | margin-bottom: 10px; 6 | } 7 | 8 | .promisechaining section[role=main] button { 9 | margin-right: 10px; 10 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/promisechaining/promisechaining.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Promise Chaining", 3 | "group": "Promises", 4 | "keywords":["custom","promise","promises","chaining","chain"], 5 | "description": "Promises can be chained to avoid the Christmas tree of death", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } 9 | 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/promises/promises.css: -------------------------------------------------------------------------------- 1 | .promises progress { 2 | width: 400px; 3 | height: 20px; 4 | display: block; 5 | margin-bottom: 10px; 6 | } 7 | 8 | .promises section[role=main] button { 9 | margin-right: 10px; 10 | } 11 | 12 | .promises h3 { margin-top: 20px; } 13 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/promises/promises.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Promises", 3 | "group": "Promises", 4 | "keywords":["custom","promise","promises"], 5 | "description": "Learn the concept behind Promises for asynchronicity and the various ways you can use them.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } 9 | 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/promiseuses/promiseuses.css: -------------------------------------------------------------------------------- 1 | .promiseuses progress { 2 | width: 400px; 3 | height: 20px; 4 | display: block; 5 | margin-bottom: 10px; 6 | } 7 | 8 | .promiseuses > div { 9 | columns: 2; 10 | } 11 | 12 | .promiseuses section[role=main] button { 13 | margin-right: 10px; 14 | } 15 | 16 | .promiseuses div:not(:first-child) > h3 {margin-top: 20px; } 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/promiseuses/promiseuses.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Uses for Promises", 3 | "group": "Promises", 4 | "keywords":["custom","promise","promises"], 5 | "description": "See how promises can help out practically", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } 9 | 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/properties/properties.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/properties/properties.html", { 5 | ready: function (element, options) { 6 | 7 | 8 | var squares = { 9 | square1: { color: "red", width: "100px", height: "100px" }, 10 | square2: { color: "blue", width: "200px", height: "200px" }, 11 | }; 12 | 13 | WinJS.Binding.processAll(document.querySelector("section[role=mail]"), squares); 14 | } 15 | }); 16 | })(); 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/properties/properties.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Property Binding", 3 | "keywords":[""], 4 | "description": "Data binding can bind to more than just the innerText property. Change colors, size, or whatever too!", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/proximity/proximity.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | proximity 6 | 7 | 8 | 9 |
    10 |
    11 |

    Finding peers...

    12 |
    13 |
    14 | 15 | 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/proximity/proximity.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Proximity", 3 | "keywords":["proximity","socket","nfc","near field","tap"], 4 | "description": "Easily get two devices to start speaking to each other", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/08/26" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/rating/rating.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Simple 6 | 7 | 8 |
    9 |
    10 |
    11 |
    12 |
    13 | 14 | 15 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/rating/rating.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rating", 3 | "keywords":["rating","rate","stars"], 4 | "description": "Use the WinJS rating control to give users the ability to provide feedback", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/12", 7 | "sections": [ 8 | {"name":"simple"} 9 | ] 10 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/reorder/reorder.css: -------------------------------------------------------------------------------- 1 | .reorder .explanation { width: 800px; } 2 | 3 | .reorder .win-listview { 4 | border: 2px solid lightgray; 5 | background-color: white; 6 | height: 460px; 7 | width: 800px; 8 | } 9 | 10 | .reorder .win-item img { 11 | width: 215px; 12 | height: 153px; 13 | } 14 | 15 | .reorder .win-item h3 { 16 | height: 50px; 17 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/reorder/reorder.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Reorderable ListView", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview","reorder","sort"], 5 | "description": "With a single switch, the ListView can become reorderable", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/repeater/repeater.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | Repeater 6 | 7 | 8 | 9 |
    10 |
    11 |
    12 |
    13 |
    14 |
    15 |
    16 | 17 | 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/repeater/repeater.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/repeater/repeater.html", { 5 | init: function (element, options) { 6 | WinJS.Namespace.define("codeShow.Demos.repeater", { 7 | itemList: new WinJS.Binding.List([ 8 | {name:"Item 1"}, 9 | {name:"Item 2"}, 10 | {name:"Item 3"}, 11 | {name:"Item 4"} 12 | ]) 13 | }); 14 | } 15 | }); 16 | })(); 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/repeater/repeater.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Repeater", 3 | "keywords":["repeat","repeater","list","listview"], 4 | "description": "Repeaters were introduced in 8.1 and allow for a much simplified data list", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/13" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/responsive/responsive.css: -------------------------------------------------------------------------------- 1 | .responsive section[role=main] .measuringsticks > div { 2 | border:solid 1px gray; 3 | position:relative; 4 | left:-120px; 5 | } 6 | 7 | .responsive section[role=main] .measuringsticks > div:nth-child(1) { 8 | width:320px; 9 | } 10 | 11 | .responsive section[role=main] .measuringsticks > div:nth-child(2) { 12 | width:500px; 13 | top:40px; 14 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/responsive/responsive.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Responsive Design", 3 | "keywords":["view","view state","adaptive","size","minimum","snap","snapped","full view","fill view"], 4 | "description": "Learn how to handle changes to the users screen size and orientation", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/18", 7 | "enabled":false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/rowspans/rowspans.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "CSS Grid with Rowspans", 3 | "group": "CSS Grid", 4 | "keywords":["grid","layout","css"], 5 | "description": "A CSS grid with row and column spanning", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01", 8 | "enabled": true 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/search/search.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Search", 3 | "keywords":[""], 4 | "description": "Search by implementing the Windows 8 search contract.", 5 | "author": "Jeremy Foster", 6 | "enabled": false, 7 | "dateCreated": "" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/secondtile/secondtile.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Secondary Tiles", 3 | "keywords":["secondary","tile"], 4 | "description": "Pin a secondary tile to start and control it", 5 | "author": "Iqaan Ullah", 6 | "dateCreated": "", 7 | "sections":[ 8 | {"name":"simple", "author":"Jeremy Foster"}, 9 | {"name":"alternate", "author":"Jeremy Foster"}, 10 | {"name":"pinandpush"} 11 | 12 | ] 13 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/selectcontacts/selectcontacts.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | selectcontacts 6 | 7 | 8 | 9 | 10 |
    11 |
    12 | 13 |
    14 |
    15 |
    16 | 17 | 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/selectcontacts/selectcontacts.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Selecting User Contacts", 3 | "group": "User Data", 4 | "keywords":["contact","contacts","user data","contacts"], 5 | "description": "Select user contacts from your app", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/08/19" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/selectors/selectors.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Selectors", 3 | "keywords":[""], 4 | "description": "An interactive demo that allows you to specify CSS properties and watch them take effect instantly.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/01/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/semanticzoom/semanticzoom.css: -------------------------------------------------------------------------------- 1 | .semanticzoom .win-semanticzoom, 2 | .semanticzoom .win-listview { 3 | height: 100%; 4 | } 5 | 6 | .semanticzoom #zoomedinlist .win-item img { 7 | width: 140px; 8 | height: 105px; 9 | } 10 | 11 | .semanticzoom #zoomedoutlist .win-item { 12 | width: 200px; 13 | height: 200px; 14 | background-color: green; 15 | color: white; 16 | font-weight:bold; 17 | font-size: large; 18 | padding: 10px; 19 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/semanticzoom/semanticzoom.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Semantic Zoom", 3 | "keywords":[""], 4 | "description": "Learn to implement semantic zoom on a ListView.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/sensors/sensors.css: -------------------------------------------------------------------------------- 1 | .sensors .resultText { 2 | font-weight: bold; 3 | color: red; 4 | } 5 | 6 | .sensors .dataSections { 7 | font-size: 24px; 8 | } 9 | 10 | .sensors #accelerationSection { 11 | margin-top: 100px; 12 | font-size: 24px; 13 | } 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/sensors/sensors.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rx Sensors", 3 | "keywords":[""], 4 | "description": "Interact with the various hardware sensors in your machine.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/settings/settings.css: -------------------------------------------------------------------------------- 1 | .settings section[role=main] > h2 { margin-bottom: 20px; } 2 | .settings #preferencesDiv .win-header { background-color:#375369; } 3 | .settings #preferencesDiv { 4 | } 5 | 6 | .settings #preferencesDiv #tileColors { 7 | display: -ms-flexbox; 8 | } 9 | 10 | .settings #preferencesDiv #tileColors > div { 11 | width: 40px; 12 | height: 40px; 13 | border: 1px solid white; 14 | background-color: gray; 15 | border: 3px solid white; 16 | } 17 | 18 | .settings #preferencesDiv #tileColors > div.selected { 19 | border: 3px solid red; 20 | } 21 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/settings/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Settings", 3 | "keywords":[""], 4 | "description": "Settings go in the settings pane. Here's how to do it.", 5 | "author": "Jeremy Foster", 6 | "enabled": false, 7 | "dateCreated": "" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/share/share.css: -------------------------------------------------------------------------------- 1 | .share #sharetypes > div { 2 | margin-bottom: 20px; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/share/share.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Share", 3 | "keywords":[""], 4 | "description": "Learn how to implement the Windows 8 share contract with a very basic example.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/simpleappbar/simpleappbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Simple App Bar", 3 | "group": "App Bar", 4 | "keywords":["app","bar","appbar","applicationbar","application"], 5 | "description": "Create an app bar using JavaScript so it's easier to populate and manipulate conditionally.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01", 8 | "suppressAppBar": true 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/simplebinding/simplebinding.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/simplebinding/simplebinding.html", { 5 | ready: function (element, options) { 6 | var fred = { firstName: "Fred", lastName: "Johnson", email: "fred@live.com" }; 7 | WinJS.Binding.processAll(element.querySelector(".person"), fred); 8 | } 9 | }); 10 | })(); 11 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/simplebinding/simplebinding.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Simple Binding", 3 | "group": "Binding and Templating", 4 | "keywords": [ "bind", "binding", "template", "templating", "templates" ], 5 | "description": "The binding system in WinJS at its simplest", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/simplegrid/simplegrid.css: -------------------------------------------------------------------------------- 1 | .simplegrid div.msgrid { 2 | display: -ms-grid; 3 | -ms-grid-columns: 1fr 1fr; 4 | -ms-grid-rows: 200px 200px; 5 | } 6 | 7 | .simplegrid div.msgrid > div { 8 | border: 1px solid gray; 9 | } 10 | .simplegrid div.msgrid > div:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; } 11 | .simplegrid div.msgrid > div:nth-child(3) { -ms-grid-row: 2; } 12 | .simplegrid div.msgrid > div:nth-child(4) { -ms-grid-column: 2; -ms-grid-row: 2; } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/simplegrid/simplegrid.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Simple Grid", 3 | "group": "CSS Grid", 4 | "keywords":["grid","layout","css"], 5 | "description": "An extremely basic CSS grid", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/simplelistview/simplelistview.css: -------------------------------------------------------------------------------- 1 | .simplelistview .explanation { width: 800px; } 2 | 3 | .simplelistview .win-listview { 4 | border: 2px solid lightgray; 5 | background-color: white; 6 | height: 460px; 7 | width: 800px; 8 | } 9 | 10 | .simplelistview .win-item img { 11 | width: 215px; 12 | height: 153px; 13 | } 14 | 15 | .simplelistview .win-item h3 { 16 | height: 50px; 17 | } 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/simplelistview/simplelistview.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Simple ListView", 3 | "group": "ListViews", 4 | "keywords":["list","view","items","tile","tiles","listview"], 5 | "description": "The ListView is the fundamental WinJS list control", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/slidingdiv/slidingdiv.css: -------------------------------------------------------------------------------- 1 | .slidingdiv #slidingDiv { 2 | margin-left:-120px; 3 | width:300px; 4 | height:300px; 5 | box-sizing:border-box; 6 | position:relative; 7 | left:-300px; 8 | border:2px solid; 9 | transition:0.5s; 10 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/slidingdiv/slidingdiv.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/slidingdiv/slidingdiv.html", { 5 | ready: function (element, options) { 6 | go.onclick = function(e) { 7 | slidingDiv.style.left = "0px"; 8 | }; 9 | } 10 | }); 11 | })(); 12 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/slidingdiv/slidingdiv.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Sliding Div", 3 | "keywords":["sliding","slide","div","animate","offscreen"], 4 | "description": "Learn to animate a div element sliding in from an edge of the screen.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/snappoints/snappoints.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/snappoints/snappoints.html", { 5 | ready: function (element, options) { 6 | var a = []; 7 | for (var i = 0; i <= 100; i++) { 8 | a.push({ number: i }); 9 | } 10 | var aList = new WinJS.Binding.List(a); 11 | 12 | list.winControl.itemDataSource = aList.dataSource; 13 | list.winControl.itemTemplate = template; 14 | } 15 | }); 16 | })(); 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/snappoints/snappoints.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Snap Points", 3 | "keywords":["snap","snappoints","point","pan","stop"], 4 | "description": "Implement snap points to help the user land at the right spot when scrolling.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/speech/speech.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Speech", 3 | "keywords":["speech","talk","text to speech","synthesis","speech synthesis"], 4 | "description": "Get your system talking with the text to speech synthesis introduced in Windows 8.1.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/09/17" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/steamgraph/steamgraph.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | steamgraph 6 | 7 | 8 | 9 | 10 | 11 | 12 |
    13 |
    14 | 15 |
    16 |
    17 |
    18 | 19 | 20 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/steamgraph/steamgraph.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "D3", 3 | "keywords":["data","driven","documents","d3"], 4 | "description": "See some examples of the powerful D3JS JavaScript library plugged in to a Windows 8 app.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/01", 7 | "enabled":true, 8 | "sections":[ 9 | {"name":"forcedirected"}, 10 | {"name":"alaska"}, 11 | {"name":"chorddiagram"} 12 | ] 13 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/still/still.css: -------------------------------------------------------------------------------- 1 | .still #capturedImage, #previewVideo { 2 | width: 640px; 3 | height: 360px; 4 | border:solid 1px gray; 5 | } 6 | 7 | /* 8 | .still #previewVideo { 9 | width: 640px; 10 | height: 360px; 11 | border:solid 1px gray; 12 | } 13 | */ -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/still/still.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Image Capture", 3 | "group": "Media Capture", 4 | "keywords": [ "camera", "picture", "capture", "video", "media", "audio", "record" ], 5 | "description": "Learn how to capture a still image from the webcam", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/stocks/stocks.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rx Stocks", 3 | "keywords":[""], 4 | "description": "", 5 | "author": "Jeremy Foster", 6 | "enabled": false, 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/streamsocket/streamsocket.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | streamsocket 6 | 7 | 8 | 9 | 10 |
    11 |
    12 |
    13 |
    14 |
    15 | 16 | 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/streamsocket/streamsocket.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "StreamSocket", 3 | "keywords":["socket","sockets","web sockets","web socket"], 4 | "description": "Use WinRT to handle the heavy lifting of web sockets for you", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/7/28" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/swipeSections/swipeSections.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Swipe Sections", 3 | "keywords":["snap","swipe","section","page"], 4 | "description": "Easy way to declaratively add sections that peek from off screen right and snap when you swipe.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "", 7 | "enabled": false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/syndication/syndication.css: -------------------------------------------------------------------------------- 1 |  -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/syndication/syndication.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | syndication 6 | 7 | 8 | 9 | 10 |
    11 |
    12 |
    13 |
    14 |
    15 | 16 | 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/syndication/syndication.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/syndication/syndication.html", { 5 | ready: function (element, options) { 6 | var client = new Windows.Web.Syndication.SyndicationClient(); 7 | var uri = new Windows.Foundation.Uri("http://codefoster.com/rss"); 8 | client.retrieveFeedAsync(uri).done(function (feed) { 9 | feed.items.forEach(function (i) { 10 | out.innerHTML += i.title.text + "
    "; 11 | }); 12 | }); 13 | } 14 | }); 15 | })(); 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/syndication/syndication.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Syndication", 3 | "keywords":["syndication","rss","feed","reader","atom","blog","news"], 4 | "description": "Read a feed", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/08/20" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/templateItems/templateItems.css: -------------------------------------------------------------------------------- 1 | .templateItems section[role=main] > #alphabet { 2 | display: -ms-flexbox; 3 | border: 1px solid; 4 | -ms-flex-wrap: wrap; 5 | } 6 | 7 | .templateItems section[role=main] > #alphabet > div { 8 | width:110px; 9 | height:110px; 10 | background: gray; 11 | margin:5px; 12 | padding: 10px; 13 | } 14 | 15 | .templateItems #reset { color: orange; } 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/templateItems/templateItems.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Template Items", 3 | "keywords":["template","render","createaddtolistanimation","animation","flexbox","insertbefore","add","remove","list","item"], 4 | "description": "Render templated items into a flexbox with animated add and delete.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/templatebinding/templatebinding.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/templatebinding/templatebinding.html", { 5 | ready: function (element, options) { 6 | var fred = { firstName: "Fred", lastName: "Johnson", email: "fred@live.com" }; 7 | var personTemplateCtl = personTemplate.winControl; 8 | personTemplateCtl.render(fred, renderHere); 9 | } 10 | }); 11 | })(); 12 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/templatebinding/templatebinding.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Binding a Template", 3 | "group": "Binding and Templating", 4 | "keywords": [ "bind", "binding", "template", "templating", "templates" ], 5 | "description": "Bind data to a template using WinJS", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/textfont/textfont.css: -------------------------------------------------------------------------------- 1 |  -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/textfont/textfont.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Font Properties", 3 | "group": "Text Properties", 4 | "keywords":["text","properties","css","font"], 5 | "description": "Some very simple font properties that can be applied to any element", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/textprops/textprops.css: -------------------------------------------------------------------------------- 1 |  -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/textprops/textprops.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Text Properties", 3 | "group": "Text Properties", 4 | "keywords":["text","properties","css"], 5 | "description": "Some very simple CSS text properties", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/tileupdate/tileupdate.css: -------------------------------------------------------------------------------- 1 | .tileupdate .explanation { 2 | width: 640px; 3 | } 4 | 5 | .tileupdate .section { 6 | margin-top: 20px; 7 | } 8 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/tileupdate/tileupdate.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Tile Updates", 3 | "group": "Notifications", 4 | "keywords":["notifications","push","background","tile","badge"], 5 | "description": "Your app's tile can be updated programmatically", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/timeflies/timeflies.css: -------------------------------------------------------------------------------- 1 | .timeflies .timeFliesText { 2 | font-size: 48px; 3 | color: red; 4 | font-family: Consolas, monospace; 5 | overflow: hidden; 6 | } 7 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/timeflies/timeflies.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Rx Time Flies", 3 | "keywords":[""], 4 | "description": "A fun demo that shows off Reactive Extensions by chasing the cursor with a phrase.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/toasts/toasts.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Toast Notifications", 3 | "group": "Notifications", 4 | "keywords":["notifications","push","background","tile","badge"], 5 | "description": "Toast notifications can be programmatically fired or scheduled for later", 6 | "author": "Sebastián Gómez", 7 | "dateCreated": "2014/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/transforms/transforms.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Transforms", 3 | "keywords":[""], 4 | "description": "Simple CSS transforms. Light demo so far. More to come.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/transitions/transitions.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/transitions/transitions.html", { 5 | ready: function (element, options) { 6 | boxEvent.addEventListener("transitionend", 7 | function (args) { 8 | if (args.elapsedTime < 4) { 9 | boxEvent.innerText = "Keep Pressing!"; 10 | } else { 11 | boxEvent.innerText = "Let Go!"; 12 | boxEvent.classList.add("vanish"); 13 | } 14 | }); 15 | } 16 | }); 17 | })(); 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/transitions/transitions.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Transitions", 3 | "keywords":["css3","transitions"], 4 | "description": "CSS transitions make animations a cinch.", 5 | "author": "Michael Palermo", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/underscoredemo/underscoredemo.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Underscore", 3 | "keywords":["underscore","libraries"], 4 | "description": "The Underscore.js library makes a lot of JavaScript a lot easier", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2014/08/20" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/userdata/userdata.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "User Data", 3 | "group": "Storage", 4 | "keywords":["local storage","data","user","users"], 5 | "description": "Technique for storing user data", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/usersettings/usersettings.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "User Settings", 3 | "group": "Storage", 4 | "keywords":["local storage","data","user","users"], 5 | "description": "Using built in local storage to store user settings", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/video/video.css: -------------------------------------------------------------------------------- 1 | .video video { 2 | width: 640px; 3 | height: 360px; 4 | border:solid 1px gray; 5 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/video/video.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Video Capture", 3 | "group": "Media Capture", 4 | "keywords": [ "camera", "picture", "capture", "video", "media", "audio", "record" ], 5 | "description": "Learn how to capture a video from the webcam", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/1/1" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/viewbox/viewbox.css: -------------------------------------------------------------------------------- 1 | /* turn off the left margin for this demo */ 2 | .viewbox section[role=main] .win-viewbox { margin-left: 0px; } 3 | 4 | .viewbox .win-viewbox div { 5 | width:500px; 6 | padding: 30px; 7 | } 8 | 9 | .viewbox .win-viewbox div img { 10 | width: 60px; 11 | height: 60px; 12 | float:left; 13 | margin:10px; 14 | } 15 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/viewbox/viewbox.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "ViewBox", 3 | "keywords":["viewbox","view","box","layout","css"], 4 | "description": "The ViewBox control helps you automatically scale content to any view.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/viewstates/viewstates.css: -------------------------------------------------------------------------------- 1 | .viewstates #list { 2 | height: 100%; 3 | } 4 | 5 | .viewstates #list .img { 6 | width: 280px; 7 | height: 210px; 8 | } 9 | 10 | @media (-ms-view-state: snapped) { 11 | .viewstates #list { 12 | margin-left: 20px; 13 | height: 100%; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/viewstates/viewstates.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "View States", 3 | "keywords":["viewstate","snapped","fill","landscape","portrait"], 4 | "description": "How to react when your user snaps your app or rotates the screen.", 5 | "author": "Michael Palermo", 6 | "dateCreated": "2013/02/01", 7 | "enabled":false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/wamsauth/wamsauth.css: -------------------------------------------------------------------------------- 1 | .wamsauth h3 { 2 | margin-top: 20px; 3 | } 4 | 5 | .wamsauth .log { 6 | width:600px; 7 | height:60px; 8 | border:solid 1px lightgray; 9 | overflow: auto; 10 | padding:5px; 11 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/wamsauth/wamsauth.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "WAMS Authentication", 3 | "group": "Authentication", 4 | "keywords":["authentication","live","connect"], 5 | "description": "Using Windows Azure Mobile Services to authenticate a user!", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/wamspush/wamspush.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "WAMS Push", 3 | "keywords":["wams","backend","windows","azure","mobile","services","push","notification","toast","alert"], 4 | "description": "Easy push notifications with Windows Azure Mobile Services", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "", 7 | "enabled":false 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/wamsstorage/wamsstorage.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Azure Mobile Services Data Storage", 3 | "group": "Storage", 4 | "keywords":["local storage","data","wams","azure","mobile services"], 5 | "description": "Azure Mobile Services is a great place to store some shared app data", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/01/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webgl/webgl.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | DOM 6 | 7 | 8 | 9 | 10 |
    11 | 12 |
    13 | 14 | 15 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webgl/webgl.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "WebGL", 3 | "keywords":["webgl"], 4 | "description": "Simple WebGL demo", 5 | "author": "Michael Palermo", 6 | "dateCreated": "2014/08/25" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webservices/basic/basic.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/webservices/basic/basic.html", { 5 | ready: function (element, options) { 6 | var resultDiv = element.querySelector(".results"); 7 | WinJS.xhr({ url: "http://widgetservice.azurewebsites.net/api/Values" }) 8 | .then(function (d) { 9 | JSON.parse(d.response).forEach(function (r) { 10 | resultDiv.innerHTML += r + "
    "; 11 | }); 12 | }); 13 | } 14 | }); 15 | })(); 16 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webservices/webservices.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Web Services", 3 | "keywords":["web","service","odata","xhr","fetch","api"], 4 | "description": "Fetch data from web services", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "3/21/2014", 7 | "sections":[ 8 | {"name":"basic"}, 9 | {"name":"odata"} 10 | ] 11 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webview/simple/simple.css: -------------------------------------------------------------------------------- 1 | .webview .simple x-ms-webview { 2 | width:800px; 3 | height:600px; 4 | border:solid 1px gray; 5 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webview/tostring/tostring.css: -------------------------------------------------------------------------------- 1 | .webview .tostring x-ms-webview { 2 | width: 800px; 3 | height: 600px; 4 | border: solid 1px gray; 5 | } 6 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webview/tostring/tostring.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/demos/webview/tostring/tostring.html", { 5 | ready: function (element, options) { 6 | element.querySelector("x-ms-webview").navigateToString("This is an arbitrary HTML string that I can navigate my WebView to."); 7 | } 8 | }); 9 | })(); 10 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webview/webview.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "WebView", 3 | "keywords":["web","view","webview","iframe"], 4 | "description": "WebView is like an iframe on steroids", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/18", 7 | "sections":[ 8 | {"name":"simple"}, 9 | {"name":"tostring"} 10 | ] 11 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webworker/diagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/webworker/diagram.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webworker/task.js: -------------------------------------------------------------------------------- 1 | //this is how the main thread talks to us (the web worker) 2 | self.onmessage = function (e) { 3 | //here's how we talk to the main thread 4 | self.postMessage("\"Hey, boss. I heard you say '" + e.data + "\""); 5 | }; -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webworker/webworker.css: -------------------------------------------------------------------------------- 1 | .webworker section[role=main] > * { 2 | margin: 20px 0px; 3 | 4 | } 5 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/webworker/webworker.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Web Worker", 3 | "keywords":["web","worker","workers","parallet","task","thread","threaded","multi-threaded"], 4 | "description": "JavaScript has concurrency! Use the web worker to launch a new thread and improve app performance.", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/02/01" 7 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/xhr/fetchme.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | 6 | 7 |
    I came from fetchme.html!
    8 | 9 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/xhr/xhr.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Fetching Data with XHR", 3 | "group": "XHR", 4 | "keywords":["xhr"], 5 | "description": "Learn to use the WinJS.xhr method for great control over custom HTTP requests.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2012/10/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/zoom/oceanrocks.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/demos/zoom/oceanrocks.jpg -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/zoom/zoom.css: -------------------------------------------------------------------------------- 1 | .zoom #container { 2 | width:1000px; 3 | height:600px; 4 | overflow:scroll; 5 | -ms-content-zooming:zoom; 6 | -ms-content-zoom-limit-max:1000%; 7 | -ms-content-zoom-limit-min:20%; 8 | } 9 | 10 | .zoom #container img { 11 | } 12 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/demos/zoom/zoom.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Zoom", 3 | "group" : "Zoom", 4 | "keywords":["zoom","pinch","stretch","optical"], 5 | "description": "Add pinch and stretch zoom support to your elements.", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2013/03/01" 8 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/images/gray.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/images/gray.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/js/MobileServices.pri: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Shared/js/MobileServices.pri -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/js/analytics.js: -------------------------------------------------------------------------------- 1 | WinJS.Namespace.define("Analytics", { 2 | Increment: function (key) { 3 | if (app.isConnected) { 4 | var analytics = codeshowClient.getTable("analytics"); 5 | analytics.where({ key: key }).read().then(function (rr) { 6 | if (rr.length == 0) analytics.insert({ key: key, value: 1 }); 7 | else { 8 | rr[0].value++; 9 | analytics.update(rr[0]); 10 | } 11 | }); 12 | } 13 | } 14 | }); -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/js/converters.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | var r = Windows.Storage.ApplicationData.current.roamingSettings.values; 3 | 4 | WinJS.Namespace.define("Converters", { 5 | twitterHandleConverter: new WinJS.Binding.converter(function (value) { 6 | return (value ? "@" + value : ""); 7 | }) 8 | }); 9 | 10 | })(); 11 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/lib/RxJS/redist.txt: -------------------------------------------------------------------------------- 1 | The files below can be distributed as described in the MICROSOFT REACTIVE EXTENSTIONS FOR JAVASCRIPT AND .NET LIBRARIES License. 2 | 3 | rx.min.js 4 | rx.aggregates.min.js 5 | rx.joinpatterns.min.js 6 | rx.coincidence.min.js 7 | rx.time.min.js 8 | rx.experimental.min.js 9 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/lib/RxJS/rx.node.js: -------------------------------------------------------------------------------- 1 | var Rx = require('./rx'); 2 | require('./rx.aggregates'); 3 | require('./rx.binding'); 4 | require('./rx.coincidence'); 5 | require('./rx.experimental'); 6 | require('./rx.joinpatterns'); 7 | require('./rx.testing'); 8 | require('./rx.time'); 9 | module.exports = Rx; -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/pages/hub/categoriesControl.css: -------------------------------------------------------------------------------- 1 | .categoriescontrol .itemslist { 2 | height: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/pages/hub/categoriesControl.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.Namespace.define("Controls", { 5 | CategoriesControl: WinJS.UI.Pages.define("/pages/hub/categoriesControl.html", { 6 | ready: function (element, options) { 7 | options = options || {}; 8 | 9 | var listView = element.querySelector(".itemslist").winControl; 10 | 11 | listView.itemDataSource = options.dataSource.dataSource; 12 | listView.layout = options.layout; 13 | listView.oniteminvoked = options.oniteminvoked; 14 | } 15 | }) 16 | }); 17 | })(); -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/pages/hub/contributorsControl.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.Namespace.define("Controls", { 5 | ContributorsControl: WinJS.UI.Pages.define("/pages/hub/contributorsControl.html", { 6 | ready: function (element, options) { 7 | options = options || {}; 8 | 9 | var listView = element.querySelector(".itemslist").winControl; 10 | 11 | listView.itemDataSource = options.dataSource.dataSource; 12 | listView.layout = options.layout; 13 | listView.oniteminvoked = options.oniteminvoked; 14 | } 15 | }) 16 | }); 17 | })(); -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/pages/hub/welcomeControl.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | "use strict"; 3 | 4 | WinJS.Namespace.define("Controls", { 5 | WelcomeControl: WinJS.UI.Pages.define("/pages/hub/welcomeControl.html", { 6 | ready: function (element, options) { 7 | options = options || {}; 8 | 9 | //Should we add something dynamically or just write what we want in the html page? 10 | } 11 | }) 12 | }); 13 | })(); -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Shared/services/mobile services/codeshow/service.js: -------------------------------------------------------------------------------- 1 | var codeshowClient = new WindowsAzure.MobileServiceClient( 2 | "https://codeshow.azure-mobile.net/", 3 | "xGQqIbWxzyzXCCofsFrgdhLPYMCqKn57" 4 | ); 5 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/Fonts/LiveSymbol.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/Fonts/LiveSymbol.ttf -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/NotificationsExtensions.winmd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/NotificationsExtensions.winmd -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/demos/hub/hub.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Hub", 3 | "keywords":["hub"], 4 | "description": "Learn to use the Hub control to make a great first page for your app", 5 | "author": "Jeremy Foster", 6 | "dateCreated": "2013/08/17", 7 | "sections":[ 8 | {"name":"simple"} 9 | ] 10 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/adtile_codeplex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/adtile_codeplex.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/apphero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/apphero.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/badge24.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/badge24.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/badge24.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/badge24.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/badge24.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/badge24.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/bits.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/bits.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/codeplex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/codeplex.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/html5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/html5.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/logo.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/secondary150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/secondary150.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/secondary70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/secondary70.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/splashscreen.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/splashscreen.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/splashscreen.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/splashscreen.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/splashscreen.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/splashscreen.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square150.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square150.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square150.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square150.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square150.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square150.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square150.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square150.scale-80.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square30.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square30.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square30.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square30.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square30.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square30.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square30.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square30.scale-80.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square310.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square310.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square310.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square310.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square310.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square310.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square310.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square310.scale-80.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square50.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square50.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square50.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square50.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square50.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square50.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square70.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square70.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square70.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square70.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square70.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square70.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/square70.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/square70.scale-80.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/store.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/store.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/wide.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/wide.scale-100.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/wide.scale-140.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/wide.scale-140.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/wide.scale-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/wide.scale-180.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/wide.scale-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/wide.scale-80.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/images/win8logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.Windows/images/win8logo.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/packages.config: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/pages/about/about.css: -------------------------------------------------------------------------------- 1 | .about #aboutDiv .win-header { 2 | background-color:#375369; 3 | } 4 | 5 | .about .title { 6 | font-family: "gooddog"; 7 | font-size: 58px; 8 | } 9 | .about .title .titleCode { color: #34435a; } 10 | .about .title .titleShow { color: #5e83a2; } 11 | 12 | .about .win-content { padding: 0 20px 0; } 13 | .about .win-content p { margin-top: 0; } 14 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/pages/apps/apps.css: -------------------------------------------------------------------------------- 1 | .apps section[role=main] { 2 | margin-left: 120px; 3 | margin-right: 120px; 4 | } 5 | 6 | .apps .win-listview { 7 | height:100%; 8 | box-sizing:border-box; 9 | 10 | } 11 | .apps .win-listview .win-container { 12 | width: 50px; 13 | height: 50px; 14 | } 15 | 16 | .apps .win-listview .win-item img { 17 | width:50px; 18 | height:50px; 19 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/pages/apps/apps.js: -------------------------------------------------------------------------------- 1 |  (function () { 2 | "use strict"; 3 | 4 | WinJS.UI.Pages.define("/pages/apps/apps.html", { 5 | init: function (element, options) { 6 | WinJS.Namespace.define("codeShow.Pages.Apps", { 7 | Data: new WinJS.Binding.List() 8 | }); 9 | }, 10 | ready: function (element, options) { 11 | Data.apps.forEach(function (app) { 12 | codeShow.Pages.Apps.Data.push(app); 13 | }); 14 | } 15 | }); 16 | })(); 17 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.Windows/pages/privacy/privacy.css: -------------------------------------------------------------------------------- 1 | .privacy #privacyDiv .win-header { 2 | background-color:#375369; 3 | } 4 | 5 | .privacy .win-content { padding:0 20px 0;} -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/css/ui-themed.css: -------------------------------------------------------------------------------- 1 | @import url(//Microsoft.Phone.WinJS.2.1/css/ui-dark.css); 2 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/css/ui-themed.theme-dark.css: -------------------------------------------------------------------------------- 1 | @import url(//Microsoft.Phone.WinJS.2.1/css/ui-dark.css); 2 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/css/ui-themed.theme-light.css: -------------------------------------------------------------------------------- 1 | @import url(//Microsoft.Phone.WinJS.2.1/css/ui-light.css); -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/demos/voicecommand/voicecommand.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | voicecommand 6 | 7 | 8 | 9 | 10 | 11 |
    12 |
    13 |
    14 |
    15 |
    16 | 17 | 18 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/demos/voicecommand/voicecommand.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Voice Command", 3 | "group": "Speech Input", 4 | "keywords":["speech","voice","speak","talk","command"], 5 | "description": "Integrate with Cortana on Windows Phone start speaking your way around", 6 | "author": "Jeremy Foster", 7 | "dateCreated": "2014/08/22", 8 | "enabled":false 9 | } -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/images/SplashScreen.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.WindowsPhone/images/SplashScreen.scale-240.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/images/Square150x150Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.WindowsPhone/images/Square150x150Logo.scale-240.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/images/Square44x44Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.WindowsPhone/images/Square44x44Logo.scale-240.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/images/Square71x71Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.WindowsPhone/images/Square71x71Logo.scale-240.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/images/StoreLogo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.WindowsPhone/images/StoreLogo.scale-240.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/images/Wide310x150Logo.scale-240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/codeShow.JS/codeShow.JS.WindowsPhone/images/Wide310x150Logo.scale-240.png -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/pages/categories/category.css: -------------------------------------------------------------------------------- 1 | .categoryheader { 2 | font-size: 32px; 3 | font-weight: 300; 4 | line-height: 38.4px; 5 | margin-left: 7px; 6 | margin-top: 10px; 7 | } 8 | -------------------------------------------------------------------------------- /codeShow.JS/codeShow.JS.WindowsPhone/pages/demo/demo.css: -------------------------------------------------------------------------------- 1 | .demo section { 2 | 3 | } 4 | 5 | .phone .demo .page-section { 6 | margin: auto 24px; 7 | } 8 | 9 | .phone .demo .back-button { 10 | display: none; 11 | } 12 | -------------------------------------------------------------------------------- /packages/Bing.Maps.8.0.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/packages/Bing.Maps.8.0.vsix -------------------------------------------------------------------------------- /packages/Bing.Maps.beta81.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/packages/Bing.Maps.beta81.vsix -------------------------------------------------------------------------------- /packages/Microsoft.PlayerFramework.1.3.beta2.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/packages/Microsoft.PlayerFramework.1.3.beta2.vsix -------------------------------------------------------------------------------- /packages/W8AdSDK-ENU.msi: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/packages/W8AdSDK-ENU.msi -------------------------------------------------------------------------------- /packages/Win8_1AdSDK.msi: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/packages/Win8_1AdSDK.msi -------------------------------------------------------------------------------- /packages/azuresdk-win8-v0.2.5.msi: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codefoster/codeshow/764d32cf8856f8bb1b09fa40109b163dcd10ac8a/packages/azuresdk-win8-v0.2.5.msi -------------------------------------------------------------------------------- /packages/repositories.config: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | --------------------------------------------------------------------------------