hey everybody okay how's everyone doing
today okay 15 now there we go 20 okay
cool in the chat how's everything sounding and looking I know this is beautiful you
know but early [Music]
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 light over here didn't want to turn on I had to
whatever Tim Dr Bob excellent thanks guys for coming on
today I have audio and video oops what's going on here all
right um let me go through let me just bring up some my notes
here man a lot of 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 really really good Mr Danny Grizzle man
long time no see buddy hope you're doing
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 video stuff man always always making me
want to buy stuff Mr Grizzle okay um so
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 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 and that and then I ship a cool update
so um yeah let's uh let's dive in we I did
first off I'll say um something I'm not going to show off not really anything to
show um I shipped like 20 something updates um to remove Jr as a dependency
on various Stacks okay U if you're curious what that is
um Essen jQuery is a library that was the the whole reason it started back in
the day was um browsers tended to implement things differently um for
JavaScript right and what happened was the the guy who
developed jaky don't know his name but 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
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 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 necessarily
standardized however over the past 10 years 8 10 years um browsers have really
gotten good at that okay there's been um standard organizations have you know developed great standards um so that all
these browsers have the same apis or 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
developed for the web and then the major the major browser vendors then Implement those standards right um so yeah jQuery
is less needed nowadays but it's it's just gotten extremely popular it was so
popular for so many years that it just kind of still around and it syntax does
make things interesting or maybe in some ways simpler right it does do some
simpler things for us but it's a dependency and um as a developer I want
to try to have as as few dependencies as possible because that I don't want to be
dependent on jQuery because what happens 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 break right if if I just wrote
everything in vanilla JavaScript okay um then I don't have I don't have any
dependency it does work in any browser without anything okay now um with that
said I do have some Stacks that are will probably never not depend on jQuery some
of them are quite large and actually Foundation itself actually requires jQuery now one day either Foundation 7
or Foundation 8 will move off of that okay but I mean
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 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 there and I shipped again about 20 updates to some Stacks where I wasn't
too much efforts to go ahead and remove jQuery uh rewrite the JavaScript that was there and vanilla JavaScript um so
that we didn't have that dependency anymore so at least for those Stacks so okay
um so that gets rid of that let's see if there's any questions for that uh
everyone is on the www is a security
issue uh no I was starting to wonder if jQuery had become no it's jQuery is not a security issue um
so you you do bring up a point if uh Google Now if you run Google page speed
okay um it will if your site is running jQuery
2 it will flag a security uh warning
okay now I don't I I think
they're I think they're overblowing that security warning to be honest with you okay but with that said
um if you're running J uh Foundation 6 runs jQuery 3 it runs actually the
latest version I think it's 3.7.1 I think um and so that doesn't
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 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
older stack that doesn't work with jQuery 3 okay um but jQuery 3 doesn't
have that warning jQuery itself is not necessarily a security warant uh you know issue at all um it's just for from
my perspective it's just purely having 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
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 slash very minor thing it's nothing I would lose any sleep over
okay in fact I think J uh my website Weaver space still uses query too okay
so there's
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 Mr Cole okay now that I read Danny's comment all makes sense
now um Tim says stop getting some errors are updating elevator not sure what that
is
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 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 7.4 okay which hopefully you're actually running PHP 8 I recommend 8.2 if you can
um yeah there you go
okay um let's go through some am I oh 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
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 okay um let me go ahead and just open up
elevator to uh I don't think I've ever actually shown that off on a live stream yet so
um you know elevator uh has been a longtime free stack okay and oh I oh
trackpad stopped working for a second oh let me get my little uh cursor D doohickey working there we go okay um
for the longest time elevator was a free stack um
and yeah it was free it it did use jQuery which kind of sparked my update of the stack and um while helping a user
with it I was just looking at it was like you know what I just want to completely redo this stack um so I completely redid it um the old version
just did some really old stuff that wasn't really used on the tech in on the 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
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 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
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
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 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 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 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
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 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
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
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 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 there we go right so yep uh you can have your own
custom svgs again just paste that SVG code directly into the custom content um and you can Define the the icon width
and size and all that jazz and then here your scroll speed and the reveal at what
those are is uh the scroll speed is obviously the speed at which the animation happens okay and the reveal at
is how many pixels down you want to scroll until it's actually shown so uh
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 is this Chevron Arrow doohickey I thought it was kind of a interesting
icon there right so pretty cool one so I 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 then it finally shows right um so there
we go uh and then you can add your own custom classes to this that way if you wanted
to apply special styles to elevator uh with swatches and whatnot right so if
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 Swatch next is the elevator Swatch
itself okay and there as you'll notice there's not much to this one there there are no sty FES because essentially what
this Swatch does is it adds the elevator functionality to any existing button
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 to your button so let's scroll down so here I have this button okay um this is
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 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 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
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
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 here uh you can then set your scroll and reveal at okay um and yeah there you go
that's it um so now positioning wise um you'll notice that it doesn't do any
positioning of these buttons because I 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 like a position Swatch or or Target or
something like that to put it exactly where you want right all this does is 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
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 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 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
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 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 you out okay um sweet let's see next up
is a small one okay is I had never 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 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 Auto rewind option to HTML 5 video and
um it's also in video Pro and what this does is when uh by default when a video
ends um it actually automatically like 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
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 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 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 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
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 video Pro
okay and this one got a pretty nice 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 yesterday okay um so in here uh in video
Pro now uh we have a new external controls there's actually a new stack
okay let's go to video Pro right you know when when you
when you search video Pro um oh apparently axen has a video Pro too okay
um so there's the video Pro stack as 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
okay and uh this video Pro button stack allows us to do two things uh it allows
us to either create a play pause button or a mute unmute button
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
going to check always hide controls okay so in the video player I can actually completely hide all of the controls for
the video and um now there there is no controls and I can only control the
video with these new with these buttons now okay so the play pause button as
well as there is a mute unmute button 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 autoplay uh now you probably know if you
set autoplay inside video Pro um the video will get muted
automatically okay so um actually this triggered the request from a user is hey
I have autoplay how can I allow my users to unmute it easily and so yeah I
thought these control now is it allows you to unmute the video while it's autop
playing okay so pretty cool there um I like the functionality uh again uh the
button stack has a bunch of style 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 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 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
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 not sure it's not rening R svgs perfectly um but I've never seen it ever
happen inside of an actual browser okay even preview so um yeah there we go you can
either do solid or Hollow buttons okay or
icons um the shared buttons this is actually an interesting idea so um if
you notice inside of normally when you have two buttons on the page you want
those buttons to be styled similarly 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 share the Styles between them right and
so uh what I did was I added this thing called a shared button Styles checkbox and um when you uncheck it all all the
Styles in the button um are only applied to that button okay um however when you
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
to be like uh a blue okay which oh no what the
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 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
inherit these styles from the other stack on the page okay you can also add
your own custom class and then you can use swatches all you want and you can style this however you like okay um
these this class is also uh how you you 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
called external controls this is where you set the class uh for the play button and the class for the mute button okay
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 this way is because um it allows you to
have multiple players on the page and um have controls either control multiple
players or um have the ability to have unique buttons tied to each individual
player 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 these class settings to make sure that
all that's tied together and that they're unique for each individual instance
right um so that's pretty cool um next up is you can actually uh
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
now okay um and let's just call this
play okay and I'm going to do uh the class was VP dplay okay um so you can
actually add that class to any button that you want and it should work right
so now that that I've turned this Foundation 6 button into a play button a
play pause button okay now you're not 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 but I liked the
flexibility um that to to have that so that you could just basically uh create
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 details but um based on the state it will actually add a play and a pause
class so if you actually wanted to customize your own button um you can customize it using the play and pause
classes that video Pro will add to the 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
were to use this for a mute and unmute button okay so a lot of power us or
flexibility 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 these 7h hour videos I believe it was of
um of uh races like running races and uh they're very long lengthy uh races and
he wanted to be able to um have reference one video but then essentially
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 said you know he wants to relate that user to that particular time slot within
that video right um and to do that he 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
we now have that ability to supply start and stop times um and you can if you set these to
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
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
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 it stopped after 5 Seconds right um and
actually it's it kind of doesn't even allow you to continue to play on actually it plays one frame at a time if
you keep clicking play pause because it realizes when you hit play it says hey I'm supposed to stop at 5 seconds I'm
past 5 seconds and it stops okay so um yeah start and stop times um
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 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 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
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 setting
is okay I think that was I think that 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
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 up my starter pack demo so for many years um I've had a
font awesome stack and uh it was 10 I think it was $10 it's been around
forever okay 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 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 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
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
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 actually three versions of font awesome
available now version four five and six um quick rundown F awesome 4S it's a
really old Legacy version okay which again this is why it's kind of the free version here has a lot uh much more
limited set of icons um compared to version five and version six but hey it's free right so that's
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 allowed to use Font awesome 5 Pro all of
the icons in any foundation 6 website 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 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 interested in the found in the font
awesome 6 icons you have to go subscribe to them okay and and uh you know figure
out all that implementation on your own I'm not allowed to ship it anywhere so um yeah they really lock down and change
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 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 is just svgs okay but uh yeah anyway um
the font awesome 4 I I completely redid the uh these settings here um so yeah
they're just cleaner a little bit more modern a little bit more organized um 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
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 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
there we go okay so that's the fa4 icon and it's
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 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 really great Stacks in here actually um
yeah this is a really great stats stack set um so um go get that pen I Chris if
Chris Powers is here uh I I think he'd 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 little bit of everything for you has
forms has some SEO stuff it has uh some really nice uh layout Stacks um that are
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 okay um it uses a a variant of it since
I'm the maintainer of foundation of foundation the open source project you 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
okay so it's pretty cool has the same kind of structure and uh layout
abilities um yeah then media and buttons 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 stack there you
go okay um last but definitely not least is some
cool stuff we added to feeds right okay let's go to
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 here I'm going to add a demo uh page into this project just so we have it
okay let's just duplicate this and do sit map
okay and we're just going to do feeds 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
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 sitemap which will you're going to use
the one on Weaver space actually let's just do um yeah
that's fine um and then just for Just for kicks
let's going to go ahead and turn on debug okay and uh let's just turn on hide for this we don't need to see any
of that for now and uh let's just launch preview all
so as you see what what this does is it goes ahead and looks at the site map
generated for your website in this case it's Weaver space okay and it gives us
all the information and access to all the information within it okay so here it has you know there's my homepage um
here is uh my start page here's my stacks page designs events all the way
down to each individual product right pretty cool even some my
older products they you can't buy anymore starter pack right right now um
I shipped an update yesterday where it actually um does a couple extra things on top of sitemap because sitemap really
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 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 sitemap um but that field is supported
um but feed sitemap it actually adds two uh new options for us um that are derived
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
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
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
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 okay but add some spaces so it kind of created some sort of again human
readable something based on the URL 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 dash here and replaces it with a space
so we get Stacks SL power grid right um
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 like a list of things right so um uh we could just do this so we could
do um 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 can do something like um
um what O's location Lo okay and if you 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
going to do Lo okay um so there we go so now we have
the name and then under it the link okay let's see what that looks like and let's
turn off the debugging
and what the heck that didn't work what's going
on I blame [Music]
Chris that's
weird h
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 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 um uh
just going to add in this bad
boy add that why didn't that
work what the
heck that's really weird I do I have any filters going
on well well guys what oh I add the hide class what what a
rookie earlier on I added the hide class so we didn't see
anything there we go okay we can get rid of the dump now talk about shooting yourself in the
foot all 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
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 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 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 the page and um yeah there we go um
pretty simple um use interesting use case for feeds now uh something that's pretty
cool okay um if you are familiar with How I build my sitemap files I've done a
couple videos on it you will know that on Weaver space
here um let's bring in the browser
um you'll notice that I uh I have multiple site so this is my sitemap file
okay and my main sitemap file is a sitap index okay it is a sitemap file of
sitemap files okay um and if I go ahead and go into um this sitemap
file you notice that this one actually contains actual web pages so uh my main
sitemap uh basically references um Subs sitemap files that then reference actual
web pages and the reason I bring that up is because um I've made this stack
recursive so if you're using SEO Helper and you want to use the sitemap index
what this does is if you notice here inside the the settings I've only supplied my main sitemap
file okay and what that's done if we look here is it's added sitemap it added
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 the data pretty cool right very cool
actually okay U but it it'll work with individual files as well so like if I did the sitemap
pages you notice that that is a much smaller list okay and if I go ahead and do I
think it's sitemap SL Stacks I 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
website pretty cool how about a pipe character instead
of a forward slash um okay uh could I make that an option
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
being probably a preferable to be a a customizable
option oh Bill Bill you caught you caught me was that on marked hidden good good eye you you had good
memory um okay so that is uh the first thing I added to
feeds uh was was that was the sitemap feed the next one um is a pretty uh cool
one and this kind of uh was inherited from actually from Total CS 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
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
add in 2023 d01 uh artist do sl0101
right and then this one we're going to do 20124 okay SL1
SL1 and in this one we're going to do date and we're going to do 2025
0101 all right so I added a date to each one of uh this CSV and in this demo if
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 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
right let's go ahead and preview that if you notice I have three items okay um
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
filtering we're going to do Dynamic filter okay and I added two new Dynamic
filters uh they're actually uh static filters as well but um I think they're more useful as a dynamic filter and
there is a date after and a date before okay so um let's do the URL key
needs to match the data field which in my case is date okay and so we're going
to do date after date okay and let's preview browser so we can play with
this so what I'm going to do now is um if I Supply date equals now remember the
dates of these I did um January 1st 2023 2024 2025 okay so if we do um date is
after um let's do 2025 Dash um
02-01 or o202 if you notice nothing right because none of those are a date
after okay so now let's let's change that to be
2024 right if you notice now if you see here I added date 2024 February 2nd okay
so only one of these had a date after February 2nd
2024 okay um so yeah pretty cool if we did uh
2023 now there's two okay if I did uh 2020
two now there's all three of them okay pretty cool um and the same same thing
can go for obviously date after there's date before right so if we um now
refresh that um obviously my date is 2022 February 2nd there are no posts or
no objects that have a date before that date okay um but if I do 2025 February
2nd all of them okay pretty
cool um there we go um
now this request came from Josh okay Stacks Weaver and um his actual request
was something slightly different excuse me let me get some drink
here um he wanted to have date before and
date after okay um so you want us to do Logic on the same date field um but
before this date and after this date all right or after a particular date but before this date so you wanted to
provide a window and only show things within that window um however currently with how um
filtering is done in feeds um that wasn't feas
ible okay uh and the whole reason is because filters are all based on the URL
key and the URL key has to match the data
set so in this in my particular data set um my date is called date field okay um
it's called date right and I can't do two different
filters on the same date field because I 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 the implementation of this um we can't
have two filters on the same data value
however um if I were to duplicate my date data let's say I would have start
an end but then that means I would have to have my date in there twice effect L that is now two fields in
your data and um you could filter off of two separate Fields so um yeah if you
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
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 and slightly better um than it is in
feeds um because yeah I learned from feeds if you remember feeds was kind of like my my test bed for some a lot of
stuff that I'm doing in total CS 3 so um 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
bring those back into feeds um but it's quite a big change because obviously there's tons of existing implementations
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 that everybody that is all of the
updates that I uh I wanted to cover today I think let's go ahead and
um can't believe it is those are all the big updates that I
did yep okay guys uh let's oh let's go back over here
all right let's see if there's any questions that I missed
um oops I I think I answered everyone's 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 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
on it twice okay sweet guys um Friday hang out um
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 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 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 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 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
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 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 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
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
going we have Auto forms like saving um Auto hidings Fields based on
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
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 ships and uh last thing Summit go ahead
and join us at the summit um that is going to be April 11th to the 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 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
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 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
the kind words Scott and uh yeah subscribe last thing I promise go ahead and subscribe one of my
goals for this year uh I want to focus probably won't be till the later part of the year I want to try to focus on growing this channel uh just getting
more more eyes more eyeballs right so go ahead and uh click subscribe um and like
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 something like that in the comments I'd appreciate it so that this these videos
get out to more people and we can get more people into to stacks and as I say
all the time Rising tide raises all boats so thank you very much everybody okay I'll stop rambling take care
hopefully see you on Friday go