Hi everyone, Joe for jaspyscasebrakes.com coming at you with Jaspys 18 box out of the park baseball mixer with two graded cards were given away, which is pretty, photo doesn't want to expand, if I refresh the page, there you go. These two graded cards, pretty nice stuff. So at the end of the break we'll re-randomize the 30 names, the name on top gets the Frank Thomas PS810, there's the value right there, and the second name will get the Fernano to T's 2018 Bowman's Best Gold Auto, valued at that price right there. Obviously these graded cards and the caliber of these players, those values can increase in the future, we hope. Those are all the boxes right there, and good luck.  All baseball teams are in, let's roll it, let's randomize it. One and a five is six times. One, two, three, four, five, and six in final time. After six times, double checking on the six, Tyler Peterson down to Zach. One and a five, six times for the teams. One, two, three, four, five, and six in final time. After six, we've got the Padres all the way down to the Red Legs. Was there an earthquake? Oh, in San Bernardino County. COVID protests a five-five earthquake in San Bernardino County, which is about, I don't know, 100 miles plus east of here. All right, Tyler with the Padres, Ryan with the Royals. Let's finish this break before we slip into the ocean. Ron with the Diamondbacks, Zach Paul with the Twins, Kevin M with the Stroes, Brandon Walker with, it's only a five-five, it's not that bad. Greg with the Phillies, Talon with the Rays, Zach with the Pirates, Jacob with the Yankees, Will with the Mariners, Adam Richards with the Indians, David with the Cubs, Adam Cupperman with the Rangers, BZ with the Blue Jays, Kevin, Lastbod Mojo, Giants, Martin with the Tigers, Anthony with the Metz, Derek Molensen, you got my Dodgers, Will with the White Sox, Zach with the Braves, Brett Myers, you got the O's, Quinten with the Marlins, Chris with the Angels, Dennis with the Cardinals, Chris with the A's, Greg with the Rockies, Andrew with the Brewers, Martin with the Red Sox, and Zachary, Zachary and Zach Morris with the Reds. I'm sure he didn't get teased at all in school. All right, there you go. Let's sort that by column B, by team, and we're going to pause the video, allow for some trading time, and when we come back, we'll have the break itself. In fact, the boxes are right above my head right there. These are the two things we're giving away, which is pretty awesome. Name on top gets that, second name, we'll get that, which is pretty nice. So there you go. When we come back, we'll see if there's any trades, and then we'll have the break. Stick around. All right, welcome back everybody. A lot of trade chatter. I'm not even kidding, but no deals were done eventually. I think eventually people were like, wait a second, I could hit that guy, and then people got nervous. No one ended up doing deals, but that's all right, it's all good. Everyone got a chance to trade. There we go. And again, here are the top two on the randomizer. We'll be getting this, so we'll save that to the end. All the boxes are right here. Let's start with, I'm going to grab some Chronicles. Let's do some of the heavier stuff first. This side of the way first. All right, so we got, let's go 2013, select first. Let's go a little older here. There you go. If you did it for the win, the Bunt was the right play. That's baseball. I mean, he looks safe though. Is this a home? If this is a home game, the score at the ballpark should give Birdie Mack the hit on that. Who cares what the album says? Just score it a hit. It's up Jacob. What do I think, over under 50 games for baseball this summer? Last week, I would have said over. This week, I'm saying under. Next week, don't know. You can't just throw a ball into the crowd. That's dangerous. Some kid on their cell phone might get hit. Mix up things zero. I know. Right at the moment right now, it seems to be trending that way. Because you'd have to try to get, what is it, early May? You'd have to get the deal done this week, basically. Get players in next week to do mini spring training. Try to get the first game going. I think you'd have to do all-star game first at Dodger Stadium. We're losing an all-star game, by the way. Then you start regular season game one after that and try to get 70, 80 games in. I mean, how few, there's Kirk Neuheis. Neuheis, that is.  Is that number 50? That's kind of low. I mean, if we can't get what's 70 to 80, that's the magic number right there. At this point, I was hoping 100. I mean, 50 games is what, 30% of the season? Are you saying, I don't know, is that acceptable? At that point, just scratch it, right? 53 games is 33% of the season. That's not even, I mean, 25 gold. Yeah, that's a good point, Jay Cohen. Do you care if it's credible at this point? No, you're right. I just want to see some kind of baseball happen. You got Chris Herman to 750 for Minnesota. That will be for Zach Paul. Starling Marte gold to 25. I mean, yeah, I guess we're splitting hairs.  Jeff Dorlak, a Yankee fan to scrap this year. There's Melky Mesa. I do not remember Melky Mesa. I remember Joe Mesa, Jose Mesa. In 2013, a Yankee. There you go, Andy. Yeah, Jeff, I don't know what a Yankee fan has to do with the season ending. Maybe all the injuries. I suppose there was a lot of injuries in spring training. It was Didi Gregorius to 750. This is Arizona Diamondbacks edition. That goes to Ron Shepard. Jack B says you can see a lot of pitcher injuries because of managers overusing them. Well, managers over you? I mean, yeah, maybe. I hope, I wish they wouldn't. I hope they wouldn't. You would think there has to be like some sort of slightly expanded roster rule, especially if they're squeezing a lot of games in in a short amount of time. Whoa, look at this ALDS. Sean Figgins, Garrett Anderson, Mark Tashara, Vlad, Tori Hunter, Mike Napoli, Juan Rivera, Howie Kendrick, Eric Ivar. That's a murderer's row right there. This is ALDS Game 4 in 2008. Look at this on MLB Network, folks. Yeah, if they get expanded rosters and maybe Jack, that won't be as much of a concern.  You got to get one or two days off. But yeah, I hear you though. I think maybe some teams wouldn't like it because they'd probably give deep teams like the Dodgers and Yankees a competitive advantage. So maybe the teams that are not as fortunate will probably say no to that. Yeah, yeah, maybe if you have all 40 guys on your 40 man roster, it could be interesting. Would the players go for it though? Jason Bay, Ellsbury and JD Drew in the Red Sox outfield. Spoiler alert, this was a sad times game for the Angels. There's Paul Goldschmidt to 199. Pink Velocity, we'll sleeve and top load all of those a little bit later. Speaking of Vlad Senior, here's his son. Rated rookie, on-card autograph Vlad Guerrero Jr. for the Blue Jays. That's nice, Brian Zeller. Brian Zeller, there you go, Bs. If you flip to the MLB Network, you'll probably see Vlad Guerrero's senior get some A-Bs in this game. There's Williams Astadio to 60. And we got Taylor Tramiel. Rated prospect, Red's autograph. I think he went to the Dodgers and then went to the Red Sox in that Bed Steel, I wanted to say. Cedric Mullins to 75. Let's work through some 2020 Bowman. Ah, Jeter Downes. Taylor Tramiel's in San Diego then, J. Co., and how about that? So if Jeter Downes is in Boston, then I think Taylor Tramiel's in San Diego now. Oh, there you go, yeah, Will Christian confirming. So is Brian Peoples, so is Andy. J. Co., and saying Taylor Tramiel was traded to Potters in the three-way deal that moved Puig to the Reds. It's so confusing sometimes. Now, Jack B. saying, listen, with every game meeting so much, even with a 40-man roster, the manager would always want to use the best players and then the bench will hardly get used, even if the players play every day. Yeah, I can see that too. The strategy and roster management will be very interesting. I appreciate that, J. Co., you know, I can't keep track of every MLB transaction. Although I try. I do love the baseball. This over here can be a little slippery. Wait, what was the story? I don't think we really explored this story. It wasn't a major story. Trevor Bauer apparently said that, yeah, Bauer was in that deal too. Trevor Bauer said he wants to pitch for the Dodgers? What was with that? I don't understand what that deal, what that was all about. I don't not imagine that would make his current employers very happy. Or maybe it was just an overblown comment, which I wouldn't be surprised. He does talk a lot, he sure does. Oh, is he from LA? Is he from this area? So maybe just people just connecting dots? Or he was just like, yeah, I probably would, because I'm from here. All right, the Red Sox line of Ellsbury, Padroia, Big Boppy, Euclis, JD Drew, Jason Bay, remember Jason Bay, Mark Kotze, Jed Lowry, and Tech. I'm not missing any, sorry, I'm going to start this over. I didn't miss any Domingue, right? Yeah, when Bauer was pulled from a game, Jack, yeah, he did fire a baseball in the center field. It's kind of funny because he almost immediately apologizes to them. I think it was Tito, Terry Francona, he almost immediately apologized to them. It was like, he just got, just saw red for a moment. Keone Kevaco. And we got Andy Pagas. 64 out of 150. Blue Chrome autograph for the Dodgers. Derek Malanson with my Dodgers. This paper that's protected in this top of it right here. That goes to the A's. Chris Welty with that. They had Shawn Figgins at third. Is Jason Bay's rookie card on the expose? I always think of him as a pirate, like Jack. Bobby Wood Jr. paper going to Ryan Redmond and the Royals. Wow, Jason Bay hit 341 with three homers, nine RBIs, and a 1-1-0-5 OPS during the 2008 playoffs. Rake. That Rake, though. Keebert Ruiz to 250. That's a good one. So, Keebert Ruiz to 250. Purple paper. We just need just Jason Amiga's at the incredible box. No, no Jason Amiga's here, but we did get a Bobby Wood Jr. and a Robert Possum. Move this Chronicles here. Oh, Vlad Senior up to bat. Good luck. We got Tim Anderson. Nice. For Chicago, the White Sox. Will Christian. We've got Yousai. There's a Peter Lonzo rookie card. Charlie Blackmond to 99. For the Rocks. And we've got Pablo Lopez for Miami. That'll be for Quentin Carter and the Marlins. An absolute rookie autograph. Pitrata Venezuela. We've got Sean Anderson to 75. Kyle Tucker. Francisco Lindor. We've got Michael Chavis. Contenders baseball autograph. I've heard some Red Sox fans mix up say they like this kid a lot. There's a super thick card here. What else we got here? Kyle Tucker. We flash forward to Vlad to the third inning. We've got Dakota Hudson. Big cornerstones. Quad Relican autograph. 45 out of 99 for the Cardinals. That's going to go to Dennis. Into that 180 top loader there. There you go. Dennis with the Redbirds. Do these here. Looks like we got a jumbo box of 2020 Bowman. Let's do this old elite box first from 2015. Someone higher Bartola Cologne. I feel like he could still gobble up some innings. One of my favorite videos is him hitting that home run in San Diego. Ryan Harold, do you re-watch that Homer Weekly? It's so good. And then like the and they clear the dugout and he's just sitting by himself a little bit. Jay Cohen, I just wanted to play so there's just one major leaguer soul over the new.  Mark McGuire, Cardinals edition throwback threads. That'll go to Dennis. Is Phil Hughes in this? 2015 set? You want me to pull it so you can sell it back to him? There's Rookie Essentials. There's Daniel Norris for the Blue Jays. 48 out of 75. Goes to Brian Zeller. I would just send it to him and have him sign it. Jimmy Rollins. When he was a Dodger to 89. Back to back. Robinson Cano. Nelson Cruz. Both Mariners. That'll go to Will Comstock, Bulldog Band. We got Shelby Miller.  What happened to Shelby Miller? Braves edition. Zach with the bravos. Alex Gordon to 199. And Marcus Strowman to 49.  Yeah, Jimmy Rollins was a Dodger for like half a second. Blue Jays, Brian Zeller. And you think the Miller deal sucked for everybody? See you, Sean. Thought the Danesby looks like a bust. Does he? I thought it was doing okay. Maybe not. I think he has a good glove. I'm keeping the leak for a while. There's Vlagrero Sr. Two on. Two out. One to the count. Jumbo edition three. Yeah, yeah, only one year so far. Four over two. That's above replacement. Better than your next average AAA guy. There's nothing wrong with that. I guess we're expecting more for number one overall. Yeah, I guess I would too. I actually don't remember what kind of player he was supposed to be.  I think he's got to be I don't think he's that old. Is he Danesby Swanson? And maybe you want all-star level Ford stop? Is that where LaSorta takes that tumble? Speaking of Braves, if Nick Marques is 3,000 hits, is he a Hall of Famer? Discuss. There is Baron Laura to 150. The Rangers, that'll be for Adam Cuperman. And a purple paper, Jason Dominguez. None in the hobby box, but one right here for Jacob. Jacob Kay and the Yankees. Nice purple paper, Jason Dominguez, the Martian. That's pretty nice. That's not too shabby at all. Someone look that up. What do his purple papers go for these days? And there's Alvaro Cejas for the Cardinals. Foli. And a paper, Jason Dominguez, regular. Bobby with Junior Chrome. Nice box. Royals. Ryan Redman. And he says Nick Marques has 645 hits. He's 36. Doubt he does it. Or will he do it? 645. Calculator. 645 divided by 125. 125, 5 more maybe not. 125 hits for 5 more seasons. 5 or 6 more seasons. You don't think he can do that? Jason Dominguez, Chrome now. Josh Gregory saying that 100 to 125 on that paper. Purple paper, Dominguez. Nice. 118 hits last year. Alright, so maybe a couple seasons where he's over. A couple seasons where he's under. Average is it out. Wow! Jason Dominguez, Speckle autographed at 299. Jacob and the Yankees. He won that in one of our mini box breaks. Man, especially for the Yankees. That is strong. Very nice. Those cards are awesome. The Speckle cards? Yeah, I mean isn't that, that's an old they used to do Speckles back in the day. The Atomics are great, yeah. Junior paper, all of those little add-up royals. Josh Gregory, has he even seen any it's about almost a $2,000 autographed. Josh is reporting. Has he even seen Minor League hitting or pitching? Bobby Wood Junior paper for the Royals, Ryan Redman. There's Tony Drabbel 78 out of 150 blue chrome autographed for the Metropolitan. Anthony with that one. Yeah, I think according to Bowman Baseball, the Bowman Scouts top 100, I think he's like in the middle of the pack. I think that's his, I think he's in the middle of the pack somewhere. Which is crazy if he's not seen any Minor League hitting at all, but maybe he's just that much of the real deal. Andrew Vaughn refracted a 499 Chicago White Sox. That goes to Will Christian. Robert Poss and for the A's. Actually, yeah, he's not going to see any Minor League hitting this year either. Now that you put it that, yeah, which sucks. Kyle saying, so if he's in the middle of the pack, why is he well, guess who the I mean the top prospect is probably Wander Franco or something like that. These cards aren't going for a lot. A lot of it has to do with a lot of it has to do with, Gavin is up there. He doesn't sell nearly as well as Jason Dominguez. Why? I'll tell you why because A Jason Dominguez is a Yankee.  D, he was named after Yankee slugger Jason Giambi of the Yankees and he's got a great nickname, the Martian. That's why. So you put all that legend and mythology together and then in a massive market like New York with rabbit sports fans then all of a sudden, boom, yeah and an international prospect as well. So like you haven't seen him in high school or college you know, so he's like shiny, brand new and then combined that with, I'm sure some people who saw like a few a few blurry videos of him just raking against teenage pitching in the Dominican Republic and then all of a sudden everyone's like, he's the next big thing. I don't know, I mean I figured the scouts have to know. Five tool prodigies produce exit velocity as high as 110 miles per hour 110 miles per hour as an amateur and he's a switch hitter too. Who are other good Yankee switch hitters? They like, they like switch hitting some legends there. We're actually moving through this pretty nicely. Let's do the older one first. 2017 Bowman's Best Alright, there you go Cal, yeah it is, it must be called the Martian because his card prices are out of this world and his skill level. That's what they say. Ooh, good update Adam Cupperman, good luck. Adam Cupperman called Tops on the expired Aaron Judge Redemption from this set right here and he said, hey mail it in and they'll see if they have it. Alright, better than nothing. Good luck. Keep us posted. Tops won't do that for a lot of redemptions though. Probably not most. Aaron Judge, yeah, maybe they would. Alright, there you go, good luck Andy on the Durant. How many years out is Jason Mingus from making the Major League Roster? I don't know. I mean, there are very recent instances of people of players coming up early, Juan Soto Bryce Harper Alex Rodriguez who knows, there's the Keston Hera that goes to Andy and the Brew Crew Keston, a Southern California kid Ian Hap, raking rookies to 99, that'll be for David Zitko and the Cubs Evan White to 99 for the M's Brendan McKay could be a great player for the Rays, out of Tommy we'll go to the Rays Nate Pearson for the Blue Jays Brian Zeller the Blue Birds we got Mitch Keller, Pirates it's going to go to Zach Zach M Ted, talk to me about your feelings on Nick Marquekis you don't think he's going to get three? You're countrymen? Oh, there's Moose as well. Is he not? I'm just being racist then I did not know that there you go, learn something new every day here at JASPY ladies and gentlemen yeah, the Keston was just a base auto I didn't see a number on it he's got a sharp auto too alright, good luck everybody there's rookie Peter Lanzo and we've got Jake Bowers rookie auto for the try that'll be for Adam Richards Peter Lanzo will go to Anthony and the Mets the ideal the ideal Peter Lanzo hashtag good for the hobby would be him winning the MVP this year and then taking the Mets to World Series and winning that in the next few years there's Nicoladolo imagine his cards then, the value Zach M with the Red Legs the Reds Deja the Mayhew, Purple Chrome and we got Zach Thompson Cardinals, Redbirds Dennis with St. Louis let's just say one of those refractor rookie Keston's for you too I would have shipped anyway, I'll just leave it I'm gonna save some of these for later we'll do these maybe I'll do these is that 5 star? we'll do that later alright, 2020 select Che Cohen says if there's only 50 games, do they even give out an MVP? hmm they would have to I feel like I feel like some players have bonuses attached to attached to MVP awards I'll bet they want that especially if they're not gonna get you know, if the owners keep walking back what they agreed upon and back in March Brandy what's going on, listen I resend that email that night I still haven't seen it so and I kept refreshing my page so I asked you if you could send that again so we could look at it but I didn't see it that night so Justin Dunn 3 out of 99 Seattle there's Manny Machado Bobby Bradley that's Will with the M's and Bobby Bradley to Adam Richards in the tribe there's Dakota Hudson yeah, I can't get emails that you don't send Brandy so send it right now and I'm gonna refresh my email during this break to look for it and a trout 25 out of 25 nice atomic jersey I have to go into a 180 it'll be more comfortable in there Mike Trout going to Chris and the Angels there's to 199 Fernando Tetease Jr Jersey for the Padres okay, it's under a completely different I see it now, alright I see the email now, thank you alright, let's move on to Ultimate Baseball Tetease Jr by the way goes to Tyler Peterson now this Ultimate Baseball is there a checklist for this? I don't know let's go to groupbreakchecklist.com ultimate sometimes there's a checklist for the sometimes there isn't this time there is we always default to the checklist first and then we'll do our usual our non pro uniform rule so here is the spreadsheet right there PDF if you open that up alright, now remember still big hit opportunities in that fantasy sports case right there ladies and gentlemen let's keep that in mind there's Alejandro Kirk Future Stars autograph and that goes to oh, it's right there on the first page Blue Jays with that one kinda need smaller post-it notes so that goes to Toronto that'll be for Brian Zeller and out of fives and under all aboard the big hit Express there you go, there's Brian Blue Jays he said yep what about Tyler Freeman? he sounds like a twin to me no, he's an Indian Cleveland that will go to Adam Richards with the tribe we got Greg Jones Greg Jones is a Tampa Bay Ray that goes to Tallinn we've got Nico Horner, I know that one that's a cub that goes to David Sitko and the Cubs he should be pretty big name the Cubs are hoping then we got Cody Bolton don't remember where Cody Bolton goes Pirates, he's a Pittsburgh Pirate going to Zach M Rex and Will Christian like the Nico and we've got CJ Abrams rookie signatures for the Padres Tyler Peterson now if this guy turned out to be what they hope what they hope he could be that could be a Machado Tatis Junior CJ Abrams infield which could be pretty which could be pretty crazy alright let's actually move some of this stuff out of my way here this over here let's get this fancy sports going you know what, let me get that let me do five star first let me do five star first use one of these blank cards to hide the hit here I think we got a case hit in here out of one box and a mixer I think I saw a golden graph down here is Trevor Richards that's for Miami, that'll go to Quinton Carter and the golden graph is Matt Kemp 15 out of 20 Cincinnati Reds edition Zach M with the Kemp it's pretty cool I like Matt Kemp injuries really really derailed Matt Kemp's potential this is just a little blank box in here so there's one two three right there four five six right over here now this I know does not have a checklist so in case they're in their non pro uniforms it'll go to the team they're currently on if they're active and the team that they played for the longest if they are retired I don't think we're going to run into that too often unless they're in their college gear or if they're in their team USA gear never seen this product before will it we've done a few of these fancy sports basketball editions, baseball editions and football editions it's a repack product basically a lot like the Jaspy's Big Head Express they usually pop in a couple graded cards you can see the cases right there and the unique thing about this is they'll also include a couple packs as well yeah sometimes we've seen pretty high end packs too oh we were just talking about Chris Bryan there you go yeah he might not be a cub anymore after this season yeah I don't think he's going to go to the Angels Rex they just signed Anthony Rendon there's Mookie Betts Dodgers might not even see him in action this year either nothing really going on there I don't know what year I mean yeah I don't know maybe the Angels do I mean if you put Bryan in the outfield I guess they got Trout and Joe Adele in there maybe maybe to adjust an Upton replacement I don't know when his contract's up first one is a 9-5 Vlad Guerrero Jr so that'll be for Bryan Zeller nice and we've got some cubs there's Nico Horner 9-5-10 there you go Centering a 9, Corners and Surfers a 9-5 Edges a 10 is Auto a 10 Refractor, Autographs I'm scratching on the case itself but next box Chris Bryan on the Dodgers if they don't end up getting Mookie Betts yeah maybe you get Chris Bryan you can play a little outfield Dodgers could use that maybe Justin Turner's not getting any younger so Chris Bryan could eventually shift over to third remember Fire Baseball we did a little bit of Chronicles earlier Shoyo Tani Chris Bryan and a Nick Kufo Autograph for the race I'll go to Talon Shoyo Tani Atonic it's a 99 first is it's a big C for Crawford from Definitive that's a one of one who's got the Giants Kevin Smith last spot mojo all aboard the Big Hit Express whoo whoo and the second one in here adhesive caught on the on the hit it's gonna be Mark Trumbo Rookie Autograph for the Halos and that's Chris Welty with the Angels next box got some old some prism this is 2019 Prism Baseball remember doing a lot of this oh now I remember it Kyle Wright Nick Williams Cindergaard Luis Castillo 33 out of 99 Zebra Print great picture for the red Zach with the reds your two hits here one is gonna be for the Rays it's Wander Franco and Talon Talon and the Rays pretty well regarded prospect gotta see what he can do in the majors and we've got whoa we're giving this away we're giving away a better one here's a Mint 9 PSA 9 Frank Thomas for the White Sox that goes to Will Christian we're giving away the out of 10 yeah this is a pretty fun product I like the pack idea I think that's interesting Wander Franco is a $6 card good it's got room to grow got room to grow first one is Hunter Bishop 10-10 nice it's just those corners that keep it from being a black label there are 10 on the centering edges and surface corners a 9-5 his autograph is a 10 that's Hunter Bishop purple to 250 for the Giants that's gonna go to my rivals Kevin Smith that's right first round pick and we've got a 9-5 to T's Junior from 2019 archives nice one for the Friars that'll be for who's got Sandy Tyler Peterson next box no fugue tonight for some reason I got we were watching Mr. 3000 on MLB Network and that kind of led into this Angels Red Sox playoff game from 2008 kind of got kind of got roped into this and a Jake Lam rookie essentials autograph kind of surprised to get autos out of these little single packs here that's still nice Diamondbacks that goes to Ron Shepard in the Diamondbacks oh and yeah a Bowman first edition pack when did they pack this and a Elo Harris Montero that goes to the Cardinals that will be for oh and a Dominguez I know the first edition prices aren't not surprisingly as big as the regular versions but that's still pretty cool Yankees Jacob what a break for the Yankees was there Jeter in here now and we got Adley Rushman nice in his college gear but we know where he goes he goes to the Orioles future of their catching position going to Brett Myers there you go Brett the graded card is going to be Juan Soto nice 2018 Top Scrum update Juan Soto graded at 9.5 Centering edges corners all at 9.5 surface at 9 rookie Juan Soto Nationals Brandon Walker nice one more than the autographed baseball kind of a fat pack right there not kind of it is a fat pack what's in here got a big 2015 Bowman pack here slide that off camera all the way back there this is interesting got gold paper for the card nose nothing too significant there alright let's see what we got here let's do the non graded card first it's Donnie baseball Don Mattingly break for the Yankees signings of the times there Jersey and autograph 78 out of 82 an old 2004 Fleer Skybox let's see let's see what we got here we've got wow Pee Wee Reese good luck he's this old Dodgers telling us history of baseball wow that's pretty nice I don't think this is numbered I think that's just the set it's 8 of 16 on the set I think but that's pretty cool that'll be for Derek Molanson remember remember old Slick Field and Pee Wee Reese out there on the fields of Ebbett's field I remember watching him through a knot hole in the fence maybe in a tree tuning the old wireless and hearing old red barber call the game those are the days when they finally won the World Series they left Brooklyn and they tore down Ebbett's field and they tore down my childhood alright what am I doing oh the baseball your grandmother went to Ebbett's field for a field day in 1947 I was there too I was there too alright put your thinking caps on who am I I'm a three time all star two time World Series champion AL Cy Young Award winner how many saves champions have also won a Cy Young in the AL and won two World Series and this stuff doesn't have a checklist so it'll go to the team he played for the longest which I think has got to be the team that I most associate him with yes it is not Eckersley not Tom Gordon not Goose you're kind of on the rider track though Oliver Chris Hales the starter Sosbert Blyliven two time American League saves champion wait was Blyliven a starter or a closer I'm blanking on that how many career saves did you have 238 career saves played for one played for five seasons with the red socks then to the team I played for the longest then the Rangers Phillies and White Sox played for this team between 1972 and 1978 and all three of my all stars were with this team and he won the Cy Young in 1977 Jack B's got it yep Sparky Lyle see you guys there he is Sparky Lyle with the 1977 AL Cy inscription on there that goes to the Yankees played for the Yankees the longest played for Jacob and the Yankees there's the TriStar sticker right there there you go nice and there's your break ladies and gentlemen thanks everyone for getting in what oh yeah we're giving away this so the name on top we're going to re-randomize your names the name on top is going to be pulled one of these before but this one is a Gem in 10 PSA 10 Frank Thomas we'll go to the name on top and the second name right here we'll get the Tatis Junior 9 5 10 there you go so if you did not have a good break at all cross your fingers for that if you had a great break might be might be a nice nice cherry on top so let's flip back to that list right there we got Ron Shepherd down to Brandon and the Nationals let's roll it let's randomize it six times four to two one two three four what did I say four to two yeah six times there's four five and six top two names get it big thanks everybody who got into the action really appreciate it and congrats to Bulldog fan I don't think I called your name all break Will so there you go man Tatis Junior and the PSA 10 Frank Thomas Adam both people who one spots in this break appreciate that congrats twice for getting into the break and then winning those cards there you go boys and girls thanks for watching thanks for breaking with us and we'll see you next time for more Joe for jaspercasebreaks.com see ya


It's a phenomenon that's growing around the world because people have not taken up a dharmic way of life where they take up a daily spiritual quest naturally where society teaches them to do that, okay? You don't want to do that, then do it this way. And this is the new way of putting a person through that very, very dark night of the soul. People kill themselves because they can't handle that kind of pain. It's known. They actually take their lives because it's just too unbearable, you know, that yearning for that person.


Welcome to the auditorium everybody up next. We have Michelle Scholp She is a web designer from Minneapolis freelance. Yep, and I have personally heard her talk in Chicago Minneapolis and Phoenix and You guys are in for a treat. Let's hear it for Michelle Scholp Great. That was good. That was some like coffee almost kicking in level clapping. So that's good. That's good. All right Good glad to hear that. All right. So anyway, this is this is what we're talking about So if you don't want to hear about this you are now trapped and you're stuck and you have to listen to it And you can't leave so sorry Anyway, yeah, so hi everybody. I'm Michelle like said I I'm a designer freelance I design and build digital interfaces. So what that looks like is My background is in design currently I do a lot of front-end development work with WordPress I build custom themes and I also do strategy focused UX for independent clients as well as for enterprise But specifically with animation My first freelance job right out of college was doing banner animations and had like giant site header Animations in flash so that was like my first freelance design job was doing all this animation stuff So it was really fun to get to know all of that stuff Although I'm really glad that we're not doing flash anymore And that was actually where I kind of wanted to get started It was talking about the current state of web animation right now because the days of flash and the days of putting a million gifts on your MySpace profile are long gone And we actually have a ton of really great technologies now that enable us to animate stuff. So Even CSS has a bunch of stuff built into it JavaScript has a ton of stuff we can do and they let us use motion to interact dynamically with our websites So what does that actually look like? Unfortunately, although we did leave the days of flash and MySpace behind Animation is still causing a lot of problems on the web You've probably noticed if you go to one of these really fancy sites that There might be a struggle with loading there might be bandwidth issues It's probably very very resource intensive and a lot of the complaints that people are saying about animation on the web Nowadays is that it's overdone. It's unnecessary. It's really annoying. It's super complex and another problem with animation is that we've got this thing called add the add effect or add blindness where we're So used to the flashing fancy thing being something that's trying to sell us something that we end up ignoring it So there's a lot of problems nowadays with animation on the web And one of the biggest ones is this trend of parallax websites So the Nielsen group who's basically the foremost experts on UX if you want to know anything about user experience Just read everything the Nielsen group ever has to say ever They've they did a big study on the usability of parallax websites, which have been around for a few years now And basically what they found is that a lot of user complaints that they are very difficult to control They take longer to load They're just very disorienting and they're dizzying they're very distracting and honestly the the words used were that they're Basically just not cool enough to warrant all the problems like it's not that great It's kind of cool, but it's not worth taking away from the user experience There's also a term in the animation industry called jank. It's a great term. I love this term It basically means any kind of stuttering or halting or breaking in the flow of the animation so you can tell that something's wrong Basically when an animation fails to load properly or if it fails to be able to keep up with the rendering And it basically interrupts how people can interact with your app, and it's very very distracting But animation is not the enemy. It's not all bad. It's a very useful tool So how do we avoid all of these problems and be able to use animation effectively in our projects? I Wanted to get started by introducing you all to the 12 principles of animation Who's heard of the 12 principles of animation even if you don't know them all all right a couple of you So some of you are nerds like me and the rest of you I will teach you right now These 12 principles of animation were developed Back in the day at Disney animation studios by some of the original core animators and what they were done They've also been put together as a really great book which I highly recommend you peruse or at least put on your coffee table So you look impressive But they were created to provide kind of a standardized platform to make animations feel more physically and psychologically believable So I'm gonna go through all of these principles right now so for the first principle is called squash and stretch and squash and stretch has to do with Physics a lot of these have to do with physics So this has to do with the physics of mass and the behavior of items if you've ever watched a video of a bouncing ball like In slow motion you see when the ball hits the ground due to inertia It squishes and then when it comes back up it stretches again So this is a principle that you use in animation to make things seem more physically believable There's also a principle called anticipation and anticipation is also a physics thing It's about mass and it's about inertia and the energy it takes to start and stop An object at rest tends to stay in rest an object in motion remains in motion So it takes energy to start an object and to stop an object So adding the right amount of anticipation gives it a sense of mass It also gives it a sense of character right because you could have the wind up or getting ready to get started on something You know like when Wiley coyote is about to take off running. He doesn't just go He usually like spins his legs for a while and then takes off like this is part of anticipation Staging is a general concept that basically just says hey viewer This is the most important part and there's lots of ways you can do it not just with the animation Although that is one way movement is away But also just the way you lay out the things on your stage the way you focus things the relationship between objects all of Those things have to do with staging We think about that a lot in design in terms of layout and hierarchy There's a concept in animation known as straight ahead action and also pose to pose and this is basically how Animators decided what went in between key frames Straight ahead action was when you actually drew every single key frame individually It was usually for more complex motions when stuff was happening pose to pose was like here's our Most common things we want square circle triangle and we'll let the junior animators figure out how to get there Or we'll let the computer figure out how to get there, right? Follow-through and overlapping action is also a concept in physics with mass and it has to do with Inertia, but also the differences in masses of different things. So for example When you have a tall object starts the bottom is starting But the top is still kind of at rest and so it's gonna kind of you know like this animation is showing It's gonna kind of lag behind and then it's gonna take a little bit longer to stop Another example of this is if you're turning your head your hair is gonna Keep moving a little bit longer than your head is because it weighs less than your head And so it's gonna keep going so this has to do with physics. It has to do with convincing behavior Slow in and slow out again this has to do with physics. It has to do with acceleration Most things don't just immediately go a constant speed and then stop they usually accelerate and decelerate This is also a concept in the animation world known as easing which we'll talk a little bit about later The the arc motion so in in objects in motion in the air They don't tend to go in a straight line due to gravity and mass they tend to move in an arc So they'll go up. They'll slow and then they'll come back down So this is a concept that follows the rules of physics Secondary action is both psychology and physics so in with physics It's a little bit of that attention to detail for example if there's a furry creature that's walking the fur is gonna kind of move That it's in its own way kind of making waves while the arms are moving in psychology This is an attention to detail that leads to more believability, right? Again furry creature if all of his hair just kind of was there It would be less believable than all the hair moving kind of separately So it's a concept that adds detail makes an animation more believable Timing has a lot to do with the physics of mass and also to paint what kind of Surfaces it might be on so you can see the top one on the bottom one although. They're the exact same shapes They feel like they're on a very different surface or they weigh a very different amount One of them takes a lot more energy to get started than the other and so these are things that affect the timing of an object Exaggeration is the concept in animation that Over-emphasis making things a little bit more ridiculous than real life actually makes it more believable It's kind of like when you're on stage and you're wearing stage makeup And if somebody came up to you after where they're like whoa, what do you what is your face? But on stage it makes your face look normal It's the same kind of thing with Exaggeration and animation being a little bit more over the top actually makes an animation more convincing The concept of solid drawing Means that your object is following the principles of space time and matter So it behaves consistently with itself and its environment So it's if it's a cube it's going to behave the way you would expect a cube to behave Maybe it's a cube made out of Jell-O. Maybe it's a cube made out of steel It's going to behave the way you'd expect it to behave and it's also contributing to the belief that this object could actually exist The last one is kind of a fuzzy one But it's appeal and it's basically the heart and soul or the personality of an object. It's the character It's like is it delightful is it is it fun like do we do we root for it? Do we enjoy it? This is very much a psych psychological aspect of animation But it's basically that little that last little 10% of making something be fun So now that we learned all of these things which is super cool How are these actually useful to us? So what what are these things actually providing to our animation? There's a few different things that they provide. So the first is realism, but we talked a lot about that We want things to behave the way we might expect them to behave in the real world. So the physics the psychology They establish context. So all of these things help establish spatial and causal relationships between states objects and their stage and they Establish influence between actions and objects. So if something does something something else will happen They also this also contributes to focus so it directs attention to the most important part of the stage and again delight that appeal Positive experiences the personality of an object. These are all the things that those principles contribute to animation So now that we know kind of about animation What are the actual properties that we can animate and in what way? So this part of it is now going to be your animation vocabulary lesson, which is super fun. We're in school, right? So that's what we're supposed to be doing These are some of the elements that you can animate so any given object you could change its color So maybe the border maybe the fill Maybe the texture maybe a pattern something like that you can change its shape So a square becomes a circle, you know something more complex than that you can change its location So where it is on the stage? You can change its focus So whether or not it's kind of right in the forefront and very easy to see or whether it's kind of faded into the background Maybe fuzzy you can change its scale So what size an object is and you can change its opacity. So whether or not it's transparent or solid or somewhere in between Here's the concept of easing. I just love this thing is hypnotic I just want to stare at it like it's so ridiculous But these are the different ways that objects can accelerate or decelerate on a stage The concept of ease in is speeding up or acceleration So if you hear and this is like a CSS property you can you can work with if you hear about easing in This is accelerating so starting slow and getting fast easing out is the opposite and that is slowing down or decelerating And then there's also the concept of bounce and that's where an object is using follow-through to go slightly past its destination and come back So maybe if it's zooming towards you it goes like a little bit bigger and then retreats Or if it's going this way it goes a little bit past it and then comes back This is especially useful in fast animations because if something is coming to a stop really quickly It's not going to immediately stop. It's probably going to go like this right so that makes it a little more believable Or if something is very small or lightweight, it's probably not just going to slide gracefully to a stop It's probably going to go like whoa, so you want that in your animations I want to talk a little bit about duration, which is the timing of an animation or how long something should take to animate So Nielsen again I'm going to bring up Nielsen all the time did a study called three important time limits and they came up with these These three so the first one is anywhere around a tenth of a second a hundred milliseconds is what the brain processes as an Instantaneous response, so it feels like it just automatically happened right around that time At about one second You feel connected it feels like it's part of the flow of thought. It's really good for Navigation or major state changes whereas the point one second is better for very small transitions Anything up to and past ten seconds your losers your users are going to lose their train of thought and feel disconnected So if it's going to if your process is going to take longer than ten seconds You probably want some kind of secondary animation in there like a loading bar So for example, he's a really quick simple animation really close to that point one second. It feels almost instantaneous It's just happening right away a little bit more complex animation Maybe somewhere in between that point one and one second so you can tell that it's happening, but it's not taking too long Transitions and navigations tend to happen right around that one second mark You feel like it's connected to what you are doing, but it's slow enough that you can see what's happening And then long ones that are going to take maybe closer to that ten second mark You see that it needs that intermediary loading bar to show you. Hey, something is happening There's several different kinds of transitions you can have The ones that were identified and I'm using a lot of examples from material design Google's material design obviously there's several different animation philosophies But they had a lot of really good animated examples and I kind of like what they had to show here So number one is persistent which means that it stays on the stage So as it animates it's going to stay on your stage Incoming means that it wasn't on the stage and now it is on the stage Outgoing is the opposite it started on the stage and now is not and static means that it's not doing anything at all It's not animated, but it is an object that it other things might be able to interact with or might be able to provide context So it's still important One type of transition is a cut transition and a lot of the web is built on cut transitions Right like when you click on something and load a whole new page and it goes to a new page It's a cut transition everything reloads, right? The problem with cut transitions is that there is like a big huge lack of orientation here Especially if everything changes your your brain kind of resets and you have this change blindness So you don't necessarily know what was changed on the screen So this is actually why Between page loads on places where we can't control the animation We want to have as much consistency as possible We want to keep our headers in the same place our navigation in the same place our photos in the same place To kind of eliminate some of that problematic change blindness that cuts Create then we have a concept called a tween and this is the transition between keyframes Which if you remember from the the straight ahead action and the pose to pose This is basically what all of those elements we talked about transition between each other So for example here, we've got the purple circle turning into the white square that is larger So we're transforming shape. We're transforming color. We're transforming scale. The background is transforming opacity There's a lot of tweening happening here. So that's basically just a term for When things transition between keyframes One that's used a lot is a fade. There's several different kinds of fade you can have a Dissolve, which is a standard fade where it just fades out Across dissolve, which is where it fades out while something else is fading in So there's an intermediary state where you can kind of see both of them or a Sequential fade where it fades out and then the next thing fades in so you never see them both on stage at the same time And then we have transformation again This is taking you taking advantage of some tweening But this is where one object is basically becoming another like morphing So the one with the letters is kind of fun You've probably I used to play with that stuff in flash all the time back when I first got started But the one on the right is kind of showing a really nice example of some value of you know a button turns into the loader Which turns into the confirmation. That's kind of a nice use of transformation. I Want to briefly show you this this is a lot on the screen at once and it's kind of cool, but UX in motion developed some specific uses of motion patterns that can be used in web design and you might recognize a bunch of these I would highly recommend you go check out UX in motion net and Read a little bit more about these they're built somewhat upon the principles of animation Somewhat upon just different patterns that you might be seeing and they all have to do specifically with user experience in motion But I don't want to go into too much detail on that I'm kind of giving you an overview of what you can start looking for on your own So now that we know basically all the elements of the animation and what we can animate and in what way how do we then use? animation semantically and usefully in order to add value to our websites, right like we're not just doing it for doing it One thing that Animation is very good at is providing a hierarchical context So we want to establish hierarchical relationships between different things or show how we are navigating between layers again these are some really good material design examples showing how Parent objects become child objects how tiles become full screen things and how layers relate to each other Using animation in the web to give you that context and establish that hierarchy It's also really useful for establishing relationships So the first couple on here are what's known as a tab-to-tab or scrolling and swiping relationships Which are basically peer-to-peer relationships. So they're equal hierarchy. They're you know cats and dogs We could argue whether or not they're the same, but for this sake, they're the same They're kind of peers in terms of navigational hierarchy. There's also relating drop-downs to their menu items So the third one has a lot of examples of showing how the elements relate to the button that you clicked on So it's easier to tell where they came from Expansions accordions or drop-downs are a great example of using animation rather than just happening You can see oh this came from here and this goes back to here and another great example is Like loading icons or placeholders showing where the content is going to eventually be It's also really really useful to provide feedback Which means that it's indicating that a user has done something and that you've received that action and it's working, right? So basic example is like a checkbox, right? You check it and it there's little animation that shows that it's checked great perfect Clicking and dragging or pressing and dragging on mobile very useful to show like hey We have actually picked up this thing. This is where it's going to move to this is where it's going to settle down at Adding something to cart and showing like oh cool now. It's in the cart I just use that animation or even something as simple as pressing buttons to enter in your passcode on your phone and Yes, I have pressed these buttons and then yes the password is correct or no the password is not correct for using animation to convey all of those things Yeah, it's really good for your success and error states which there's another great example on this page for indicating status Just shaking it a little bit to be like hey no you you type something in a little bit wrong another great status indicator is When you're loading new content showing where that content is going to load which is a great example on the left hand side there Toggling in between states so for example here light mode versus dark mode. We're using animation to show that Indicating a progress like a load bar or pagination or where you're at in a process Really great ways of using animation to show where you are You can also use animation to give instruction. There's lots of different ways. This could take place It could be anywhere as simple as when you first load something Just slightly showing what motion you're supposed to take the first one, you know you load it And it's like oh you can swipe this so then when you do it, you know, what's up You can use animation to build an entire walkthrough if you want to so kind of a pre-loading state where hey Here's how the app works you can use it to indicate progress through an app You can use it to call attention to something you might want to click on like hey This button is probably the one you want to start with so it's really good for giving instruction or for tool tips or for In-context instruction and of course again back to that concept of appeal Adding delight you can create a little bit of personality or character with your animation It goes along with what your brand is so that could be anywhere from micro interactions. I love The two on the right are like some great examples of little like micro uses of animation to just make it a little bit more Fun like pulling that thing down and launching that little paper airplane. I just love it You can do character animation like this loading thing is which is kind of fun Or any or even like full b-roller cut scenes, which is a little bit more kind of like old school flash loader But you can still do it in a tasteful way But different ways of adding delight and we've been using animation. It's not new like this isn't new We've been using animation on digital interfaces since they were created and I want to talk about the most important Animation that's ever been created on a on a digital interface and that's the flashing cursor It's actually like one of the original animations and it's super super useful. It tells us a lot of things First of all, it gives us hierarchy because it says hey, this is the element to focus on right This is the most important part of the page because it's the one that's moving It's gives us feedback. So as the flashing cursor moves. We know that we are typing and it's working Right it gives us status because as long as the cursor is flashing We know that our computer hasn't frozen or bogged down right because when it stops flashing That's a problem and it gives us instruction if we've never seen it before Here's where you're supposed to type right? So this is actually this little flashing cursor is a really really useful example of animation and digital interfaces Okay, so now that we've seen all of these different ways that we could use animation How do we then use it responsibly in our own projects? And there's a few questions that you should ask yourself when you're in the process of putting animations together thinking about using animation in your website First does it add value you want to prioritize animations that will add value or multiple forms of value So how could it add value? Does it show the user where information came from or where information went to? Does it indicate progress? Does it move the user through the information space so like be able to navigate between layers? Does it reinforce the physics of an object or does it reinforce your branding? Like does it feel on-brand? Does it explain something faster than words or a video could? Also are your behaviors consistent? It's a better user interface when all of your animations behave in a consistent way So if something is going to do a similar thing the animation should act similarly as well It's also if you're repeating yourself in a way that makes sense It's a better more maintainable code base and it's a little more streamlined because then you're reusing a few of the same patterns Instead of reinventing the wheel every single time Is your interface still functional without the animation? So I believe especially on web interfaces where we can't necessarily control the browsing experience We want animations to be very functional and very practical But it's still needs to be able to work without it, especially if your animation is being done by any cutting-edge CSS or JavaScript that people may not have enabled You want your actions to still be functional without it So they may not be as good they may not be as user experience friendly But they should still all work without your animation. It shouldn't be crucial Is your animation optimized so what does that mean? Certain things are more resource-intensive than others if we're using a parallax animation of a million really giant photos and videos That's probably not going to be super optimized So consider the size of your assets that you're animating Consider if you're animating a whole bunch of really complex points in an SVG If you're trying to render gradients and make them move around a certain way How many paths you're trying to animate which animation techniques you're using can you optimize them? Can you make them a little bit more streamlined? We want to avoid jank. We want to avoid resource hogs and bandwidths and being frustrating and making people click away from your site And Lastly, do you need it? Are you just doing it for the sake of being cool or do you need to actually do it at all? Or could you do something simpler or could you just avoid it like think about that and don't do it if you don't need it I? Wanted to close on kind of this this quote I read in the book animation at work Which is one of the elista part books that you can I read a lot of those and they're great But this quote was don't make something unless it is both necessary and useful But if it is both necessary and useful don't hesitate to make it beautiful And what I feel like that quote is saying is that you want to be pragmatic first You want it to be something that you need, but if it is something that you need do it purposefully and do it well So here's a list of links that you can't read right now But that's okay because I'm posting the slides online. I just wanted to make sure that I had them all for you here The first one is really cool because it is all of those principles of animation But all done completely in CSS so that's really cool because you can see how that works and also jank free org About avoiding jank in your animations all of these are some just delightful light brunch reading That you can that's what I do over brunch as I read about animation principles So like you can too it goes really good with eggs But anyway Wrapping up the formal part of the presentation right now. So here's me Here's how you can get in touch there is the link of where you can find the slides So that's probably the important part that you want where to find me next After the session is over. I will be out in the hallway track. I'll be in sessions I will definitely be at the after party on Saturday and I'll be wandering around somewhat aimlessly But I'm kind of easy to find in the future online I'm going to be Doing a webinar with I themes about design sometime in March So keep an eye out for that. It's gonna be pretty sweet and my next camp will be word camp Miami So if you're gonna be in that area feel free to say hi to me there. Otherwise. I am opening up for questions All right raise your hand big so that the microphone people can run towards you hold it close cool Do you have any insight into the handoff process after you've prepared design prototypes for animations and given that to a developer someone That's gonna Work with those files. Is there any best practices or ways to package those things in order to make it an efficient process? Well, just out of curiosity like as a I'm guessing as a designer Like what would you be building the menu doing it in browser? Are you doing it as a mock-up like? We just hired a animator who's gonna be doing them in after effects Designer creates PSD gives PSD to animator to figure out UI animation and then What would be the next steps handing to the developer or if there's any tools that you recommend for? Displaying them online or cloud sharing or things like that. Sure So tooling I kind of feel like the best tool is the one that works So I I don't usually recommend tools necessarily. I think that's a good workflow I think the only thing to add to that is aside from Giving the at the after effects file, which is the actual video the animated file This is going to be turned into probably like an in browser Animation by the developer. I mean documentation on top of that like is this happening on click Is this happening on swipe? Is this happening? You know, when do we expect this to happen? How do we expect this to happen? I've seen I Haven't worked in like a hand-off situation for that. So most of the UX stuff I'm doing in teams is more Like stage layout versus animation interaction a lot of their animations are already determined by their design system Which is nice And they kind of skipped the video step and went right into the build in the browsers that stage but I've seen some stuff in my research and some of these resources on Using video as a communication tool and I think just supplementing that with intention like documentation of intention will make it really useful Yeah, there's another one. Sorry. Go ahead. Do you know of any good examples of parallax websites? And if so, what was maybe some of the highlights that you thought were successful in that creation good examples of parallax websites, um, I kind of personally I kind of hate all of them As a personal taste, right? So they are nice. It's cool But to me all it is is nice and cool like it hasn't added anything aside from being cool and I'm a pragmatist So hard. I don't believe in doing anything just for being cool so like I've seen a lot of parallax websites that are beautiful and cool and pretty and a pain in the butt to load on my phone and a pain in the butt to load on a slow internet connection and I don't know so If you're designing a website to try to win a design award You can do a lot of cool stuff with parallax, right? But if you're designing a website to like try to actually convert something with people that you can't really guarantee How their bandwidth is going to be or what they're doing like I don't see a Purpose, I don't know but I mean they are cool and they're pretty and I've ood and odd At them before but I don't know I can't really give you like a good example Because I just have like an opinion Yeah The this is a mic. There's a microphone It's coming There we go. Thank you only work on 2d. Do you have any suggestions about working with 3d? So 3d animation is its own thing I took one class in 3d animation and what I learned about that is that 3d animation is Hard and there's a reason that it's an entire field of people that went to school and just did that There's plenty of programs that you can do it in You have to have a really good understanding not just of animation principles But also of lighting and staging and and mass and and how shapes work I Certainly don't have any experience doing anything close to 3d on the web although there is a lot of interesting 3d-transform stuff happening in CSS nowadays I wish I was cool enough to be experimenting with that But I do follow some really awesome animators that are doing a lot of interesting stuff in that space And I can talk to you about who they are afterward if you want But I don't have any specific tips with 3d other than 3d is is its own Jeopard beast and kind of like how I say I don't do SEO because that's its own field I also don't do 3d because that's its own field Yeah Yeah, well, that's getting your steps in You'll hit ten thousand in no time So I have a question. I love Animation and what it makes available But I find myself being too headed when I design and I also want to design for accessibility So I really like the where you said like is it still functional if it doesn't load or somehow doesn't work Do you have any examples or resources for? Animation but in a way that's also accessible sure so Accessibility is something that I strive for but probably fall short in a lot But I'm always constantly learning because that's all we can do but I believe following the principles of Trying to be as native as possible so like let HTML do what HTML is supposed to do then let CSS do what CSS is Supposed to do and then let JavaScript or something else do what it's supposed to do We'll probably be the best way to create accessible animations, right? Because we're not trying to override a native browser behavior or a semantic browser behavior with some random thing just because we want it to do something fancy So if we can that's kind of another use of responsible animation It's like if we can let if we can use a native HTML element and behave the way It's supposed to behave and and make that work and then maybe style it to look nice Then maybe we can add in some CSS animation. That's native then go into JavaScript I think that's probably the best way of keeping and I'd be if anybody is like more of an expert on that and wants to tell Me more I would love to know because then I can add that to version two of this presentation But usually I stick with trying to use semantic things the way they were meant to be used and that's the best I can do Okay, hold on microphone. We want to make sure the at-home players can hear us They're important to So my question to you was about are you more into JavaScript animations or just pure CSS animations and The difference between the two sure so nowadays We can do a whole lot with CSS that we maybe couldn't when people started doing JavaScript animation like went I mean the whole reason that a lot of jQuery happened was because we were trying to do these things simply and semantically and interestingly I I Am medium at JavaScript so as a WordPress front-end developer I can get away with that right because I'm doing a lot more PHP than JavaScript Although thanks Gutenberg now. I have to do more JavaScript, but anyway Yeah, but I Do mostly I try to do is as much CSS as possible for my animations as opposed to JavaScript If I do use JavaScript I'm trying to do it vanilla as opposed to loading a framework. I mean again It's like how stripped down can we make it how optimized can we make it? So if it is something that I can do in CSS and it's supported by most of the browsers that I need to support Then sweet and then if I can fall back to whatever the HTML element supposed to do then sweet So I would say most of my animating and I'm mostly working in microanimations, so I'm not doing character animation I'm not doing full-screen, but like there are people that are great at that I'm mostly trying to do to do micro at interaction like toggles and expansions and buttons and like making those be more useful That's primarily CSS for me Any other questions? Cool. Well, like I said, I'll be around for today and tomorrow I'll be pretty easy to find and feel free to come bother me if you have any questions about animation about design about Wapu about Salad, I don't know whatever The happiness bar I Maybe I was planning on going to the talk after mine though, but I will be at some point today So there is like a little ten minute break. Yeah, I can go I can go I can go there now Yeah, so if anybody else has any questions that I want to reach out the happiness bar down at the end of the hallway Outside of that. Thank you very much Thank you. Thank you And like I said, we do have a little break before the next talk so go out stretch your legs dance party in the hallway Check one two three four


Ukrainian Defence Forces advancing towards Novopropyivka, Malatok-Machka, Okorekiv-8. In Zaparizhya direction, the Defence Forces of Ukraine are advancing towards Novopropyivka, which is near the recently liberated Robotyn, and towards Malatok-Machka and Okorekiv-8. Despite rather difficult combat conditions, our troops advanced in the areas of Eurozane, Robotyn, and also had success in Melotopol and Berdiansk directions near Stara-Mayorsk. Currently, our troops are advancing in the direction of Novopropyivka, this is near Robotyn, and in the direction of Malatok-Machka, Okorekiv-8, Oleksandr Stupin, the spokesman for the Joint Press Center of the Defence Forces of Tavria Direction, said. According to the spokesman, the Russians tried to put pressure on the Ukrainian troops in Abdiyivka and Mariinka directions, but they fail. Stupin also noted that Ukrainian soldiers captured 17 occupiers in Tavria Direction over the past day. Certain structures work with them, and I think that they will tell us a lot of interesting things, he said. In addition, Stupin added that the Russians had somewhat strengthened the aviation component, that is, the number of airstrikes increased. According to him, this only proves that other Russian firepower cannot stop the advance of the Ukrainian troops.