LOGIN
Anton Voltchok
33
Community Expert
Software Engineer & Design Lead at Collaborizm
 · New YorkU.S.
Share
Report
Get Link
STATUS

New Feature - CodePen & Sketchfab support 👍

We’ve been hearing a lot of requests for making embeds into Collaborizm posts so recently we just launched an EMBED button with support for CodePen pens (no projects), and Sketchfab. Feel free to make requests in this post for other types of embeds, just make sure they have a share/embed option and have the ability to only be loaded on click like the 2 examples below.

Tap on the pen below to play a game of breakout inside the discussion post as well as look at the code behind the game.

Below is a Sketchfab sketch of our logo voxelized with post-processing effects cranked up, those with older phones / laptops, please let us know if loading or rotating Sketchfab models is an issue for you

Contributions
Anton Voltchok

Added CodePen & Sketchfab support 👌

Robert Lancer

Added CodePen & Sketchfab support 👌

7 likes 
Like
Award Contribution
Load 2 previous comments
Anton Voltchok
33
Community Expert
Software Engineer & Design Lead at Collaborizm
 · New YorkU.S.
Share
Report
Get Link

Harsha Alva
Is JS fiddle any different then codepen? Also does it have click to load embeds? (So a script won’t crash the browser tab if there’s an infinite loop in the embed or something)

Like
1 like 
Award Contribution
Harsha Alva
88
Community Expert
Mechanical Engineer + Software Developer
 · MangaluruIndia
Share
Report
Get Link

Anton Voltchok It’s like CodePen. But it supports many different JS libraries like jQuery, Bootstrap, etc and supports React, Babel + JSX too.
The code runs only when you select the result tab.

Like
0 like 
Award Contribution
Harsha Alva
88
Community Expert
Mechanical Engineer + Software Developer
 · MangaluruIndia
Share
Report
Get Link
Like
0 like 
Award Contribution
Robert Lancer
45
Community Expert
Chief Technology Officer at Collaborizm (Project Leader)
 · New YorkU.S.
Share
Report
Get Link

Looks like as long as we dont start it on the result tab its fine, Harsha Alva can you research the data load for running a Fiddle that’s embedded?

Like
1 like 
Award Contribution
Harsha Alva
88
Community Expert
Mechanical Engineer + Software Developer
 · MangaluruIndia
Share
Report
Get Link

Robert Lancer Anton Voltchok

I’ve found the data loading sequence for jsfiddle without libraries like jQuery, etc.

Load sequence

  1. Main document (HTML)
  2. Google Analytics
  3. Google Analytics
  4. Google Fonts - Inconsolata
  5. Theme CSS (local)
  6. JS script (local)
  7. Highlight CSS (local)
  8. jsfiddle PNG logo (local)
Like
1 like 
Award Contribution
Areous Ahmadtj
42
Community Expert
student
 · JosNigeria
Share
Report
Get Link

Robert Lancer, Steven Reubenstoneand Anton Voltchok. what do you think about implementing the marvel app enabled.

Like
3 likes 
Award Contribution
Leave a reply...
DISCOVER
CHAT
HIRE
ACTIVITY
FEED
New Post
Help
Start Project
Online Users
Share Link