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

CodePen requires JavaScript #26

Open
Rhialto opened this issue Oct 12, 2016 · 6 comments
Open

CodePen requires JavaScript #26

Rhialto opened this issue Oct 12, 2016 · 6 comments

Comments

@Rhialto
Copy link

Rhialto commented Oct 12, 2016

When I click on examples (such as "See the Pen CSS Only Accordion: youmightnotneedjs.com " I get a big red bordered error message "CodePen requires JavaScript to render the code and preview areas in this view."

This seems rather contrary to the purpose of the demonstration :-(

Of course I totally agree with the purpose of the site, since of course I use NoScript to avoid running random untrusted code from random untrusted sources.

@JoshAddington
Copy link

But it's not contrary to the purpose of the demonstration.

The purpose is to show examples where (S)CSS can replace javascript. Not to build an online text editor without javascript.

If, however, you find an online text editor that doesn't require javascript, open a PR!

@una
Copy link
Owner

una commented Oct 13, 2016

If you'd like to make all of these examples native, that would be awesome. I used codepen as a quick demo tool that's interactive and effective

@mmollick
Copy link
Contributor

I was thinking about doing a progressive enhancement version; ie: display native demo in a noscript tag and displaying the codepen when JS is available. Although I'm not sure if it's all that effective since you loose all the ability to interact with the code directly and are then left with two demos to update (I'm willing to bet one of them will fall out of date).

@una
Copy link
Owner

una commented Oct 13, 2016

I think thats a good alternative-- wouldn't be too difficult to do a native demo (just copying over code really). The architecture/setup would be the biggest challenge

@Rhialto
Copy link
Author

Rhialto commented Oct 13, 2016

I think that is indeed pretty much what I was aiming at. I wasn't expecting an editor or editable demo without javascript enabled, but I was hoping to see the thing that was described in action.

@mmollick
Copy link
Contributor

Alright I'll send a pr this weekend for the progressive enhancement version unless someone else beats me to it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants