Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(chore): added testing page for jsfiddle fullscreen #216

Merged
merged 1 commit into from
Jul 5, 2020

Conversation

lubber-de
Copy link
Member

Description

jsfiddle.net recently removed the feature to append a /show to any jsfiddle , which was then only showing the result of a jsfiddle. That was a very handy feature to review/test on mobile devices.

The only possibility now is to embed the jsfiddle into an iframe.

That said, this PR offers a little page which will display the result of any given jsfiddle in an iframe.
Maybe i was too lazy, but i could not find another public service which does just that.

I am aware, that codepen.io still offers that feature somehow by using /full instead of /pen in their URLs, but as we are using jsfiddle so much often i thought it's a good idea to still have this for jsfiddle as well.
However, i would still only use this when testing on a mobile device is necessary.

Testcase / Usage

Just append the jsfiddle code to a static URL

Examples

Original jsfiddle url fomantic jsfiddle tester
https://jsfiddle.net/lubber/wt0heq5k/99 https://fomantic-ui.com/jsfiddle/#!lubber/wt0heq5k/99
https://jsfiddle.net/hpetaxy0 https://fomantic-ui.com/jsfiddle/#!hpetaxy0
https://jsfiddle.net/q3ptLkz6/12 https://fomantic-ui.com/jsfiddle/#!q3ptLkz6/12

Screenshots

image

@lubber-de lubber-de added the New Content New content for new additions to the core library label Jun 20, 2020
@lubber-de lubber-de added this to the 2.8.x milestone Jun 20, 2020
Copy link
Member

@ko2in ko2in left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM.

Copy link
Contributor

@exoego exoego left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM
The redirect to root is fine for me since I use repo-specific docpad.

Copy link
Contributor

@prudho prudho left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

On a longer term we could give a try to Flems which seems to be really good for us in the documentation and for debug purposes.

@lubber-de lubber-de modified the milestones: 2.8.x, 2.8.7 Jun 27, 2020
@lubber-de lubber-de merged commit 7284ccd into fomantic:develop Jul 5, 2020
@lubber-de lubber-de deleted the feat/jsfiddletester branch July 5, 2020 09:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
New Content New content for new additions to the core library
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants