Transcript

00:00 come on
00:10 hey everybody Joe Workman here and I'm
00:12 really excited to introduce you all to
00:14 moving box 3. now moving box has been
00:17 around probably for over 10 years and
00:20 version 3 takes it to completely new
00:23 levels it is modern it has completely
00:26 redesigned easy to use interface that is
00:29 super powerful and flexible to integrate
00:31 into your layouts I have to say this has
00:35 to be the stack of the Year let's check
00:37 it out okay so let's quickly look at
00:39 some of the amazing features that we
00:41 have inside moving box three now this
00:44 first demo you've probably seen it on
00:45 our home page and it kind of is the
00:47 kitchen sink demo it's really awesome
00:49 it's a slider that shows you the amazing
00:52 ability to have slide content animations
00:54 see we're mixing images and text we're
00:57 creating our own layouts within the
00:59 stack
01:00 um this is a really great example of how
01:03 you can really make moving box amazing
01:05 and this implementation is actually
01:07 shipped inside the demo file so you can
01:09 see exactly how it was done now the rest
01:11 of the demos on this page are meant to
01:13 focus not necessarily on the slide
01:15 content but the actual features so here
01:18 we kind of have everyday sliders where
01:20 we have horizontal sliders and vertical
01:22 sliders with a cool bounce effect now
01:24 one thing I want you to be aware of is
01:26 as you're looking through all these
01:27 demos is the different customizabilities
01:30 for arrows and nav dots and different
01:32 animations that we have because there's
01:34 a lot a bit pretty much an infinite
01:36 amount of combinations for all of those
01:38 things so the arrow positions the
01:40 aeronav dots the slide counters
01:44 next we have carousels we can actually
01:46 see multiple slides at a time you can
01:48 move one at a time multiple at a time
01:50 you can have vertical carousels as well
01:54 we have the ability to have variable
01:56 with content and height content so um
01:59 yours no matter what your size of your
02:00 content is moving box will actually obey
02:03 that and not make all the slides the
02:04 same height
02:05 same thing for width next in Center mode
02:08 is not only can we display multiple
02:10 slides at a time but we can have a
02:12 particular slide kind of front and
02:15 attention we can style it completely
02:17 differently so here we have an example
02:19 where they're kind of spaced out and
02:21 this below example with this pretty
02:23 interesting animation
02:24 um shows how we can have overlapped
02:26 um Center modes next is slide timers we
02:29 have two different options for that we
02:31 have the bar as well as the ring
02:33 animations and then the slide progress
02:36 bar shows us the actual progress that we
02:38 have throughout the entire timeline of
02:40 our slider
02:45 next is vertical syncing and it's
02:48 probably one of the most requested
02:49 features is to actually vertically sync
02:51 multiple sliders more than two
02:54 um at a time now in this example we are
02:56 syncing just two but as you see here we
02:59 have two instances of moving box and
03:02 they are kept in sync
03:05 next up is external controls because we
03:07 will don't always want to use the arrows
03:10 or nav dots maybe we want to control it
03:12 from a button on the page or a link
03:14 where we want to link directly to a
03:16 slide these controls make it super easy
03:18 to do that from any button or text link
03:21 and last but not least is throughout
03:24 this demo we used a lot of stack-based
03:26 slides where we actually had Stacks
03:28 content within our slides
03:30 but moving box also comes with image and
03:32 video slides as well
03:34 and as you see here those actually come
03:36 with really nice animated captions that
03:40 have different supported layouts and
03:42 animations for these captions which
03:44 really can make it super easy to make a
03:47 simple image based slider
03:50 what's really cool is on video slides
03:52 when this slide becomes active the video
03:55 will auto play which is really amazing
03:59 okay let's jump into rapid and just get
04:00 a glimpse of what it's like to use
04:02 moving box inside of your projects
04:06 so here we have a moving box instance
04:08 now we can actually collapse the slides
04:10 to actually reduce the amount of space
04:12 used by moving box inside edit mode
04:14 which is a nice little feature
04:15 now moving box uses a child mini to add
04:18 all kinds of functionality to moving box
04:20 where we can add a new slide a new image
04:22 slide video slide if you want to add
04:24 animations to our slides we can do that
04:26 with the animate stack
04:28 um we have slide styles to control all
04:30 our Styles throughout
04:32 um Swatch colors where we can integrate
04:34 with Foundation six if you're using that
04:36 so you can integrate all the colors that
04:38 you've already defined inside site
04:40 Styles directly inside moving box
04:42 then we get our dots our arrows counters
04:46 progress bars timers and then last but
04:49 not least we have the multiple ability
04:51 to actually dynamically generate slides
04:54 through feeds and different ways of
04:57 using total CMS there's three different
04:59 ways of creating and generating slides
05:01 from Total CMS dynamically using moving
05:04 box so super powerful so I know I really
05:08 zoomed through all these features
05:09 there's so many amazing features in
05:11 moving box I could talk for hours and
05:13 we've already done a live stream that
05:15 reviewed a lot of this stuff but make
05:17 sure that you check out a lot of our
05:18 shorter form of tutorials that we're
05:21 going to do that Target each individual
05:23 feature and integrated with moving box
05:25 how to use the timers how to use
05:27 progress bars how to use the image and
05:29 video slides and captions all those Wild
05:31 videos make sure you check those out we
05:34 just want to give you a quick overview
05:35 of moving box as you see it's super
05:37 powerful it's going to be the only
05:39 slider you're probably going to need
05:41 forever and uh yeah I'm really excited
05:44 about it it's definitely I think the
05:46 stack of the year and you gotta check it
05:48 out now go forth and make your websites
05:49 great bye