foldable-device-configurator
Advanced tools
Comparing version 1.0.1 to 1.0.2
{ | ||
"name": "foldable-device-configurator", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "A simple web component which you can add to emulate various type of foldables devices. It will set the appropriate media queries according to the device and the setup.", | ||
@@ -5,0 +5,0 @@ "main": "src/foldable-device-configurator.js", |
# Foldable Device Configurator | ||
Foldable Device Configurator is a little Web Component which you can drop in your application to test | ||
the CSS Spanning Polyfill located [here](https://github.com/zouhir/spanning-css-polyfill) | ||
the CSS Spanning Polyfill located [here](https://github.com/foldable-devices/spanning-css-polyfill) | ||
@@ -26,4 +26,4 @@ ## How to use the foldable configurator in your project? | ||
This web component will let you emulate various foldable configurations and will set the foldable polyfills accordingly. Currently there are two polyfills you can use to design or adapt web contents for foldable devices : | ||
- A JavaScript API called Window Segments located [here](https://github.com/zouhir/windowsegments-polyfill) | ||
- CSS Properties called Spanning located [here](https://github.com/zouhir/spanning-css-polyfill) | ||
- A JavaScript API called Window Segments located [here](https://github.com/foldable-devices/windowsegments-polyfill) | ||
- CSS Properties called Spanning located [here](https://github.com/foldable-devices/spanning-css-polyfill) | ||
@@ -36,3 +36,3 @@ Both are proposals from Microsoft. At this time the configurator will only set the spanning media-queries. | ||
Go to https://darktears.github.io/foldable-device-configurator/demo/index.html ([source](https://github.com/darktears/foldable-device-configurator/tree/master/demo)) | ||
Go to https://foldable-devices.github.io/device-configurator/demo/ ([source](https://foldable-devices.github.io/device-configurator/demo/)) | ||
@@ -43,7 +43,7 @@ ### An example in action : | ||
<img src="https://raw.githubusercontent.com/darktears/foldable-device-configurator/master/images/foldable-device-configurator.gif" alt="Demo of the configurator" style="width:400px;"/> | ||
<img src="https://raw.githubusercontent.com/foldable-devices/device-configurator/master/images/foldable-device-configurator.gif" alt="Demo of the configurator" style="width:400px;"/> | ||
On an actual device (Asus ZenBook Pro Duo) : | ||
<img src="https://raw.githubusercontent.com/darktears/foldable-device-configurator/master/images/zenbook.gif" alt="Demo of the ZenBook" style="width:400px;"/> | ||
<img src="https://raw.githubusercontent.com/foldable-devices/device-configurator/master/images/zenbook.gif" alt="Demo of the ZenBook" style="width:400px;"/> | ||
@@ -50,0 +50,0 @@ ## Working on the foldable configurator component |