Hype and Codepen 2.0

Tips & Tricks
1

Hey Folks

Codepen just landed their editor 2.0 and it can be used to deploy more complex projects, including your Hype projects!

What a great way to showcase your Hype projects and share them with the rest of the world without using dedicated website hosting.

Already tested here:

https://codepen.io/editor/grzegorz-rogala/pen/019ce60c-a9fa-7f38-b812-e99d34dbad77/8cc5ad13a2000342ab4b4bfc027c7a76

Basic workflow:

  • export your Hype projects as HTML5 folder
  • create a new 2.0 pen
  • drag-and-drop Hype Resource folder into the files area of your pen
  • copy-paste the content of the html file into the html area of your pen

Limitations:

  • only 50 files allowed with basic subscription
  • Codepen rejects Hype’s .htc and .plist files

The pen still works without these files but I’m wondering what is the impact of these files missing from the project.

Thanks

Greg

2 Likes
2

.htc files are used for IE6-9 compatibility, so I don't think there's a practical downside nowadays :slight_smile:.

.plist files are just used for the .hype document restoration feature and are not used in the rendering of the page at all.

The 50 file limit is probably the bigger concern as a lot of projects get past that (especially considering retina and non-retina versions of images might be generated, doubling assets). But if it is a small document then that is not an issue!

1 Like
3

Thanks for the explanation Jonathan.

The limit is lifted with a paid developers account.

1 Like