LOGIN
Anton Voltchok
33
Community Expert
Software Engineer & Design Lead at Collaborizm
聽路聽New York,聽U.S.
Share
Report
Get Link
STATUS

New Feature - CodePen & Sketchfab support 馃憤

We鈥檝e 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 馃憣

7likes
Like
Award Contribution
Load聽2聽previous comments
Anton Voltchok
33
Community Expert
Software Engineer & Design Lead at Collaborizm
聽路聽New York,聽U.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鈥檛 crash the browser tab if there鈥檚 an infinite loop in the embed or something)

Like
1like
Award Contribution
Harsha Alva
99
Community Expert
Mechanical Engineer + Software Developer
聽路聽Mangaluru,聽India
Share
Report
Get Link

Anton Voltchok It鈥檚 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
0like
Award Contribution
Harsha Alva
99
Community Expert
Mechanical Engineer + Software Developer
聽路聽Mangaluru,聽India
Share
Report
Get Link
Like
0like
Award Contribution
Robert Lancer
54
Community Expert
Chief Technology Officer at Collaborizm (Project Leader)
聽路聽New York,聽U.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鈥檚 embedded?

Like
1like
Award Contribution
Harsha Alva
99
Community Expert
Mechanical Engineer + Software Developer
聽路聽Mangaluru,聽India
Share
Report
Get Link

Robert Lancer Anton Voltchok

I鈥檝e 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
1like
Award Contribution
Areous Ahmadtj
43
Community Expert
student
聽路聽Jos,聽Nigeria
Share
Report
Get Link

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

Like
3likes
Award Contribution
Leave a reply...
DISCOVER
CHAT
HIRE
ACTIVITY
FEED
New Post
Help
Write something before you submit it!
Photo updated
Request Sent!
Updated
Copied to Clipboard