Explore performant strategy for JS embeds about cloudfour.com-patterns HOT 9 CLOSED

I like <iframe>s. I wish they were all using them 🌾

from cloudfour.com-patterns.

Can we just link to code demos? :)

from cloudfour.com-patterns.

Can we just link to code demos? :)

from cloudfour.com-patterns.

Here is a little way to embed Gists: http://codepen.io/erikjung/pen/waOxJK

(without using their script....if we just wanted to output the code itself in some customized way)

from cloudfour.com-patterns.

That's interesting, but I think moving in the wrong direction (empty semantic elements sitting in code).

I think something like Gist is easy to argue for "well, we should just add the code to the post." The value it's lending to the post is very low.

CodePen is a harder argument because most of the reason I've used it (and I assume others use it) is so folks can actually run the code without leaving the context of the post (something I find important when teaching complex, technical concepts).

from cloudfour.com-patterns.

@erikjung I second @tylersticka 's concerns about semantics on this one.

from cloudfour.com-patterns.

I'm all for adding the code directly to the posts when possible. That Gist example was just for fun, and to think about alternative methods of embedding if we don't like using a bunch of <script> elements.

CodePen is a harder argument because most of the reason I've used it (and I assume others use it) is so folks can actually run the code without leaving the context of the post (something I find important when teaching complex, technical concepts).

I thought CodePen had <iframe> embeds as well. Also, I'd be curious to see data regarding how often these embeds are actually engaged. Personally speaking, if the code is something I'm really interested in enough to tinker with, I immediately open up the actual Pen/Fiddle/whatever because I find the embedded versions to be too cramped (even on desktop).

from cloudfour.com-patterns.

I thought CodePen had <iframe> embeds as well.

I have never noticed that option, before, though considering it's like a four-pixel-tall light-gray link, I'm not that surprised:

Now that I know that exists, we should totally be using that instead. Paired with the flexible embed component, that could work really nicely.

Also, I'd be curious to see data regarding how often these embeds are actually engaged. Personally speaking, if the code is something I'm really interested in enough to tinker with, I immediately open up the actual Pen/Fiddle/whatever because I find the embedded versions to be too cramped (even on desktop).

I guess I do that sometimes, but most of the time I'm less interested in the code specifically than I am in an illustration or example of a specific, bite-sized concept. If I didn't find embedded pens useful, I wouldn't embed them in my own posts. (That'd be silly!) 😄

from cloudfour.com-patterns.

I'm going to close this because it feels like more of a theme or content issue than a pattern issue, and our use of oembed probably solves some of these issues.

from cloudfour.com-patterns.