Transcript

00:07 hey everybody okay how's everyone doing
00:15 today okay 15 now there we go 20 okay cool in the chat how's everything
00:23 sounding and looking I know this is beautiful you know but early
00:30 [Music]
00:34 I'm on time on time I just I did have some light trouble I was lights this second week in a row didn't want to this
00:42 light over here didn't want to turn on I had to whatever Tim Dr
00:49 Bob excellent thanks guys for coming on today I have audio and video oops what's going on here all
00:58 right um let me go through let me just bring up some my notes here man a lot of
01:06 uh a lot of Updates this past few weeks some good stuff actually I'm I'm really really proud of some of the uh the updates I think they are working out
01:15 really really good Mr Danny Grizzle man long time no see buddy hope you're doing
01:24 well haven't seen you on the Hangouts for a long time Sav me a ton of money stop making me want to buy toys Danny always has the coolest audio and
01:33 video stuff man always always making me want to buy stuff Mr Grizzle okay um so
01:43 back to it um yeah lots of really cool updates uh a lot of these updates were spurred by all of your ideas so um you
01:53 know people ask for you know ideas and helps of how to do stuff and accomplish things and I go H you can use feeds for that but then you can do this and that
02:06 um yeah let's uh let's dive in we I did first off I'll say um something I'm not
02:14 going to show off not really anything to show um I shipped like 20 something
02:20 updates um to remove Jr as a dependency on various Stacks okay U if you're
02:27 curious what that is um Essen jQuery is a library that was
02:35 the the whole reason it started back in the day was um browsers tended to implement things differently um for
02:43 JavaScript right and what happened was the the guy who developed jaky don't know his name but
02:53 he was like Hey I want to create a standard interface between all browsers and so jQuery was amazing because it means you could write um code
03:02 and that code worked as you would expect on every browser and that was amazing right uh cuz back in the day you'd have to do
03:09 this for for you know Safari and then do something different for Internet Explorer and something different for Google Chrome and um yeah it wasn't
03:18 necessarily standardized however over the past 10
03:24 years 8 10 years um browsers have really gotten good at that okay there's been um standard organizations have you know
03:33 developed great standards um so that all these browsers have the same apis or
03:40 similar um the same feature sets even though some imple you know ship things a little bit sooner than others but there's basically a standard feature set
03:49 developed for the web and then the major the major browser vendors then Implement those standards right um so yeah jQuery
03:58 is less needed nowadays but it's it's just gotten extremely popular it was so popular for so many years that it just
04:07 kind of still around and it syntax does make things interesting or maybe in some
04:15 ways simpler right it does do some simpler things for us but it's a dependency and um as a developer I want
04:24 to try to have as as few dependencies as possible because that I don't want to be dependent on jQuery because what happens
04:32 if jQuery goes from version three to version 4 and which they're working on now and it's like well what's going to
04:39 break right if if I just wrote everything in vanilla JavaScript okay um then I don't have I don't have any
04:48 dependency it does work in any browser without anything okay now um with that said I do have some Stacks that are will
04:57 probably never not depend on jQuery some of them are quite large and actually Foundation itself actually requires
05:05 jQuery now one day either Foundation 7 or Foundation 8 will move off of that okay but I mean
05:14 um it is a very large obviously codebase for foundation um so as of right now if you're using Foundation um your site is
05:22 going to have it's going to load jQuery anyway okay but it was just a nicity sue you know get some loow hanging fruit out
05:31 there and I shipped again about 20 updates to some Stacks where I wasn't too much efforts to go ahead and remove
05:39 jQuery uh rewrite the JavaScript that was there and vanilla JavaScript um so that we didn't have that dependency
05:46 anymore so at least for those Stacks so okay um so that gets rid of that let's see if
05:54 there's any questions for that uh
06:09 jQuery had become no it's jQuery is not a security issue um so you you do bring up a point if uh
06:17 Google Now if you run Google page speed okay um it will if your site is running
06:24 jQuery 2 it will flag a security uh warning
06:32 okay now I don't I I think they're I think they're overblowing that
06:40 security warning to be honest with you okay but with that said um if you're running J uh Foundation 6
06:48 runs jQuery 3 it runs actually the latest version I think it's 3.7.1 I think um and so that doesn't
06:56 have that security warning if you're using other Frameworks or themes some of them might be running you know trying to load jQuery 2 Foundation 6 will not
07:05 allow that unless you explicitly do that there's a jQuery Legacy uh you know thing some of you might have loaded it to support some
07:13 older stack that doesn't work with jQuery 3 okay um but jQuery 3 doesn't have that warning jQuery itself is not
07:22 necessarily a security warant uh you know issue at all um it's just for from my perspective it's just purely having
07:30 or reducing the number of dependencies that that we have to rely on okay so jQuery itself at least the latest version has zero security warnings um
07:39 jQuery 2 Google pp will give you a jQuery warning for security but it it's I I think it's more of an informational
07:48 slash very minor thing it's nothing I would lose any sleep over okay in fact I think J uh my website
07:58 Weaver space still uses query too okay so there's
08:07 that oh I see anything that is on the worldwide web is a security issue got it I see what you I see what you're saying
08:14 Mr Cole okay now that I read Danny's comment all makes sense
08:23 now um Tim says stop getting some errors are updating elevator not sure what that is
08:34 um Tim not sure about your your requests about uh total CMS blog uh feel free I'm not going to be talking about that today
08:42 uh just go ahead and post on the community if you have any questions for requirements um the only requirements for total CS are PHP
08:49 7.4 okay which hopefully you're actually running PHP 8 I recommend 8.2 if you can
08:56 um yeah there you go okay um let's go through some am I oh
09:08 I'm not sharing my screen yet all right let's go ahead and uh go through some of these updates okay um just to remind
09:16 myself we're going to go through some of these and yeah we'll start off with elevator actually okay uh I think that was yeah we'll start off with elevator
09:25 okay um let me go ahead and just open up elevator to uh I don't think I've ever actually
09:33 shown that off on a live stream yet so um you know elevator uh has been a
09:38 longtime free stack okay and oh I oh trackpad stopped working for a second oh
09:45 let me get my little uh cursor D doohickey working there we go okay um for the longest time elevator was a free
09:52 stack um and yeah it was free it it did use jQuery which kind of sparked my update
10:08 completely redid it um the old version just did some really old stuff that wasn't really used on the tech in on the
10:16 web anymore like image Sprites and stuff like that and um so yeah I thought we could do a lot better um so elevator is
10:24 elevator 2 is now a paid stack um it is not free um um and it's relatively inexpensive 10 bucks on my website so go
10:33 ahead and check it out and what it does is it's pretty simple you just go as you scroll down you'll notice that down here um it just adds a little button to
10:41 scroll back to the top of the page okay it's pretty much it uh you you can set the distance uh how far it is until it's
10:48 unveiled and we click on it voila now there is also um I released an update that has a Swatch that allows you to add
10:57 um the scroll to top functionality to any button you want such as here I have a button here and when I click on that
11:04 it takes me to the top okay so uh yeah and as you see there we go so let's let's just dive into the stack a little
11:11 bit super simple you can add this stack anywhere you want on the page okay we'll go over the elevator stack first and then we'll look at the Swatch okay so
11:20 the stack allows you to um you know have the size you can have a title which is for accessibility purposes okay obviously the size the
11:28 background the Border size and radius and all that jazz um I have a bunch of pretty interesting um you know default icons uh but you can also CH choose and
11:38 provide your own icon now uh by default here I have some text as you see you can actually add text to it uh but you can
11:45 also just paste in an SVG right here right let's see I probably have svgs in my clipboard I have no clue what this
11:52 particular SVG is uh but it's a flag there you go so now if I wanted that I can go ahead and um scroll down and
11:59 there we go right so yep uh you can have your own custom svgs again just paste that SVG
12:06 code directly into the custom content um and you can Define the the icon width and size and all that jazz and then here
12:13 your scroll speed and the reveal at what those are is uh the scroll speed is obviously the speed at which the
12:21 animation happens okay and the reveal at is how many pixels down you want to scroll until it's actually shown so uh
12:29 the default is kind of small it's 200 but let's say you wanted it to be like a th okay and here let's move this to be actually a cool one that I kind of liked
12:38 is this Chevron Arrow doohickey I thought it was kind of a interesting icon there right so pretty cool one so I
12:46 Chang that reveal to a th so it actually won't show until I scroll a th000 pixels down so quite quite a bit down the page
12:53 then it finally shows right um so there we go uh and then you can add your own custom
13:10 you want to do something that you know I don't have settings here for um you can go ahead and just add in your own classes and use a
13:20 Swatch next is the elevator Swatch itself okay and there as you'll notice there's not much to this one there there
13:28 are no sty FES because essentially what this Swatch does is it adds the elevator functionality to any existing button
13:36 okay actually it doesn't really need to be a button either it could be an image or whatever but um so here you just provide the class that you want to add
13:44 to your button so let's scroll down so here I have this button okay um this is
13:50 a button from the starter pack uh which funny enough it actually doesn't have a class setting it's because the way this stack was built if you want to add a
13:58 class you actually have to add it to the link most Stacks have a class field here okay so if you're using a foundation 6 button there's going to be a class field
14:07 here and then you can go ahead and add that okay just the decisions I made when I built this particular stack um yeah if
14:15 you want to add a class you'd add it to this part this link here um so yeah that's all you have to
14:23 do for your button or image or whatever is just add the class okay and um um so once you add that class and it's set
14:31 here uh you can then set your scroll and reveal at okay um and yeah there you go
14:38 that's it um so now positioning wise um you'll notice that it doesn't do any positioning of these buttons because I
14:47 wanted to give you the flexibility to Define where the buttons are right so if you wanted this particular button to be fixed to the browser you could just use
14:55 like a position Swatch or or Target or something like that to put it exactly where you want right all this does is
15:03 add the elevator uh you know functionality the scroll to top functionality that whatever you want okay so that's why you know maybe like
15:12 on this page let's say you had a section here you wanted the actual button to be in the website content like this button is there you go it doesn't need to be
15:20 fixed to the side similarly I have one down here okay so that's that's elevator um I think I've talked way more than I
15:28 needed to about elevator and it's pretty simple stack um but it's good it's easy to use um gotten a lot of great feedback on
15:41 it okay Tim uh Tim you saying you get a JavaScript error as you see in preview um it's not I'm not getting any preview errors um so yeah if you want to look at
15:50 does it work for you in the demo project I don't know but yep uh create a post on the community and we're happy to help
15:55 you out okay um sweet let's see next up is a small one okay is I had never
16:05 noticed this but this has been uh around for years actually and it's with my HTML 5 video this is just a small little bug
16:14 fix um I oh it was a new feature ad uh it wasn't a it was changing the default Behavior but essentially I added this
16:22 Auto rewind option to HTML 5 video and um it's also in video Pro
16:29 and what this does is when uh by default when a video ends um it actually automatically like
16:38 went back to the first frame of the video and this allows you to turn that off so that it stays on the last frame of the video when the video is over okay
16:47 um pretty minor thing but yeah I'm surprised no one's come up with that which actually makes me think like if you ever are using a product and you're
16:55 like hey why does this do that I I wish it did it this other way please post on the community um and I can't promise
17:04 I'll add it quickly or if I ever will but um if you don't ask you definitely don't get so um because a user requested
17:12 this feature was was wondering why in the world the stack didn't behave how we expected we got a new check box and uh
17:19 there we go okay uh so that was all for HTML 5 video uh and while while we're on it let's look at its uh Big Brother
17:28 video Pro okay and this one got a pretty nice
17:35 update I think it was yesterday right I don't remember uh oh well seven days ago and then I I think I released another update
17:44 yesterday okay um so in here uh in video Pro now uh we have a new external
17:51 controls there's actually a new stack okay let's go to video Pro right you know when when you
17:59 when you search video Pro um oh apparently axen has a video Pro too okay um so there's the video Pro stack as
18:07 well as now there is a video Pro button okay um yeah uh if you notice it's similarly styled but it's a play button
18:15 okay and uh this video Pro button stack allows us to do two things uh it allows
18:22 us to either create a play pause button or a mute unmute button
18:29 okay so um in this example here the video player actually here let me let's go into this Oh I thought I oh here I'm
18:36 going to check always hide controls okay so in the video player I can actually completely hide all of the controls for
18:43 the video and um now there there is no controls and I can only control the video with these new with these buttons
18:52 now okay so the play pause button as well as there is a mute unmute button
18:59 okay not sure if you can hear the audio coming through but uh and what's cool with that is actually if we go ahead and do um
19:06 autoplay uh now you probably know if you set autoplay inside video Pro um the video will get muted
19:16 automatically okay so um actually this triggered the request from a user is hey I have autoplay how can I allow my users
19:24 to unmute it easily and so yeah I thought these control now is it allows you to unmute the video while it's autop
19:33 playing okay so pretty cool there um I like the functionality uh again uh the button stack has a bunch of style
19:40 settings okay so you can either set it to be play or mute uh and there's a bunch of there's some accessibility labels depending on if you have a mute
19:48 or play um and I have some icon options so whether or not you want the icon to be let's say solid uh right you'll see
19:57 that now in edit mode I've noticed some svgs have these little boxes it doesn't happen in the browser it seems to be an edit mode web kit bug okay it's only in
20:05 edit mode um and this happens in some of my other Stacks that use svgs um so some for some reason webkit inside edit mode
20:13 not sure it's not rening R svgs perfectly um but I've never seen it ever happen inside of an actual browser okay
20:22 even preview so um yeah there we go you can either do solid or Hollow buttons okay
20:29 or icons um the shared buttons this is actually an interesting idea so um if
20:37 you notice inside of normally when you have two buttons on the page you want those buttons to be styled similarly
20:44 right and so I was trying to think of an idea of a of an interesting Paradigm where uh if you have multiple sty multiple stacks on the page how can we
20:53 share the Styles between them right and so uh what I did was I added this thing called a shared button Styles checkbox
21:09 click on that it'll inherit the Styles set from another stack on the page right so if I go ahead and set this background
21:15 to be like uh a blue okay which oh no what the
21:22 heck I wonder if that's only in oh oh it looks like there's an edit mode issue my bad uh it will inherit as you see here in
21:31 preview um it it inherits the colors okay um H I'll have to look at that um so yeah it'll it'll share and
21:40 inherit these styles from the other stack on the page okay you can also add your own custom class and then you can
21:47 use swatches all you want and you can style this however you like okay um these this class is also uh how you you
21:56 pair them to the video Pro play okay so if we look inside video Pro stack now uh if we scroll down you'll see that there's a new settings group
22:05 called external controls this is where you set the class uh for the play button and the class for the mute button okay
22:12 and then you would also make you would make sure that those classes are set in the play and mute buttons um and the reason I I did it
22:21 this way is because um it allows you to have multiple players on the page and um have controls either control multiple
22:29 players or um have the ability to have unique buttons tied to each individual player
22:36 okay um now if you if you're generating this with something like total CMS or feeds or um something like that um you could basically use macros inside of
22:45 these class settings to make sure that all that's tied together and that they're unique for each individual instance
22:56 right um so that's pretty cool um next up is you can actually uh
23:03 now I don't have a demo of this but if you were to put in a let's just use a foundation 6 button for
23:11 now okay um and let's just call this play okay and I'm going to do uh the
23:20 class was VP dplay okay um so you can actually add that class to any button that you want and it should work right
23:29 so now that that I've turned this Foundation 6 button into a play button a play pause button okay now you're not
23:37 going to get some of the functionality uh of the video Pro button because this allows It'll like swap the icons out and you know it does some other things um
23:45 but I liked the flexibility um that to to have that so that you could just basically uh create
23:53 and use your own button um to be whatever you want now if you want to get super super fancy I won't dive too much in the
23:59 details but um based on the state it will actually add a play and a pause class so if you actually wanted to
24:07 customize your own button um you can customize it using the play and pause classes that video Pro will add to the
24:14 button um yeah based on its state so that way you can actually kind of style things on your own uh based on play and pause and then mute and unmute if you
24:23 were to use this for a mute and unmute button okay so a lot of power us or flexibility
24:31 there um the next feature was actually a pretty cool one as well um let's talk about a use case so a user had like
24:39 these 7h hour videos I believe it was of um of uh races like running races and uh
24:47 they're very long lengthy uh races and he wanted to be able to um have reference one video but then essentially
24:56 uh if I remember correctly um let's say he wanted to uh find a particular user when they cross the finish line and he
25:03 said you know he wants to relate that user to that particular time slot within that video right um and to do that he
25:12 need to be able to specify exact the exact start and end times within a video to to start and stop and so in video Pro
25:21 we now have that ability to supply start and stop times um and you can if you set these to
25:29 zero it essentially disables that so if you set obviously if you set start to zero it's just going to start from the beginning if you set um stop to zero
25:38 it'll play all the way to the end of the video okay but in this example I I'm going to start at 2 seconds and stop at
25:44 5 seconds and let's go ahead and do that and as you see there it started 2 seconds in like mid animation and then
25:52 it stopped after 5 Seconds right um and actually it's it kind of doesn't even allow you to continue to play on
26:07 past 5 seconds and it stops okay so um yeah start and stop times um
26:14 probably I mean I think it's a unique use case but hey we're in video Pro so um yeah it's got some Pro features there uh start and
26:23 stop times I think it's pretty interesting um another feature I added was the ability to pause other players and ignore pause requests so if you have
26:31 multiple players on the page and you play one video it'll autop pause another player okay so that's a nice feature to have and then if there
26:39 are some videos maybe you have some background videos that autoplay you can actually ignore those um player requests to pause so that's what this other
26:48 setting is okay I think that was I think that
26:55 was it for video Pro um um big ones were the the the buttons and the start and stop times were pretty cool um I like
27:04 that all right let's get into some some of the big boy ones actually let's uh before we dive into feeds another uh super simple one okay uh let's just open
27:13 up my starter pack demo so for many years um I've had a
27:20 font awesome stack and uh it was 10 I think it was $10 it's been around forever okay
27:28 and um it was it is limited to uh font Awesome version 4 and yeah I just thought it would be it would be good a
27:36 good nice good addition to the starter pack so um you can no longer buy the the font awesome stack from me um it is not
27:45 for sale any longer because I have a new version inside the starter pack I did completely redo the stack I just didn't move it in actually completely redid it
27:53 so it's you know a little bit nicer more modern controls um and I just felt like it should be in the free starter pack um
28:01 so yeah now you can add um you know whatever font awesome icon you want obviously uh you know here's the URL a lot of people will go to font awesome.com not realizing that there's
28:10 actually three versions of font awesome available now version four five and six um quick rundown F awesome 4S it's a
28:20 really old Legacy version okay which again this is why it's kind of the free version here has a lot uh much more
28:27 limited set of icons um compared to version five and version six but hey it's free right so that's
28:34 cool um now font awesome 5 um if you own Foundation 6 it comes with a font awesome 5 Pro license so you're actually
28:43 allowed to use Font awesome 5 Pro all of the icons in any foundation 6 website
28:50 okay which is cool now I think it was last year maybe it was two years ago now uh time flies but font awesome 6 was
28:57 released and they got rid of any sort of third-party licensing so I can't license it or ship it at all um if you're
29:04 interested in the found in the font awesome 6 icons you have to go subscribe to them okay and and uh you know figure
29:12 out all that implementation on your own I'm not allowed to ship it anywhere so um yeah they really lock down and change
29:19 their licensing so um it's too bad I thought it was kind of cool um to have the fwn awesome 5 Pro I was looking forward to you know maybe get the
29:27 version stuff for you guys but yeah they lock that down so um you can either use the you know the font opman stuff or a lot what a lot of people are using now
29:35 is just svgs okay but uh yeah anyway um the font awesome 4 I I completely redid the
29:43 uh these settings here um so yeah they're just cleaner a little bit more modern a little bit more organized um
29:51 from what was in the font awesome stack itself okay and you can add icons and as you see you can actually do stacked icons with which is kind of tricky to
29:59 figure out but the stack makes it pretty simple for you to do that a stacked icon if you didn't know is like this camera and the band so it adds two icons on top
30:07 of each other um which is kind of cool same thing with the shield it's actually a square icon and a shield icon right so
30:14 there we go okay so that's the fa4 icon and it's
30:23 in the starter pack now it's with the media Stacks it's right it's one of the green it's the green one with the flag okay so if you don't have the starter
30:31 pack go get it like look it comes with a ton of stacks the the entire pack is free just a no-brainer there's a lot of
30:40 really great Stacks in here actually um yeah this is a really great stats stack
30:46 set um so um go get that pen I Chris if Chris Powers is here uh I I think he'd
30:54 sleep with pen if he could right it's his favorite stack there's a bunch of other great ones in here okay it's just a a it's a great starter pack it has a
31:02 little bit of everything for you has forms has some SEO stuff it has uh some really nice uh layout Stacks um that are
31:11 actually kind of based on Foundation 6 a little bit it doesn't it doesn't use the foundation 6 framework well it uses a modified version of it I'll admit it
31:19 okay um it uses a a variant of it since I'm the maintainer of foundation of foundation the open source project you
31:27 know I can do some cool stuff with that so um yeah starter pack uses that doesn't have all the features the foundation 6 columns but it's has a lot
31:36 okay so it's pretty cool has the same kind of structure and uh layout abilities um yeah then media and buttons
31:45 and forms uh where is forms forms is up here so yeah if you want to create a simple form this is a very simple form
31:52 stack there you go okay um last but definitely not least is some
32:01 cool stuff we added to feeds right okay let's go to
32:14 feeds um all right so the first thing in feeds which oh of course I don't have a demo for do I maybe I should add a demo
32:22 here I'm going to add a demo uh page into this project just so we have it okay
32:29 let's just duplicate this and do sit map okay and we're just going to do feeds
32:38 sitemap all right so in here um we're we're going to delete the RSS feed okay and we're going to go ahead
32:46 and do a sitemap feed so sitemap feed is the new one okay and we're going to go ahead and flip in pop in a URL to a
32:56 sitemap which will you're going to use the one on Weaver space actually let's just do um yeah
33:04 that's fine um and then just for Just for kicks let's going to go ahead and turn on
33:11 debug okay and uh let's just turn on hide for this we don't need to see any of that for
33:18 now and uh let's just launch preview all so as you see what what this does is it
33:25 goes ahead and looks at the site map generated for your website in this case it's Weaver space okay and it gives us
33:35 all the information and access to all the information within it okay so here it has you know there's my homepage um
33:42 here is uh my start page here's my stacks page designs events all the way down to each individual
33:51 product right pretty cool even some my older products they you can't buy anymore starter pack right right now um
34:01 I shipped an update yesterday where it actually um does a couple extra things on top of sitemap because sitemap really
34:08 the only thing it ever gives you is a URL okay cuz sitemaps really only have just the exact data we need right A lot of times you you're not going to need
34:17 change frequency or priority um if there was a last mod date that would be there um I don't have that inside my particular
34:24 sitemap um but that field is supported um but feed sitemap it actually adds two uh new options for us um that are derived
34:34 from the URL so here what it does is it gets the path to the page so basically it just it just removes the domain and
34:41 and returns just the path if we look at if we look at this if we go to uh here's you know uh Weaver space stack impact
34:48 the path is going to be Stacks impact and then what I do is I try to create some sort of human readable name um
34:56 based on the path and so what I do is I just I kind of do um if there's multiple paths it'll do a the name slash and then another name
35:05 okay but add some spaces so it kind of created some sort of again human readable something based on the URL
35:14 right um it's not perfect but it does it does an okay job here's an example of power grid where it actually takes the
35:21 dash here and replaces it with a space so we get Stacks SL power grid right um
35:30 so in this case what we could do is here let's just show you like what would you want to do with that Joe um I don't know maybe what we do is we could just create
35:38 like a list of things right so um uh we could just do this so we could do um
35:47 name okay and uh there's not much we can do here but there's only there's limited amount of data in a in a sitemap but we
35:55 can do something like um um what O's location Lo okay and if you
36:03 want if you want to you can actually like create here let's go ahead and um let's add a link go in here and we're
36:13 going to do Lo okay um so there we go so now we have the name and then under it the link okay
36:22 let's see what that looks like and let's turn off the debugging
36:30 and what the heck that didn't work what's going
36:40 on I blame
36:42 [Music]
36:49 Chris that's weird h
37:11 you know whenever I want a tool tip to come up it doesn't I think it's when I'm screen recording actually oh there it
37:18 goes you can use the dump macro okay so here what we're going to do in here we're just going to go ahead and
37:26 um uh just going to add in this bad
37:39 boy add that why didn't that work what the
37:52 heck that's really weird I do I have any filters going
38:04 on well well guys what oh I add the hide class what what a
38:12 rookie earlier on I added the hide class so we didn't see anything there we go okay we can get rid
38:21 of the dump now talk about shooting yourself in the foot all
38:28 there we go right and then as you see we have the the name okay and then uh each of these has a a link oh well we don't
38:36 want that whatever um so it has the name of the page and you know a URL to the link now if you wanted to you can you know create
38:44 a button and the that links to the page or something like that um mosimo what he wanted to do I I'm not sure exactly what he was doing uh I think he was either
38:53 creating a menu or some sort of site index or something like that you like a page that has all the links you know on
39:08 feeds now uh something that's pretty cool okay um if you are familiar with
39:15 How I build my sitemap files I've done a couple videos on it you will know that on Weaver space
39:23 here um let's bring in the browser um you'll notice that I uh I have
39:33 multiple site so this is my sitemap file okay and my main sitemap file is a sitap
39:40 index okay it is a sitemap file of sitemap files okay um and if I go ahead
39:46 and go into um this sitemap file you notice that this one actually
39:55 contains actual web pages so uh my main sitemap uh basically references um Subs
40:02 sitemap files that then reference actual web pages and the reason I bring that up is
40:09 because um I've made this stack recursive so if you're using SEO Helper and you want to use the sitemap index
40:17 what this does is if you notice here inside the the settings I've only supplied my main sitemap
40:24 file okay and what that's done if we look here is it's added sitemap it added
40:31 URL from every sitemap on my site right so it recursively went through all my site maps and got all of the URL and all
40:38 the data pretty cool right very cool actually okay U but it it'll work with individual files as well so like if I
40:47 did the sitemap pages you notice that that is a much smaller
40:55 list okay and if I go ahead and do I think it's sitemap SL Stacks I
41:02 assume there we go so there's a sitemap of all my stacks right obviously that's a bulk of the web pages on my
41:10 website pretty cool how about a pipe character instead of a forward
41:18 slash um okay uh could I make that an option
41:24 maybe um I'll think about it right um yeah for right now I just added a slash but um yeah I I I can see that
41:32 being probably a preferable to be a a customizable
41:40 option oh Bill Bill you caught you caught me was that on marked hidden good good eye you you had good
41:47 memory um okay so that is uh the first thing I added to feeds uh was was that was the sitemap
41:56 feed the next one um is a pretty uh cool one and this kind of uh was inherited from actually from Total CS
42:05 3 and uh I'll have to do a little bit of work in here just to show you um I'm going to add some data to this um I'm
42:14 just going to go ahead and add a date field um to this sample CSV that we have in here okay and uh I'm just going to
42:22 add in 2023 d01 uh artist do sl0101
42:32 right and then this one we're going to do 20124 okay SL1
42:40 SL1 and in this one we're going to do date and we're going to do 2025
42:48 0101 all right so I added a date to each one of uh this CSV and in this demo if
42:55 you notice I I mean um this just shows you how you can use multiple SE data sources in one feed um I I could just
43:03 put it all inside one but again this the whole purpose of this was to show you you can actually have multiple feeds inside of your feed stack okay um all
43:11 right let's go ahead and preview that if you notice I have three items okay um
43:19 so we're going to go ahead and add in a actually we're just going to go into the feeds okay we're going to go uh
43:26 filtering we're going to do Dynamic filter okay and I added two new Dynamic filters uh they're actually uh static
43:35 filters as well but um I think they're more useful as a dynamic filter and there is a date after and a date
43:43 before okay so um let's do the URL key needs to match the data field which in
43:50 my case is date okay and so we're going to do date after date okay and let's
43:56 preview browser so we can play with this so what I'm going to do now is um
44:03 if I Supply date equals now remember the dates of these I did um January 1st 2023
44:10 2024 2025 okay so if we do um date is after um let's do
44:18 2025 Dash um 02-01 or o202 if you notice nothing right because none of those are a date
44:27 after okay so now let's let's change that to be 2024 right if you notice now if you see
44:36 here I added date 2024 February 2nd okay so only one of these had a date after
44:45 February 2nd 2024 okay um so yeah pretty cool if we did uh
44:52 2023 now there's two okay if I did uh 2020 two now there's all three of them okay
45:08 refresh that um obviously my date is 2022 February 2nd there are no posts or
45:14 no objects that have a date before that date okay um but if I do 2025 February
45:23 2nd all of them okay pretty
45:30 cool um there we go um now this request came from Josh okay
45:39 Stacks Weaver and um his actual request was something slightly different excuse
45:46 me let me get some drink here
45:54 um he wanted to have date before and date after okay um so you want us to do
46:02 Logic on the same date field um but before this date and after this date all right or after a particular date but
46:11 before this date so you wanted to provide a window and only show things within that window um however currently with how um
46:21 filtering is done in feeds um that wasn't feas ible okay uh and the whole reason is
46:30 because filters are all based on the URL key and the URL key has to match the data
46:38 set so in this in my particular data set um my date is called date field okay um
46:46 it's called date right and I can't do two different filters on the same date field because I
46:55 can't it's t also tied to the URL key okay which is this the parameter that's added to the URL so unfortunately with
47:03 the implementation of this um we can't have two filters on the same data
47:11 value however um if I were to duplicate my date data let's say I would have start
47:20 an end but then that means I would have to have my date in there twice effect L that is now two fields in
47:28 your data and um you could filter off of two separate Fields so um yeah if you
47:36 wanted to hack a way of doing that you'd have to duplicate the data in your data and do it that way with that said um
47:45 this would be possible without any sort of hacking in total CS 3 I'm not going to go into that now but total CS 3 the the filtering logic um is more elaborate
47:55 and slightly better um than it is in feeds um because yeah I learned from feeds if you remember feeds was kind of
48:01 like my my test bed for some a lot of stuff that I'm doing in total CS 3 so um
48:09 yeah I learned how uh I could have made filters better um and made them better in total CS 3 okay um maybe one day I'll
48:18 bring those back into feeds um but it's quite a big change because obviously there's tons of existing implementations
48:25 of Feeds out there and um changing this would break all of those so and we don't want to do that okay so um yeah with
48:34 that everybody that is all of the updates that I uh I wanted to cover today I think let's go ahead and
48:42 um can't believe it is those are all the big updates that I
48:51 did yep okay guys uh let's oh let's go back over here all right let's see if there's any
49:09 questions if you have any more questions let me know um or oh here's here's one since my date is being added uh by hidden form submission I can easily add
49:17 another date field okay cool uh hopefully that made sense Josh so yeah if you yeah just duplicate that date field and you should be able to filter
49:25 on it twice okay sweet guys um Friday hang out um
49:34 one hour from right now but on Friday hopefully we'll see you there okay all kinds of cool stuff hopefully I'll have um I'll have some more pie stuff to test
49:43 by then um yeah I showed off some some of the pie stuff I've been doing uh on last week's hangout haven't made any progress on it since because I've been
49:51 kind of busy on other stuff but um yeah this afternoon and tomorrow is all going to be about uh Pi version 2 got some
49:58 really cool ideas for that um and I I hope to get it done by the I wanted it done this week but I don't think there's
50:05 no way that's going to happen so hopefully by the end of next week which takes me does that take me into February already I think it does doesn't it I
50:14 think I think it does take me into February oh there it's my calendar oh okay my goals to have it my my goal is to have it done by in by the
50:23 end of January so I have a week from Friday to get it done and then I would have reached my goal so January 31st I'm
50:31 I'm I'm plugging to get Pi 2 done by then and probably shipped I don't we'll see let's see if we can do it um I still
50:39 got a lot of a lot of work to go on it but um yeah pretty pretty excited about it we got some gauges and graphs uh
50:46 going we have Auto forms like saving um Auto hidings Fields based on
50:55 uh input um values um so pretty cool it's going to be a real it's going to definitely up Pi's game in terms of its
51:02 advanced form automation stuff right um so really excited about that and can't wait to see you guys build with that when I when it
51:10 ships and uh last thing Summit go ahead and join us at the summit um that is going to be April 11th to the
51:18 13th um go to summit. Weavers dospace and uh get your tickets now it's going to be a 3-day virtual event um at I know
51:27 a lot I've recognized a lot of faces here or a lot of names I should say and a lot of you guys have uh attended hopefully just let everybody in the chat
51:35 know that hasn't been that they should go cuz it's an amazing thing um it's been called the best add-on in the community the best kept secret in the
51:44 community um you can quote that by Scott Williams um he's been an old dog forever so yeah uh it's a good one um thanks for
51:53 the kind words Scott and uh yeah subscribe last thing I promise go ahead and subscribe one of my
52:07 more more eyes more eyeballs right so go ahead and uh click subscribe um and like
52:15 and if if you want go ahead and post a comment as well because apparently the YouTube algorithm likes comments so if you just enjoyed it just go ahead and say sweet thanks Joe had a great time
52:24 something like that in the comments I'd appreciate it so that this these videos get out to more people and we can get
52:30 more people into to stacks and as I say all the time Rising tide raises all boats so thank you very much everybody
52:38 okay I'll stop rambling take care hopefully see you on Friday go