Transcript

00:00 hey it's Isaiah from your head software
00:02 it's Saturday August 25th and I was
00:05 drinking my coffee reading the forum
00:07 this morning and I came across this post
00:10 um it's on a thread about rapidweaver
00:14 eight and stacks and how preview updates
00:19 after you've made some changes and yeah
00:23 I posted about this and Greg Schneck had
00:29 this really detailed very insightful
00:31 post where he talks about exactly what
00:34 he was seeing and some of his
00:37 conclusions aren't spot-on it's really
00:41 difficult to understand what's going on
00:43 there in the background but he was right
00:48 on several points which is one we did
00:50 make changes between rapidweaver seven
00:53 repartee for eight and two I don't know
00:58 that we made the right changes so I'm
01:01 going to yeah do a bug fix but I wanted
01:06 to talk about where we were what we did
01:10 and what we're going to do in the future
01:13 hopefully yeah that's just the next
01:16 couple days it's a small change these
01:17 are all very small changes but um they
01:20 change the behavior slightly so
01:22 especially users who have been using
01:25 stacks for years or using rapidweaver
01:27 for years they they notice this change a
01:32 little bit anyway yeah before I talk
01:38 about what we changed in rapidweaver
01:40 eight let's go back and take a quick
01:43 look at rapidweaver seven and how it
01:45 works so I have the current version of
01:48 stacks installed in wrap between four
01:50 seven that's a three point six point two
01:53 right now and we're gonna make a new
01:57 project and put a Stax page in it okay
02:02 and the first thing we're gonna do is
02:04 just drop a text stack in so
02:08 I want to talk just briefly about
02:10 selection Instax it's a little
02:14 interesting and it's a little bit
02:15 different than some other some other
02:18 tools so there's sort of two selection
02:23 mechanisms there's the selection of the
02:25 stack itself so you can drag things
02:27 around but also there's the selection of
02:30 the content inside and you'll notice I
02:33 can select this tax this stack and I
02:37 don't have this text area inside
02:40 selected and so my edit button isn't
02:43 active but if I select that text area
02:46 inside there the edit button gets active
02:49 so there's there's sort of two two
02:52 selection mechanisms in inside of stacks
02:54 we try to keep them yeah we we make them
03:00 close to one in the same and that's on
03:03 purpose just to help new users not feel
03:06 like there's too many things going on so
03:10 when we select a stack and we edit it it
03:14 changes a little bit the that interior
03:17 content selection gets a bit darker and
03:22 we see the text in here the lorem ipsum
03:26 text and it spell checks it for us
03:28 conveniently and the toolbar down here
03:33 changes it gets active so that we can
03:35 you know make things bold or whatever we
03:37 want to do and also when we do this the
03:40 done button becomes active so that the
03:43 button that used to be called edit
03:45 becomes done now if we make a change
03:49 here let's say hello world and we don't
03:56 click the done then really that hello
03:58 world isn't part of our document yet
04:00 it's just kind of hanging out in limbo
04:02 in edit mode until we click somewhere
04:06 else and you know commit that change to
04:08 the document but if we preview an
04:12 interesting thing happens so hello world
04:19 becomes part of the document
04:21 so we we moved from it being in that
04:24 limbo state to it actually being part of
04:27 the document and if we jump back into
04:28 edit mode we can see that we no longer
04:33 have the done button we're back to edit
04:36 again and we're back to just a plain
04:38 selection we're not editing that text we
04:40 don't have the toolbar active down here
04:43 the text isn't isn't being edited
04:47 anymore
04:47 and fundamentally what happened here is
04:50 Stax has a lot of shortcuts built into
04:53 it that you try to we try to make
04:56 completely seamless and unnoticed and
04:59 that's for new users so that they can
05:02 use the tool and not have to worry about
05:04 all these these complexities and so one
05:08 of the this sort of shortcuts we build
05:10 in is if you're still in edit mode when
05:13 you click preview then the done button
05:16 gets clicked for you so for in edit mode
05:21 and we were to click preview this done
05:27 button gets clicked for you because we
05:29 know if you're going to preview that
05:31 thing then you're probably not editing
05:34 in it anymore and you can't really do
05:37 both at the same time there's no way to
05:42 edit content and be in preview at the
05:46 same time in rapidweaver rapid river
05:48 just doesn't allow that so if we hit
05:51 preview again back to edit no more done
05:55 button
05:56 it got clicked for us and we can see it
05:59 more dramatically actually there's an
06:02 interesting way if we bring up preview
06:05 page in Safari
06:08 there's our hello world so now we can
06:11 actually watch the preview happen while
06:14 we're doing things but check this out
06:17 this is kind of interesting we can type
06:19 this in
06:24 but nothing really happens this this is
06:28 interesting isn't isn't happening in
06:32 preview over here and even if we click
06:35 done hey it still didn't update the live
06:41 update in in the browser in Safari only
06:46 works when that window comes to the
06:48 front so if we bring it to the front
06:52 sure enough it doesn't update for us and
06:55 incorporates the new content so let me
07:01 do one more experiment watch this if we
07:03 put in some text and we change it to
07:06 hello world world now what happens if I
07:11 click over here because we're editing
07:13 the text can we edit the text and see
07:15 the preview at the same time the answer
07:17 is no the done button gets clicked for
07:21 us as soon as we try to preview that
07:24 content so always that shortcut is is
07:29 working for us trying to click that done
07:32 button whenever is the right time to
07:35 click it and that's whenever we need a
07:37 preview done okay so that's uh that's
07:43 how it works in rapidweaver 7 now let's
07:47 go look at rapidweaver 8 because there's
07:49 been a paradigm shift like not just in
07:52 stacks but rapidweaver overall has done
07:54 something kind of new and well my
07:57 opinion pretty pretty darn awesome and
08:01 yeah we we have to adjust in stacks and
08:04 you know everywhere with that we're
08:07 working in rapidweaver to utilize that
08:09 new power so um just one thing to keep
08:13 in mind the done button was always
08:15 clicked for us and you could never see
08:19 your preview while you were in while you
08:22 were editing okay now let's look at
08:25 wrapped we were so close that
08:28 clothes that I think I can just minimize
08:31 that so see rapidweaver eight you have
08:37 stacks installed here it's the it's the
08:40 released version of stacks so I'm going
08:43 to open up rapidweaver eight will do
08:45 kind of the same exact thing I'm gonna
08:49 add a stacks page but I am gonna do
08:53 something a tiny bit different here
08:56 instead of opening up a preview I'm
08:59 going to open up this new feature that
09:00 we have called simulate oh and we have
09:05 one of the brand new themes I'm gonna
09:08 change back to the ancient theme just so
09:11 that we're you know comparing apples to
09:14 apples I always try really hard to
09:16 compare one thing with the exact same
09:18 thing so we'll put some text in here
09:23 and notice what just happened
09:27 I dropped the text in to the stacks page
09:30 and immediately even in the background
09:35 our preview our simulate window updated
09:40 and even if we changed things like
09:42 properties like if we add a border
09:45 around this guy that instantly shows up
09:50 so now here's the conundrum if we were
09:57 to leave the behavior exactly as it was
09:59 in rapidweaver seven every time the
10:04 preview rendered the done button would
10:09 get clicked for us so if we were say
10:13 editing some text at it of the world
10:20 well you could see the preview just a
10:24 sneaky render there it knows the
10:26 document just changed but we changed the
10:32 behavior the done button no longer gets
10:35 clicked for us why because it would stop
10:38 us editing our text right while we were
10:41 editing it
10:42 you know every letter would actually
10:45 sneakily click the done button for us it
10:49 would be really annoying and believe me
10:51 when the first version of rapidweaver
10:54 beta started testing in super secret
10:58 private mode months ago that is exactly
11:02 what happened and it was well it didn't
11:05 work very well so we we did make a
11:07 change and we just decided that that
11:13 that added convenience of the done
11:16 button getting clicked for you well we
11:20 we no longer needed that because we
11:22 wanted to keep editing the text and
11:24 still see the previous so that's what we
11:27 do if we click the done button now
11:29 sure enough the hello world goes there
11:34 but it created a sort of confusing
11:39 situation I think working as it is with
11:43 the simulate window it's really nice now
11:47 actually to be able to edit your text
11:50 here and make changes and you don't have
11:59 to worry about those changes actually
12:02 showing up in your simulate window until
12:05 you click the done button and then
12:07 everything goes over sort of a modal
12:11 content and that's how I've worked
12:16 personally during the entire testing of
12:19 rapidweaver 8 and I've become really
12:21 accustomed to it but people who are just
12:25 jumping over from rapidweaver 7 they
12:29 didn't know about all of this new
12:33 preview things wow they're being changed
12:36 this new paradigm shift that has
12:38 happened in rapidweaver they are just
12:43 confronted with these changes cold and
12:47 they don't know what's going on and
12:48 especially if you do things like you
12:51 used to
12:51 let's hide this for a second
12:54 if we start from scratch here drop in a
13:00 text block change it to hello world and
13:06 we jump over to preview this change just
13:10 like we've always done in rapidweaver
13:12 and stacks for the past ten years Oh
13:17 where's where's our content well the
13:21 done button didn't get clicked for us
13:23 that's the change that we made but now
13:27 it's really confusing because that has
13:31 always worked in the past so we're still
13:35 in edit mode if we jump back here see
13:37 the done button still active waiting for
13:39 us to click it but there was no reason
13:42 not to click the done button in this
13:44 case it would have made a lot of sense
13:46 actually to click the done button so um
13:53 if you look back at our simulate window
13:58 you can see we still have the lorem
14:00 ipsum content so it kind of makes sense
14:02 that that's what we'll see in the
14:04 preview and as soon as we click the done
14:08 button or simulate window updates and so
14:14 should our preview window of course and
14:17 that makes sense as long as you know
14:19 that that's what's happening in the
14:21 simulate window but if you don't know
14:22 that then I think it's probably a little
14:25 bit confusing and that's why I decided
14:27 to make some more changes basically I
14:30 think we're going to probably tweak this
14:35 a few different ways until we find the
14:38 the right behavior here that works with
14:42 the new paradigm and rapidweaver
14:46 and the multiple different ways that you
14:49 can preview because now you can simulate
14:51 and you can simulate in multiple windows
14:54 of course - you can still preview in
14:58 Safari that still works exactly like it
15:01 used to and you can preview in the
15:05 preview mode so now there's three differ
15:07 ways to preview and we have to adjust
15:11 how Stax works with these new different
15:13 modes and so I am gonna make a little
15:16 bit of a change here most notably that I
15:21 am going to update the simulate window
15:25 as you type but I'm not going to click
15:28 the done button and I will show you what
15:31 I mean
15:32 but we have to install a new version of
15:34 Stax so I'm gonna quit here
15:37 don't save and I'm gonna open up my
15:41 rapidweaver 8 add-ons and I'm gonna
15:45 trash the current version of Stax and
15:50 I'm gonna get out this new little alpha
15:51 version I have and so I've only just
15:53 made this one tiny change and I'll
15:57 install it here and will relaunch favor
16:03 so I've made this one little change and
16:05 the idea is to update the text as you
16:09 type it but not to click the done button
16:12 will just allow you to undo those
16:14 changes if you need to usually you
16:16 choose one or the other things are
16:18 either modal or they're undoable and we
16:21 just need to make sure that they're
16:23 undoable and that's fine for editing
16:25 text so no big deal okay so let's oh we
16:32 want to open up the simulate window and
16:35 we probably need to change the theme
16:37 again comparing apples to apples alright
16:43 this seems really simple easy - you
16:46 don't have to worry about JavaScript or
16:48 other junk getting in the way it's kind
16:51 of old-school
16:52 ok so we're gonna click Edit here and we
16:58 will type hello world and let's watch
17:00 what happens so as I type it when a
17:07 pause happens rapidweaver tries to
17:10 notice that change and update the
17:15 preview and
17:17 the same thing will happen if we go over
17:18 to the preview window we will see the
17:21 changes that we expect but we didn't
17:25 click the done button so now the
17:29 behavior is a little bit different we're
17:31 still kind of hanging out in edit mode
17:33 here and there are other things that
17:36 will automatically click the done button
17:37 for us if we change to a new page that
17:42 will click the done button of course if
17:43 you click off of that stack that will
17:46 click the done button for you but
17:50 jumping into preview or simply editing
17:55 the text we just wait for that pause and
18:08 then we update things rapidweaver does
18:14 look for a little pause there so if
18:17 you're if you're really uh if you're
18:19 really quick about it
18:20 I think let's see let's see if I can do
18:23 this my I might not be fast enough if I
18:27 edit this and click the preview button
18:30 ah it'd be me well there there are ways
18:34 if you have enough content in here maybe
18:37 some images that need to render you can
18:41 actually beat the preview mode and I'm
18:45 gonna talk to the rapidweaver about that
18:46 I think they're kind of adjusting how
18:48 that timer that's looking for your
18:52 pauses and typing how that is adjusted
18:56 how how quickly that renders the content
19:03 and what preview is going to display but
19:06 I would encourage you to open up your
19:10 simulate window because hey you get to
19:12 see it on at the scale of a real device
19:15 which is kind of fun you can flip the
19:17 device over and see you know the device
19:19 sideways too so you know that's really
19:25 cool and the bonus is that it
19:29 it's live the caveat here is if you have
19:33 a really slow page I know some people
19:36 have pages that have you know hundreds
19:38 of foundation stacks on them and in that
19:41 case you're looking at yeah the time it
19:45 takes to generate the content can be you
19:48 know five to ten seconds even and we're
19:52 looking at ways to improve the caching
19:54 of that that will come in stacks for of
19:57 course those are those are major changes
20:00 big you know giant overhauls to the
20:03 entire rendering pipeline but you know
20:07 those guys can disable the live update
20:12 and you can do that let me show you
20:14 where that is let's see in rapidweaver
20:18 preferences I always just use command
20:21 coma you open up the Preferences and I
20:23 think there's render PHP use generic oh
20:31 man of course I can't find this enable
20:35 external preview auto reload well this
20:37 is the auto reload if you're doing it to
20:41 a browser yeah I guess to turn off auto
20:46 reload for for simulate you just close
20:51 the simulation window that that works to
20:55 okay so if you want to turn off auto
20:57 reload in a browser you can disable it
21:00 there and if you want to disable auto
21:04 reload for your simulate window just
21:07 close the simulate window one more cool
21:10 thing totally off topic I'm completely
21:13 on a tangent here but it's really cool
21:15 if you if you open up you can save a
21:19 specific layout so look I saved a layout
21:22 and called it Wow
21:23 because if I open up a Wow oh it opened
21:27 up on my other display but you can even
21:30 save particular sets of Windows that you
21:36 like to preview your content in so you
21:39 could save for example
21:42 yeah a mobile or maybe just Android or
21:46 maybe just desktop and you could save
21:50 those sets and switch between them just
21:51 by choosing a new window layout here so
21:56 yeah check that out
21:58 use these simulate windows they're
22:00 completely awesome and that is all I'll
22:04 talk to you later and look for that
22:06 update two stacks it should be three
22:08 point six point three I'm gonna guess
22:11 the beta is like tomorrow maybe Monday
22:15 and we'll do three point six point three
22:19 release probably at the end of the week
22:21 unless there's some other bugs that I
22:23 catch that I want to sneak in there we
22:25 try to you know group them all up so
22:28 you're not getting updates like every
22:29 single day anyway
22:32 yeah look out for that update next week
22:34 you can grab the beta if you want to
22:37 participate than that on the slack
22:38 channel and I will talk to you later"}]