Laura Brady@LauraB7

Hey #eprdctn. It's time! @CircularKen is going to lead today's conversation so give him a follow to learn more about interactivity in FXL.

Wed, Oct 28 2015 15:01:45

ReplyRetweetFavorite

https://twitter.com/LauraB7/status/659384563538481153

— Laura Brady (@LauraB7)Wed, Oct 28 2015 15:01:45

Laura Brady@LauraB7

@MoAtMost Are they not letting you out of your #eprdctn pen?

Wed, Oct 28 2015 15:06:33

ReplyRetweetFavorite

https://twitter.com/LauraB7/status/659385770566926336

— Laura Brady (@LauraB7)Wed, Oct 28 2015 15:06:33

Ken Jones@CircularKen

Hi. I'm Ken Jones, and I'll be your host for today's #eprdctn hour all about adding web code and widgets to fixed layout EPUBs :)

Wed, Oct 28 2015 15:01:08

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659384410781962240

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:01:08

Ken Jones@CircularKen

I'm founder and director of Circular Software. We make CircularFLO  http://www.circularflo.com  which I may mention briefly later ;) #eprdctn

Wed, Oct 28 2015 15:01:33

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659384514117050369

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:01:33

Ken Jones@CircularKen

Extra interactions or more complex animations can be achieved in fixed layout EPUBs by adding web code and/or widgets to pages #eprdctn

Wed, Oct 28 2015 15:02:13

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659384680580587520

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:02:13

Ken Jones@CircularKen

I'm going to start with what exactly I mean by 'web code' and 'widgets' then go into the detail of the ways it can be added #eprdctn

Wed, Oct 28 2015 15:02:51

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659384839301406721

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:02:51

Ken Jones@CircularKen

I know some of the crowd here is going to want to know the coding side of things but I also have completely code free solutions #eprdctn

Wed, Oct 28 2015 15:03:17

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659384950739894272

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:03:17

Ken Jones@CircularKen

Also, for a bit of fun, I'm going to make a couple of widgets as we go along, place them into an EPUB and publish them online… #eprdctn

Wed, Oct 28 2015 15:03:59

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659385126560907264

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:03:59

Ken Jones@CircularKen

Let's make an #eprdctn WORDSEARCH right now. Please reply back right now the name of your nearest town :) #eprdctn

Wed, Oct 28 2015 15:04:12

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659385179279114240

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:04:12

Monique M@MoAtMost

@CircularKen TORONTO! #eprdctn

Wed, Oct 28 2015 15:04:59

ReplyRetweetFavorite

https://twitter.com/MoAtMost/status/659385377313169408

— Monique M (@MoAtMost)Wed, Oct 28 2015 15:04:59

Laura Brady@LauraB7

@CircularKen Caledon. #eprdctn

Wed, Oct 28 2015 15:05:50

ReplyRetweetFavorite

https://twitter.com/LauraB7/status/659385591486894080

— Laura Brady (@LauraB7)Wed, Oct 28 2015 15:05:50

Ken Jones@CircularKen

Any more, any more, keep em coming… #eprdctn

Wed, Oct 28 2015 15:07:24

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659385983973093376

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:07:24

Joshua Tallent@jtallent

@CircularKen Seattle #eprdctn

Wed, Oct 28 2015 15:10:08

ReplyRetweetFavorite

https://twitter.com/jtallent/status/659386675852800000

— Joshua Tallent (@jtallent)Wed, Oct 28 2015 15:10:08

Tina Henderson@tinahender

@CircularKen New Orleans. #eprdctn

Wed, Oct 28 2015 15:09:52

ReplyRetweetFavorite

https://twitter.com/tinahender/status/659386605686407169

— Tina Henderson (@tinahender)Wed, Oct 28 2015 15:09:52

Kris Vetter@Kris_Vetter

@CircularKen Minneapolis #eprdctn

Wed, Oct 28 2015 15:07:19

ReplyRetweetFavorite

https://twitter.com/Kris_Vetter/status/659385963836125185

— Kris Vetter (@Kris_Vetter)Wed, Oct 28 2015 15:07:19

Ken Jones@CircularKen

OK, that's good enough to start with :) #eprdctn

Wed, Oct 28 2015 15:09:47

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659386584450600964

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:09:47

Ken Jones@CircularKen

As you know EPUB3 is built on the open standards which are the foundations of the modern web. Namely HTML5, CSS3, JS, SVG and XML. #eprdctn

Wed, Oct 28 2015 15:10:05

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659386660015181824

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:10:05

Ken Jones@CircularKen

So it follows that other pieces of web code written using these same languages are already compliant with the EPUB3 standard #eprdctn

Wed, Oct 28 2015 15:10:17

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659386709994553344

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:10:17

Ken Jones@CircularKen

There is a little more to consider however, the EPUB standard requires all the code used must be INSIDE the EPUB package #eprdctn

Wed, Oct 28 2015 15:10:43

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659386822234099714

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:10:43

Ken Jones@CircularKen

So no references allowed to externally held resources. That includes images, web fonts and other code files such as external CSS #eprdctn

Wed, Oct 28 2015 15:10:56

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659386874780340224

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:10:56

Ken Jones@CircularKen

Also for valid EPUB every item needs to declared in the EPUBs OPF manifest, more on that later… #eprdctn

Wed, Oct 28 2015 15:11:41

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659387061913452545

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:11:41

Ken Jones@CircularKen

But for self contained folders of well written web code they are allowed into the EPUB #eprdctn

Wed, Oct 28 2015 15:13:06

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659387418496376832

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:13:06

Ken Jones@CircularKen

Web code can be placed as entire pages or objects on a page containing other objects such as surrounding text and graphics #eprdctn

Wed, Oct 28 2015 15:13:34

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659387536897417216

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:13:34

Ken Jones@CircularKen

For coders - placing web code into the fixed layout page is relatively easy. Position an iframe pointing to the an HTML page #eprdctn

Wed, Oct 28 2015 15:14:32

ReplyRetweetFavorite

https://twitter.com/CircularKen/status/659387781714694144

— Ken Jones (@CircularKen)Wed, Oct 28 2015 15:14:32