Welcome to the Up and Atom Show. Brian Barton paying a big part here. I'm standing for some reason. Eric Weddell is on the program. Looking forward to talking to Levante David as well. This is the Up and Atom Show. Point of the season baby, looking ahead and looking forward of course to week 10. Big Game in Germany. Lots of NFL media over there. My old NFL media family having the time of their lives. Getting set for what's gonna be an insane great game. Is this a turning point for Tom Brady? Bang that table, drop the F-bomb. They got the win. Wasn't pretty the rest of the game with that final drive. Maybe it turned something around. Talk to Levante David about that. We'll be sharing that throughout the week leading up to that big game over. The first game ever in Munich, Germany. And they've taken on the Seahawks. The Seahawks have been, my team's note. I feel like I talked about the Seahawks more than any other team on the show of late. But you're wondering why am I standing today? I mean I clearly wore the wrong outfit. Sometimes I completely mail it in. Today is that day. I'm not wearing water shoes, but I'm wearing my most busted Reeboks classics. I don't know if we have the jib shot. I'm literally wearing wrinkled like track pants. And I top that I actually really love from Carrie Underwood's brand. You can get it at Dick's Sporting Goods. Oh! But here we are. And why I'm standing at this podium that looks like it's straight out of Game of Thrones is because we're gonna do some mid-season awards. You're not even a sports television show unless you pull out mid-season awards and you find that stock award music and you have to have envelopes. Which by the way, if I was giving away awards for MVP, Brian Barton, Taylor, and I can't ever say, well how do you say Taylor's last name? I can never say it. Fue, Fue? It's Fue. Taylor Fue, oh it's so easy. I thought it was Fue. Taylor Fue, our wizard, our goat, and of course Musa McBride, who are glue gunning and pasting things because I decided I wanted envelopes at about 6.15 this morning. Also, my computer, I would not have a show because we don't have Frumpter, but without you, Musa McBride. So this one, yes take a bow, this one is for you. So let's do this, halfway through the season, no better time to ditch out some awards. Some will of course reward and reflect upon what has happened through nine weeks of action and some will be predictive on what is ahead. I wanna know your thoughts of course at Up and Atom Show. The first award we're giving out this morning is... The Tom Cruise Award. We're doing the Tom Cruise, oh hey, there he is. Where has he been, right? So the Tom Cruise Award, what is this? It is an honor bestowed upon someone who embodies his true essence, an icon in the industry, well respected, hardworking, dedicated, a star, adored, but as time has passed he sort of maybe went away. I'm not gonna say it's an afterthought. I mean, Tom Cruise is Tom Cruise, but it wasn't his moment. And then he appears again, a blockbuster hits, a perfect scenario, and he once again captures the world's attention, proving he is an ageless wonder. The Tom Cruise Award this year goes to... Oh, we wrote your wrong road too. When's the Tom Cruise Award? That's right, the Seahawk season with Gino Smith. This is Top Gun Maverick, that's what it is. Gino is, oh, I mean is Gino Maverick or is he? Unbelievable, halfway mark. Seattle is sitting at six and three. They're atop a division featuring the defending Super Bowl champs and two other playoff teams from last season. So, you think Tom Brady has found the fun, hey, Pete Carroll looks pretty good up there. How about Pete? He is 71 years young. Yogi Roth worked with him at USC saying he's not surprised at all by the chemistry he has, the coaching philosophy, how seriously he has it, and what is driving him and motivating him.  So Seattle Seahawks head coach, Pete Carroll, keep it going against the Buccaneers, tough sledding over in the land of Laderhosen. The next award, what's the next award? The House of the Dragon Award. You could do better, try it again. What's the next award? The House of the Dragon Award. It's your car, so we don't know, we don't know. You couldn't get me flames? You couldn't get me a flame shooter? Well, what's happening? Okay, so this award, let's see what this one is. This is a franchise that is taking advantage of an opportunity to reinvent itself. Legacy is involved. Most everyone is disappointed with last season of Game of Thrones, but it's come back strong with House, with what? House of the Dragon. In the same way, this team has been disappointing for the past six seasons, not just the finale season, but it's standing strong here, and the award goes to the New York Giants. Woo, the New York football Giants. We need a clap track, a clap track, clearly in the studio. Because much like the Targaryens themselves, the Giants have a proud history of tradition, right? It was painful to watch the Giants the last six seasons, right? It's almost as painful as the final season of Thrones. I think there was as much skepticism about the release of dragons as there was about this giant season, even with Dable, but both have delivered in a big way. And everybody thought that Dable would be ruling over a kingdom of ash and bone, but he has found a way to make this thing work in large part through the resurgence of his own dragon, St. Quine Barkley, looking like Vagar out there as he's torn through defenses. He's averaging, get this, 122 Rush Yards, eight game. So Wink, you know, Wink's got some daemon in him. Are you watching the show? I think he does. Guys, guys, got some daemon in him, an absolute wild card. And his defense has been going scorched earth on absolutely everyone. I'm sure Eric Weddle will have a lot to talk about when he joins our show about that in a bit. And we'll see if the success can continue in the second half of the season. There's no reason to think it won't. I will say, hopefully we don't see any late season curveball developments, like Laris pulling a Rex Y in with the Queen. I'm good on that. You know what? I'm good on that HBO. I'm just putting my, those are my thoughts though. Your thoughts, Adam and Adam show. Announcer, what's really, really, I want like diaphragm, bring it home. What's the next award? Don't worry, darling award. Don't worry, darling award goes to the team who's great job. Surrounding drama has been more entertaining than the actual product. The team would kill to get a behind the scenes look at what's going on behind this team. Just like, I mean, this was the story. All the TikToks were about this and the glancing and the drama of it all and the videos released and the Vanity Fair article of so much going on there. The spit, did this spit happen? Did anybody ever get to the bottom? You think it did. We're saying you would like to think that it happened. Okay, so the winner of the Don't Worry, Darling Award is, I'm gonna see how long the track is. Don't go. The Indianapolis Colts. An insanity going on there. This is team that had a roller coaster. I mean, did you guys see this press conference? Unbelievable bite by Jeff Saturday. I could run through a wall frame at this point now. The benching of Matt Ryan, the drama, the firing of Frank Reich, replacing with a former player with no NFL coaching experience. But holy moly, if it works out. Holy moly, if they are good with him as the head coach. The Ursa press conference talking about building rockets and making sausage. Now we may not have a spit gate yet in this drama, but this still has absolutely fascinating and it has been awesome to watch play out. And I just can't wait to see what happens. How about the cast of Don't Worry, Darling? Anybody see it? Yeah. You saw it? Oh, yeah. Interesting. You're the one. I love that. I'm kidding. Is it a good movie? It's not.  I mean, Janastin told me yesterday in a lore magazine that stars are no more. Movie stars are, but you can't. I mean, I don't know if Flo quite liked that Janastin. We'll have to talk about that on our next show. Okay, yes. We can't wait to see what happens and we'll try and to see if they're trying or not too. Nobody said anything. All right, we have another award to get to and the next award is... The Doja Cat Award. I do love her. Sarth, the Grammys in the bathroom. Fell in love with her. Love her. Okay, Doja, there's a lot going on. It's for the breakout star, of course, which she's beyond that now, of course. Shining as much as for the personality as they do for the work that they produce. You know, everything they put on display is going to be hit after hit and they're always going to find other ways to entertain you in the process. So I would, I'm trying to guess who this award could go to. So who's like the Doja Cat of the NFL? The award is that they're just as entertaining on the field as off. And the break up. Thank you, Marissa. What's going on with our prompter? I would love to read these things in our prompter. That's still efforting. The Doja Cat Award, if Doja Cat doesn't need a prompter, neither do I. The Doja Cat Award goes to, oh, this is a good answer. Sol's courage as a true shutdown corner in his league as rookie. Marissa, has he been a mayor of shutdown city? Four times. Yep, he's out here trolling his opponents and their fans every week. The cheese head, we all saw that. Al-Lazar, it's R and U. Every time the camera cuts to him and he's making a play, he is talking more trash than Doja Cat did about that Mexican pizza. Did you guys see that Mexican pizza thing that? I've no, anybody know? Tweet me. He's the number one graded corner in the entire NFL that's according to PFS. And I think he might run away from this defensive rookie of the year. What do you think Toss thinks about getting the do? He likes to talk to us on our Twitter and Instagram. He think he'll like this? He think, I hope he does. Taylor Few will let us know. He'd be a DMs there. I thought it was food the whole time. So it shows what I know. Okay, and our next award is? The Dwayne The Rock Johnson Award. Oh, is this like a glow up award or like what? Okay, okay, let's see what this one is. This goes to the player who we are so excited to see mature. Great on the left. I love a turtleneck. I love this whole look. But to see him sort of grow and mature and try new things and not be seen as a guy who's talking about what they smell like and what the rock is cooking and all of that, like a nice transition into just like a different plane. And that's what we're looking for. Just like this guy. So we saw him thrust into the national spotlight at 18 and continued to blossom before. The Dwayne The Rock Johnson goes and I wasn't talking about Dwayne there. I was talking about the winner of this award and I know who it is. Oh, I know who it is. I'm good. Tell her who the winner is. Jaylen Hertz. I'm gonna add a young gauge, young stage, but national, I mean big stage rather. National championship is a freshman in Alabama. Being forced to transfer to Oklahoma. Becoming a controversial second round pick of the Eagles. And now in his third year, year number three, Marissa McBride leading the team to an undefeated 8-0 record. Sitting along a top rolling at the top of the NFL standings and he's increased his passer rating over 20 points. He's throwing dots out there and he is the engine behind this juggernaut that is the Philadelphia Eagles. So Eagles fans, I mean you just gotta hope that what's happening in the transition is a little more Moana and a little less the tooth fairy. Anybody seen the tooth fairy? No, no one's seen the, no, exactly. That's where we want, you've seen it? Yeah, nobody's seen the tooth fairy. But this is what we want out of Jaylen. And then we have a fans choice award, of course. We're like the hip. What are we doing? Comeback player of the year. That's what we want from Twitter. Hey, it's a great idea. Who is the comeback player of the year? Who's having a comeback right now? Brendan Frazier. Brendan Frazier's having a fun comeback. Low Waste Jeans are making a comeback. I did a Pilates class yesterday because I heard Low Waste Jeans are coming back. What else is coming back? Low Hand, Lindsay Low Hand has two movies. The New York Post, that's something we need to say about her but what else is new about The New York Post? We have Lavante David on the show before he heads over to Germany for the international series. If you've got him, love him. Future Hall of Famer, Lavante David, next. You stepped for your trip and I learned all about Germany. I don't know if you've ever been there before. Which teammate would you pick as your beer-guzzling partner? Now, Tom can throw him down. Hey, listen, listen. I can't just pick one person if you say that.  Go. Welcome back to the up and Adam's show. Mr. Todd Bowles, excited, of course. That's Tom Brady, not yelling, not throwing said Microsoft surfaces. And that is a win for Tampa Bay. They are sitting there pretty, the rest of the NSA cells, L's all around. So who's gonna stop Tom Brady in this division? Is this a turnaround? They've got a big game this weekend, of course. Overseas in Munich. Maybe we'll do our show for Munich one time. I don't think we can be trusted. I don't know if this group of cast, cast of characters, I'll be trusted. But then they're like, maybe we'll send you to the derby. And I'm like, that's a terrible idea. But I'm here for it, but a terrible idea. But we got to sit down and spend some time with Lavante David, who, Future Hall of Famer, such respect for players, such a leader in that locker room, I believe unheralded on a national level. And we caught up ahead of this huge game where he has to stop Geno Smith and company. Take a look. Huge win, my friend, over the defending Super Bowl champs, Saints lose, Falcons lose, Carolina loses, let's get a buck in your vibe check. How we feeling? We just need a win. Obviously, with the three games game we had, losing three in a row, it wasn't a good feeling. It wasn't a good test tonight. I'm out. It definitely was a good feeling to finally get a win and change the dynamics in the locker room. Changers, that's what you're seeing. I'm hearing that and I'm hearing turning point. I'm hearing Tom Brayton slam in that table and I just have a weird feeling about this team. That was awesome. That was awesome. How much more meaningful was it coming off a player's only meeting that I hear you were a keynote speaker in? It was real good. It kind of makes you feel like your message was received in a sense, but just a message that needs to be delivered, just trying to get a feel of everybody, just trying to check the temperature of everybody, make sure everybody's goal is still intact. Just me as a leader, just trying to keep everybody up, keep everybody positive and let them know that it's far from over. Then getting started the way we wanted it to start. But like I always say, I mean I got a lot of football left and I got a lot of conferences in the locker room. Yeah, so take me, I've never been in a player's only meeting, of course, who, I need to know more about them because everyone says, oh, they had a player's meeting, blah, blah, blah. Who decides that you're having one? Is it like an email zoom link or is it like a group text like, yo, meet me for protein shakes by the bleachers after practice? Like how does it go down? Nah, I really just random, you know, just random.   And that's what we try to do, man.   It's always good, man. He knows he's a great player. I tell him he's a great player. So you can't let that outside stuff mess with you, man. You know, obviously the message was received. So he definitely wanted people to know that he's still Devin White. Me being 11 years in the league and dealing with a lot of things got dealt with.  I think I'm doing a pretty good job and I feel like he's taking it really well. You are, you can tell in the difference from a week from before the Rams game to what we saw against the Rams. And I'm sure we'll see this week and against the Seahawks. You have a lot to do with that.  But you, my friend, specifically, you lead. I do even know this. You lead all active players in solo tackles. Did you know that? No, I did not know that. You do. You do with 900, 908 solo by yourself. You do it alone. Lafonte, David, they do everything. Linebacker doing it for Tampa. There's someone on your team on offense. We can't avoid here in this conversation. He's been doing it for 20 years in this town. Great. And you've spent like three seasons with him now, I think. What's the one most important lesson that you've learned from him directly or just being around him? Just always being positive. He's a very positive guy. Always encouraging. You know, he's never down. You know, just having that competitive nature. You see the stuff that goes on, you know, on the sidelines, whatever. But after that, you know, he's back positive, back being himself. And it just encourages him to see.  Lafonte. That's so good. There are some Microsoft surfaces, those tablets, that would say, Lafonte, my life was lost. I was in the hospital. I know Microsoft said I was in the hospital. I was in the hospital weeks after Tom threw me. But you're saying, are you saying that there's these moments that are incredibly competitive, but they don't matter? People want to say like, he's yelling at people. He's like, it's really not how it's taken by teammate. Right. It's not taken that way. You know, it's a competitive edge that we all have. Yeah. And you know, when he's getting after with people, you know, shoot, I get after with people too. So I just don't get captured doing it. So it's just a competitive thing. You know what I'm saying? Everybody receives it well. And it just a will to win, and that's what he has. Was you and Bobby Wagner drafted in the year played with each other Sunday? I'm looking for footage of the, you know, this is like the perfect Jersey swap depth of scenario. Two studs, two future Hall of Famers. I was scouring the internet. Did y'all not swap jerseys? We swapped jerseys already when he was in Seattle. So he did that before. But we seem to encourage him messages throughout the year and stuff like that. So Bobby's a great deal, man. He definitely got who motivates me. He motivates each other to keep staying cool. Okay, so your next game. Let's look ahead here. You're going up against three Hawks who are fire right now speaking of Seattle. It's in Germany. I want to get you set for your trip. And I learned all about Germany. I don't know if you've ever been there before, but I'm going to give you a scenario and you have to pick a teammate that you're going to do that scenario with, okay? And you can't pick Devon. Okay, I can't pick Devon. You can't pick Devon. You're on this long plane ride over. You have to pick your morning teammate to sit next to and control the music. Who are you picking and what are you listening to? I'll probably pick Carlton Davis because we're from the same neighborhood and like we kind of like some of the same music, Miami music, some of that fast type music. And then we could probably switch it up sometimes.  He listens to gospel. So we definitely have a similar vibe on the music. I love it. I would pick the first. I would pick Todd Bolst. I think he would not talk. I think he wouldn't listen to music. I think he'd be quiet for a while. Yeah. I love Todd Bolst. He's the best. That's a great pick. Okay, so there's this thing. I don't know if you're familiar. It's called the Audubon, okay? And it's this. It's crazy. I just found out what that was. So what teammate would you want to drive down the Audubon with? I'll probably go Leonard. Leonard kind of was a fad driver. He's a speed guy sometimes. He'd be pilling out the facility going fast and stuff. So I'll probably take the pick limit. So let's do track with it. What kind of car are y'all driving? What kind of car are you driving? Should we drive in the Ferrari? A Ferrari? Yeah, yeah. Leonard Fornette in the Ferrari. That's a good one. Okay, so then we have this thing called October Fest.  Beers on beers on beers on beer. Which teammate would you pick as your beer guzzling partner? Now, Tom can throw them down. Listen, listen. I can't just pick one person if you say that.  Go. I go Vita Vale. I go Pat O'Connor. I go Will Ghoston. I go Jamel Dean. Okay. Levante, have you thought about this before? No, honestly, this is just guys who I've been out with and I know how to get down. Vita Vale has blew out your mouth. Yeah, yeah. Vita for sure. He's definitely getting the more. I love that. Okay, Germans are also famous for their food. They've got things like this, okay? It's called Schnitzel. It's like a pork chop breader. It's the whole thing, right? They've got sausages. They've got pretzel.  Eat my way, I should. I'll probably go Vita again. A Keem Hicks. Okay, yeah, I could see that. Not Tom Brady. Not Tom. No, definitely not Tom. You know Tom may eat that type of stuff. Okay, last one. This is later host and this is with Outfit, right? I'm sure you've seen it before. Which teammate would be most likely to wear this as their fit and pull it off? Their game day fit? No, honestly, I would probably do Pat O'Connor for sure though. Why Pat? I'm not getting all this love in the segment. You know, because it's good for Pat. Pat do a lot of dorky stuff. And he would do something, yeah, he would do something like that for sure. So wait, so tell me for real, does this team have any vibe of a, I know you don't want to get ahead of yourself, but does it have any sort of feeling for the future like you had that year you were in the Super Bowl? Uh, not really. You know, like I said, man, we dug ourselves in the hole, so we're just trying to focus on one game at a time right now. We're not looking ahead, we're just focusing on the right now.  Got some great players, they're doing a lot of great job and go as a team. Are you going to be the team that brings this Gino party to an end? Hey, man, we're trying to, you know what I'm saying? We want to, and we're going to work at it. Levante, we are such big fans, you are amazing, and we are wishing all the best things for you. Thank you so much for making time. No problem, okay, thank you.  We bring in Matthew Hamilton. We're waiting for Eric Weill to get logged in, and I appreciate you hopping on. I know he'll be on later in the show. He's such an unassuming future Hall of Famer.  And it was last minute. That was awesome. It was last minute. He last minute said, yeah, I have time to sit down. Thank you to the Tampa Bay Buccaneers for helping facilitate that, of course. And we all sat for five minutes, our whole team, like, what do we ask him? What do we ask him? And you brought up wanting to bring up Bobby Wagner, which I didn't even think of. And it's so true. And they're both so unassuming, even though they're both wearing those gold jackets at a certain point, I love the respect he has for Bobby. And I can only imagine what those messages share between the two of them. So I thought that really stuck out to me. And he's a little too humble as, you know, and he's smiley and he's great, but we saw what Devin White looked like week eight. We saw what he looked like week one through seven. And then you saw there's a player meeting. We all hear that Levante David is a spokesman, the person making that happen and loud. And then you saw it on the field. So he deserves mutual credit. He really does. And that was one of the byproducts of Brady going there. Like he's been so great for so long since he broke into this league. And he didn't really get recognized for it. And that was one of the cool that Brady going there, shed some light on a lot of other guys that deserved a lot of credit. And I think he was at the forefront of that. He's, as he talked about in the interview, leading the league in solo tackles among active players. So he's been doing it at such a high level for such a long time. It's awesome to see him getting more of the spotlight now. And as he said, such an unassuming personality, but also so much fun there and what he's meant to that entire defense. I'm just looking like his Twitter. And I think this is, he has 2,687 followers. It's not verified. I mean, the bucks need to spring for that $8 thing. Don't get me started. I actually don't even know what's going on there. I'm too, I don't even know. But he's so honest, but he's so great. And we loved having him on the show. And I love this next guy coming up on the show. It is the bearded one, the guy who's beard, your beard aspires to be, Matthew Hamilton. There's a gritty feeling in the air. Here he is, Eric Weddle. Joining us after this one of the best safety, he's going to put on the safety goggles and look at matchups for week 10. A Super Bowl champion in our midst rams. Those Ravens look so, are the Ravens winning the Super Bowl? This year they might. A Chargers superstar as well. Best friend to somehow ever guess that comes on the show and always wants to like to ask Weddle questions through them. I'm just here to ask Weddle questions for Danny Woodhead and Andrew Whitworth. Here he is, Eric Weddle. There he is. What's going on? What's going on? Lots is going on. Oh my goodness, it's week 10. There's a game in Germany this weekend. Aaron Rodgers is throwing interceptions up against the Lions, the lowly Lions defense. So we have a lot to get to. And you my friend are taking over as head coach of your local high school team next year. The big NFL news of course was a surprise Jeff Saturday, hiring by the Colts as an interim guy. A guy with no college, no NFL coaching experience. But he says he's a leader of men and he wants to do it. Here's my question for you. Let's say the Rams job opens up tomorrow. You get the call for, I guess it would be Demoff, right? Or Les, somebody calling you. What are you, what's the first thing that you think? Take me through like, imagine I'm Demoff saying, Weddle, the coaching job is open for whatever reason. I want you to take it. Yeah, it would be a big jump obviously, a commitment. And, you know, like Jeff said, he's not in there to, he knows what it's like in the sense of as a player, he's been around it. And he knows he's got to go earn the respect of the guys. He hasn't been around, not any off season training camp. So he's going to go in there with the approach that I'm going to earn the guys respect. I'm going to be me. And try to do the best he can. Like there's a reason why Jim Hersey reached out to him. And for all the understanding, is it the right thing to do? Is it the not, is there better qualified guys? Of course, but at the end of the day, he's the owner, he's going to do what he wants. And he feels most comfortable with the guys he knows and trusts, and that's Jeff Saturday. So at the bottom line is he's the owner, he makes that decision, whether he's right or wrong, he'll decide that after eight weeks. And it might be the best hire, it might not be, but he does bring a lot of quality. Listen, at the end of the day, head coaches just got to galvanize the units. They got to inspire, they got to manage personalities, right? And they just got to lead the ship.  You just got to lead men. And Jeff Saturday said it perfectly. And I think he'll do great because he was a stud player. He, I mean, the list goes on and on. So I think it's, yeah, I think it's awesome. Anytime any X players get coaching jobs or head coaching opportunities, they usually do outstanding. So we'll see what happens, but I love it. And I think it shakes everything up. It's definitely the players and the coaching staff and this and that. We'll see, it's eight game, eight game audition for the Colts and everybody else. I didn't ask about Jeff's, I asked about you and you somehow turned it into your thoughts on Jeff Saturday, which is incredible. I will say this though, lots of people want you to be a head coach in the NFL, including Jeff's Reback, a friend of the show, who of course covers the Ravens for the athletic. He thinks it's a good idea. Which former Ravens player, I mean, there's a lot of good ones to choose from and that you would be the best head coach. I'll ask you this, you're saying that the head coach's job is to galvanize men, to be a leader, to manage personalities. You have what it takes, what would you do in that Colts locker room to do that? What would be your first most important thing of business in it sort of getting those guys to buy in? It just gets back to the basics. Why haven't we been successful? And it starts with the O-line and D-line and controlling the run, protecting the football, protecting your quarterback, running the football. I mean, this was the number one Russian team just the year ago. So why has that not been the case? And figuring out what's holding this team up? You know, like you talk with the leaders on the team, talk with the guys that you trust within the organization and figure it out. And the bottom line is just being real and honest with the players.  Like you're the top guy on this defense. Like you can't have a bad game, right? So let's figure out why are we putting you in bad spots and the scheme, whatever it is. So as a coach, just figuring it out, figuring out what your team needs and being honest and upfront with them and be collaborative with them, right? It's not just all on the head coach. It takes everybody. And I know the head coach and the stars get the limelight, but it takes all 53. It takes every coach within the organization to be successful on Sundays. It's not just one person and just understanding that. We had Lara Overton on the show. So she's the team reporter for the Indianapolis Colts. She's more than that, though. She's a producer. She's really close to the guys in that locker room, the front office all over. And she came on when this happened and told us that, you know, I asked her about the shock, like the player shocked and they said, yes, they were stunned when they benched Matt Ryan. And of course, even the Naim Hines trade and then the Frank Reich thing and then out of the Jeff Saturday thing. They, but they also feel the burden of responsibility. Like they feel culpable. They feel like, well, man, if we played better, if we were this, if we were that, none of this would be happening. So I ask you, you know, if you put yourself back in the locker room as a player, how would Eric Wettel, the player feel about Jeff Saturday coaching him? Cause there's also the, you know, the fact that Jeff wasn't in the building. He was there for a little bit in training camp, but there's a lot of Reggie Wayne. There's a lot of guys who were in the building that players might want to have seen. How would Eric Wettel handle or like Jeff Saturday coaching him? The bottom line is it doesn't matter what I want or think or and concern with. My job is to be great on Sundays and try to leave this team. And obviously the guys in that locker room probably feel that they haven't done a good enough job. So it always comes back to yourself. You look yourself in the mirror and figure out how can I do a better job? How can I better, how can I prepare better? How can I be a better teammate? How can I make sure on Sunday that I do everything throughout the week that I play great on Sunday? It doesn't matter who the head coach is, quite honestly to me. I don't need a coach to motivate me and get me ready for the game. I just need a guy to make sure that the ship's going in the right direction and make great decisions on Sunday and not going for fourth down when we should be punting it or kicking field goals. Like that's what I care about, but ultimately you need a guy, obviously to lead men. And I think Jeff can do that and we'll see what happens. We'll see what happens, of course, we'll see what the real plans are for this Colts team. There's a lot, they got a lot to look at in this office and know that about it. I mean, you could even say, and I know this is wild thinking, right? And I'm not saying by this, by any means, but you could easily, or say you could call Jeff and be like, hey, Jeff, hey, Jeff, like we're struggling. I just need a guy that I trust to just write it out and we need to lose as many games to get the top pick. Like that could easily be the case as well. Like we don't know, but maybe save one of the guys, one of the assistants on staff, the embarrassment of the rest of the season and actually is doing them a favor. Like we don't know because we're not in that building, we're not in those conversations. We could all just think about, why is this, why that? But I mean, that could easily be the case too. But you're not wired that way as a player, right? Or as a coach and maybe Frank Reich, Frank Reich, I don't know him very well, but I don't think he's wired that way. I'm sure he would not have been on board with that sort of a philosophy. No, well, Frank was gone at this point. I'm saying Ursaid to Jeff Saturday. But I'm saying, why is Frank gone? All I'm saying, if you're saying that we're struggling and this is the plan potentially, we need somebody to carry that plan out, is Frank Reich gonna carry that plan out? Likely no. I mean, listen, I'm just throwing another dart at the board to just get people talking because we don't know, nobody knows, right? And we're gonna find out after eight games if it was a good decision or not. And they're gonna move forward. And all of us talking heads is really relevant because we don't make any decisions. Yeah, Ursaid wants, you know, people wanna say what they want about. Ursaid wants to win. And Ursaid knows that time is of the essence with this close organization. Quarterback carousel since luck decided to retire. I mean, it's not the lack of effort, just the decisions they've made haven't been, I mean, outside of Phillip Rivers, that was the one successful season with the quarterback carousel, which is unfortunate. Any time we give Phillip Rivers love on the show, you know I love that. All right, tonight we've got Falcons Panthers and let's just be honest, this is a rematch of one of the best games of the season, D.J. Moore's touchdown, there's the controversial celebration penalty, Atlanta's win in overtime. I hope it's a high scoring game, but I'm gonna ask you, our safety of record on the show to give us a closer focus on the game. Whoa, look at that, young man. What's a matchup you're looking closely at? 50 goggles. I'm looking at how is the Carolina defense going to minimize the opportunities of their great tight end pits. He is one of these new generation type tight ends, they're athletic, they're fast, they're big, electric, right? And if I'm Atlanta, I'm trying to get this guy at least at the bare minimum 10 touches a game because of the mismatch he presents every snap of the game. So I'm curious to see how they match up with him. He had 80 yards of touchdown in the first game, couple of explosive plays. I mean, at any time you can get this guy a matchup whether it's third down in the ISO, off the ball, an option route, or those overs, those crossers, those routes that are run away from the defender, that's their best option. So he needs to be getting the ball and Carolina knows that. So I'm interested to see if they've got a good plan for him. If not, he can wreck the game.  Feisty young defense on the Carolina side, they got something to prove Kyle Pitts up against those linebackers. Let's see what happens tonight. Who do you think wins? Panthers, Falcons. I got the Falcons. They kind of gave that game away last week against the Chargers. I think they're hovering around mediocre to good. At times they're good and at times they just aren't there. So I think it's obviously a division battle. I think it's going to be a close game, but I think Atlanta is a better team. Carolina is going in the wrong direction, which unfortunately, I love Coach Wilkes and the job he's trying to do there, but they're just not very good. You're very good though. I love that safety goggles. Am I right? I love that, but now we have to do the serious business of what we've done here to do. It's time to get down and gritty. The grit list. Last week. Last week. I know I guess people are getting up war, so I'm thinking maybe halfway through the season we strap the first half and get a new list in there because they just think my top three isn't good enough for everybody else. They want to change where I'm a routine type guy, but we're going to go with, we've got Mack here coming in the sideline coming out. He dropped in coverage for one, which you don't really like to see with Mack, but he's a freak of nature. So he can't do that every once in a while. And the guy literally just takes the ball from Drake London on the sideline, just an impressive man grizzly bear type play. And that's just grit.  That's just grit. I mean, seriously, like, how do you just let the ball get ripped like that? You gotta be tough on that. You gotta be tough on that. Number two, we had tasted him. I mean, my wife Marmar, I love my guy. Yeah, I got him as a rookie in Baltimore. I love him and he is one of the most physical dudes in the game as a corner. But my guy, Taysom Hill, Taysom Hill did this to me my last year in Baltimore. I came up on a zone rate. He didn't really run me over. He just outran me to the sideline. I just didn't have the pep in my step as a 34 year old, but Taysom Hill is great to the tee. He plays all over the place. And he just trucks Marmar like that. Sorry, buddy. And we got Samuel right here. Here's Samuel with a triple coverage. I'm not sure what he's doing here. And a terrible decision, but he gets helped by the rep. I think the rep is more gritty on this than the actual catch for actually being a bonus offender for the red for the Redskins. Yeah, they are the Redskins. They'll always be the Redskins to me. And yeah, make a catch. Harrison Smith, he's not trying to get PI. So he kind of lets up. What a catch. They probably thought his partner was gonna pick it, which is just crazy. So these do not make my top three. I'm sorry. Oh! My top three stays the same. And it's unfortunate to say this will be the retirement of the first half three. Wow. Yeah, we're gonna move on to a new top three next week. So who knows, this is the new week 10 will be a new grit list top three and we'll see who makes it. Very excited. And if you guys see anything tonight's game, it could happen. Kyle Pitts could have a gritty play, like you're saying. Thank you. You only had two grabs last week in a loss. Let's figure it out. Kyle Pitts tweeted us at up and Adam's show and let us know. And we just really appreciate you're the best. Thank you so much. And we have a new grit list. And I mean, that ref was crazy. What was that ref doing? It was just comical that a ref screws up a play like that for, I mean, typical. I mean, the refs. Good for Curtis Samuel. We'll be back after this on up and Adam's. Thank you, Mr. White. I'll get back to making avocado toast this morning. Sprinkle of sea salt in the land variety. All right, we'll be back. We got some DF. Yes, guys to get in your fan dual sports book lineup next. Gear it up for another week of college football. You can get in on the action and win part of a $20,000 prize pool. It is part of Twisted T's college football picks contest. It is free to enter. You'll make six picks, earn points for each. Sign up today at fandual.com. I got some DF. Yes for you. Right here. Let's take a look. These are guys you plug into your lineup. And let's take a look. Justin Fields, all the rage, man. Ride the hot hand. He's worth paying for. Lions on the docket. Tony Pollard crushing it lately. Love this value. Who does he have? The Packers. You can definitely run on them. Mooney at $60,200. I like stacking Mooney and Fields against the Lions. Defense do it. Dalton Schultz, impressive breakout year. You know, slowed by some injuries, dropping his value. So I'd say you take advantage of it. Six catches for 74 and he's coming off a buy. We'll be back after this little hammer time. Doo, doo, doo, doo, doo, doo, doo. I have to, can't touch this. What am I doing? All right, we'll be back. Matthew Hamilton. Is it? All right, whatever. We got this. We got more on Josh Allen after this. Oh yeah. Can't touch this. Big time matchup this weekend. Seven and one Vikings visiting the six and two builds all eyes on Josh Allen's elbow, ulnar, collateral, something. But even before he suffered the injury against the Jets last week, he was having some uncharacteristic struggles. So we bring in Matt Hamilton for another round of hammer time. Doo, doo, doo, doo, doo, doo, doo, doo. There you go. Yeah, you were right last time when you were bumping. That's the song. Okay, did the Jets expose something seriously in the bill's offense last weekend? You'd be worried about. Well, there was something interesting that I noticed because one of the biggest keys to Josh Allen's success that we've seen over the past couple of years has been his ability to move and manipulate defenders like this play I'll show you right here. These pump fakes have become such a signature part of his game. And with his arm strength and mobility, defenses get especially jumpy and tend to bite at his first movement trying to make plays on the ball. But I want to show you what the Jets did on Sunday that was a little bit different. We'll start with the first interception that he threw in that game to Jordan Whitehead. And you'll see the Jets are playing a cover three here. This is the second play. But here, this is the, okay, here we go. All good. This is a cover three from the Jets down in the red zone. The bills are gonna roll Josh Allen out, get him into space, where he's especially dangerous. But I want you to watch how this plays out.  He has some leverage on the flat defender, Whitehead. But he knows he's gonna need a little bit of time to get there with the Jets getting a jam on him. So look, his eyes come to the middle of the field. That's just to try to move the defense, get these Jets defenders to drop off a little. Look, he's even pointing down field to try to move those defenders. And look, the first time he looks at Dawson knocks, that ball's already about to come out of his hand. He didn't account for Jordan Whitehead staying in that flat, not reacting to the pointing, to him putting his eyes down field. He never saw him there. He just expected Whitehead to move as he tried to manipulate the defense. And we saw it again later in that game. The Jets playing cover to here, you'll see Sauce Gardner dropping to the flat there at the bottom of the screen. He's the one that ends up coming up with this interception. The Bills run a little route combo here to try to play with him. Gabe Davis is running the go route. He's got, and James Cook is running to the flat. They're gonna try to use James Cook to hold Gardner in place so Allen can hit that whole shot. And look, he's pumping, everything says he's gonna throw this ball to James Cook. Every other defender in Sauce Gardner's position is breaking on James Cook, trying to get a hit in on him, trying to break it up. Instead, Gardner just stays in his drop. He knows Allen's gonna try to hit that whole shot so he keeps dropping, gets into that passing lane and comes up with the interception. And we haven't really seen defenses do this. Gardner knows most of the time Josh Allen's first move that he shows you is gonna be something to try to move you out of the way so he can, exactly, he's gonna try to get you out of the way so he can do what he ultimately wants to do which is take a shot down field. So I think it's more about the Jets and their discipline as a defense than it was about Josh Allen. But yes, exactly, it's a lesson going forward, I think, for defenses as they prepare for Josh Allen. Don't take the bait, stay disciplined. Vikings can be disciplined. What do you think of this game? I think it's gonna be interesting. I know upfront I think the Vikings can mimic what the Jets did as far as being able to get pressure with four or five keeping guys in coverage to account for those bills receivers but I don't know if the secondary is good enough. Yeah, 27 this year. Exactly, so I think they might struggle on the secondary. I still like, given the elbow injury, the total's 43 and a half, I think I'd lean towards the under here with that. The under, for Matthew Hamilton, that's such an incredible breakdown. I gotta tell you, Brian Barton, who of course is a huge Bill's fan, is like, he's literally making noises while you're showing those interceptions. But you're showing the lesson that I just learned is when you're on defense, Vikings, be patient. Be patient. Exactly. And let him show you what he wants you to do and then don't let him do it. Matthew Hamilton with hammered tongue. Dun, dun, dun, dun. Dun, dun, dun, dun, dun, dun, dun, dun, dun, dun, dun.


So I thought I'll teach you something really cool that came up today during a coaching session that I had and that cool thing is the thing that nobody knows or at least nobody realizes about comfort zones and the truth about comfort zone the the the amazing thing that's going to change your life is That comfort zones are not Static things that you Try to grow. They're actually very dynamic things that change based on necessity So what does that mean? Most people when they think of comfort zones Usually people in self-development They think of them as like this you could say like this circle and anything inside the circle is Things that I am comfortable doing anything outside the circle is things that I'm not comfortable doing and The further away you get from the circle The more uncomfortable the thing is so for example right at the tip of the circle might be You know making a sales call to somebody who asked for more details about your product at the Far end of it could be public speaking in front of 10,000 people now most people think that again, this is a Circle that's static. That means you started a very Specific base, you know, maybe somebody has more comfort zone. Maybe somebody has less But it doesn't change like what it's like leveling leveling up a character like the grounds you've covered Are your new comfort zone? You know like you for example, you got comfortable public speaking in front of 15 people Well, that means you've how they say expanded your comfort zone and this is simply the new Level and what you've expanded. This is the comfort zone and it just stays like this and One the bad news is that It's dynamic meaning that even grounds that you've previously covered Can actually go back to being out of your comfort zone Which means that again, let's say you got used to public speaking and Suddenly, you know something happened in your life. You couldn't do that for a long time It's probably gonna slowly come back out of your Like come back out of your comfort zone and not feel comfortable But the good news and this is really really good news is That you can actually directly grow your comfort zone by Thousands like multiple multiple multiple times Based on one factor, which is necessity What does that mean? Necessity is basically how much You have to do something So the example that I gave to the person I was coaching was that under normal circumstances You probably won't feel comfortable just coming up to people You know that you don't know and asking them for things and you probably won't do it but Let's say that you were with your kid and your kid was very hungry and You forgot to take money with you and He really needed to eat right now how much will your comfort zone stop you now if at all Like you'd feel like something that was previously really out of your comfort zone Suddenly, it's a lot less scary because it's a lot more scary the thought of your kid like starving then the thought of just asking people for help and Regardless of how it feels you're gonna do it so you can actually Multiply and expand major grounds for your comfort zone simply based on necessity So take whatever it is that you're afraid of doing right now whether it's approaching women or Public speaking or making videos and kind of exposing who you are Anything that might be in the way of you attaining what you want You don't actually need to overcome These things like it's it doesn't have to be like, you know, I'm gonna be brave now and I'm gonna try and you know, you kind of try and then you don't do it and then sometimes you do do it No, no, no, no, no, no, no, no, it's it's pointless. It's Just a waste of time and lots of mental and emotional resources The two fastest ways to do it is either getting a mentor which Relates to necessity because when you have a mentor you feel like you have to kind of live up to What he expects of you Again, it's necessity. So the the only way to do that very effectively is To raise the necessity. So if you are have trouble approaching that girl You could literally walk around for an hour and think about it and think about it think about it Not do it. You can waste full like whole days even months and The reason I'm using the girls example approaching women is actually because this is what happens happened to me like And also it happened to me in sales by the way with cold calls at the beginning like it was just too scary And I would like I would say okay today's the day I'm gonna, you know approach this many women and you know Get a phone number or something Again same with cold calls like okay today I'm gonna make this many cold calls and I just won't do it and then I try the next day and the next day and the next day and I would spend weeks trying these feats and It almost felt like the fact that I was Trying mattered because hey, I tried and I couldn't do it But it only matters if you actually did it, you know, if you didn't fail that's perfectly fine But if you didn't even do it and just tried to do it but didn't do it You get nothing not only do you not get any recognition or Why you shouldn't you know reward yourself But it's even worse because you actually condition yourself to first of all not do what you're you say you're gonna do which is literally the worst thing you can possibly do to yourself and You know beyond that. I mean like what you're conditioning yourself as a loser like hey, I'm good with not even trying so, yeah, this is a really really important point and You can skip it all so there were days where I was like, okay I'm gonna call a friend and if don't my friend look if I don't do this if I don't approach this many women Or if I don't make this many calls Today I'm gonna pay you $500 and you know what I did it. It's like the fear was gone It's like the fear was Psychological and I had it in my brain and it wasn't real because my site my comfort zone out of necessity it expanded immensely So it's just a cool story to exemplify that to summarize When you're facing situations in your life that required you to act out of your comfort zone don't try to Manually expand it the odds that you'd actually do it are very very low and it would require a lot of effort This is basically a complete waste of time It's like you've had a you have a car and you need to get somewhere and takes like five minutes But then you choose to walk so now it takes like 30 40 minutes. So It's really that big of a difference and maybe even bigger Next time you Are in that situation where you need to expand your comfort zone. Don't focus on Pushing through the comfort zone and and expanding it like you know trying really hard and resistance and stuff instead create a necessity For you to accomplish that thing that would require you to break your comfort zone and That would solve it now you might be thinking You know, I don't want to do it. It's It's too much of a stress, you know, I don't want to commit to it But here's the thing like let's say you said you're gonna do 20 cold calls today to People who might you know be interested in buying your product If you said you're gonna do it then why would you not? commit to it Why would you not create necessity if you you said you're gonna do it and that's a huge philosophy that led me Through many many decisions where I was like, well if I am going to do it Why not just act as if it's already been done? And what that means is again if you are gonna do those 20 calls or whatever it is you need to do Why procrastinate why try and then not do it and then try again and not do it Then promise to Mario would do it and then lose motivation and keep trying and why?  It's comfort zone is just a myth. It's it's so what like, okay, so it's less stressful It's more stressful What's outside of your comfort zone? The only question is will you do it or will you not do it? And when there's necessity you will do it and again with time it will feel less and less scary If you don't have the proper necessity, you just won't get out of your comfort zone You won't do these things again the further away from your comfort zone the more necessity you need to force you to do that and That's the message for today, so hope you find it useful Feel free to get on a coaching session with me if you want you can find the link in the description to book a call and Thank you for watching


How's it going is everybody really awake after lunch? So I came in from the West Coast. We don't have Dunkin Donuts on the West Coast I'm really looking forward to drinking like a medium iced coffee from Dunkin Donuts later So if anybody wants to go get one and wake up, let me know Hey, what's up? My name is Pete You might be wondering why a JavaScript person is speaking at CSS conference because I'm probably the least talented CSS person in the room But just a little bit about me. I worked at Facebook for a number of years Specifically worked on the Instagram team Built out, you know the first version of everything that you see on Instagram comm this includes photo pages profile pages business tools we actually had this whole suite of like analytics and ad creation stuff and basically stuff that pays the bills we created grew that team up ended up being an engineer manager over there Probably most excited about my work on react So we wanted to build a really rich and immersive Experience in Instagram comm and we had some technical limitations that required us to render exclusively on the client You know you're scaling you don't want to burn too many CPU cycles rendering stuff on the server So we wanted to render on the client There was this kind of crazy weird technology that put your HTML and your JavaScript in inside of Facebook Called react that we we built the first single-page app with react We did the first data fetching with react it was kind of the first full on react app and then later I worked on open sourcing it and And you know since then I backed off a little bit from the project But I still I'm a huge fan and work in the community a lot Most recently I've been working on a startup called smite We try to find you know all the online harassers the spammers the the trolls all those bad guys I'm on the internet classify them and then you know take them out So if you're a social app or a marketplace and you got these problems. Let me know happy to help So I wanted to start by kind of sharing my perspective, and I've been thinking about this a lot I talk a lot of crap about CSS because I really don't like it And then you know I realize that my perspective is not the right perspective But it's also not necessarily the wrong perspective either I just come from a background of developing applications. So if you think about what Facebook is like or what Instagram is like It's not really a document, right? You've got these reusable components all over the place It's interactive you're fetching data stuff is updating all over the place And the way that you build and style and construct an application is a lot different than how you would build and construct a document the separation of content from style is Less important in an application. It's very important in a document And there's all sorts of different kind of concerns here So in this talk, I wanted to focus specifically on the concerns of app developers Rather than more content-based documents so I took a look back in into the history of CSS and CSS was kind of designed from the beginning to work with documents There's this great document right there that you can take a look at that talks about how CSS came about and Turns out in the 90s. There was a bunch of authors that were Pretty upset that they couldn't change the color of text in a reliable way in their web pages and so there were a bunch of competing style sheet proposals and CSS is obviously the one that eventually won out and It had one feature that distinguished it from all the others. It took into account that on the web The style of a document couldn't be designed by either the author or the reader On their own but their wishes had to be combined or cascaded in some way So if you guys remember how browsers used to work There was an author style sheet where you say hey This is how I want my page to look and then the user creates their own style sheet and says hey I want the font size to be a little bit bigger because I have trouble reading it or I want to So reduce the size of the images or I don't want to see these ads And you would combine those the browser would combine those two style sheets or multiple author style sheets multiple user style sheets And eventually compute the style This makes sense This is something that everybody's been doing every day since then so three years ago that feature got removed from the most popular browser on the desktop and So effectively kind of the entire reason that CSS won out was this cascading feature that was designed to support User style sheets, and we don't have user style sheets anymore So throughout this talk I'm gonna kind of make the case that CSS has a couple of vestigial tails and those when you start to develop with Components those can get in the way a little bit And so there are certain techniques that you can use to try to avoid those and some more crazy ideas When it comes to styling applications and components that we could take a look at But I've said the word component a couple times now I think everybody's got a different definition of component. I come from the react world I'm not trying to do a react talk So I'm just kind of looking at components in the context of a piece of UI That's reusable in different contexts. So rather than you know a Header that can look different based on kind of where it is a component You want to kind of behave the exact same no matter where it's placed Now somebody in this room actually pioneered the technique of developing components in CSS Maybe somebody did it earlier. I couldn't find any evidence, but Nicole Sullivan created this idea of object-oriented CSS back in 2010 and She the kind of example that she used to talk about components and reusable CSS is called the media object And the way she describes it is it's in it's a the media object is an image to the left with descriptive content to the right She has this whole blog post about it. I suggest you check it out if you haven't already. It's kind of cool So this is an example of a media object on Facebook You can see my profile photo to the left and a bunch of descriptive stuff to the right It's not just a Facebook thing though. You can see it on Twitter, too You can see it not just in terms of comments and tweets, but you can also see kind of recommended people to follow or also media objects I saw it in Gmail. I Saw it in LinkedIn as well. It's all over the place So the way that you construct a Media object in HTML and object-oriented CSS according to Nicole on her blog looks something like this So you have this top-level div that has a class of media. It's got a link inside there And then the image is embedded inside the link and then there's a separate kind of content area And you can tell that this was this article is written in 2010 because we've got some browser hacks in there to make everything work in like IE 6 but you get the idea so the whole point of Developing code in this way is you create this one style sheet and you never create any more CSS when you want to render something like this you simply Cut and paste this markup and the CSS is generic enough to render this style of component all over the place There's a lot of benefits. It's less code to maintain. Let's go to send down to the browser And there's just a lot of great benefits to building components in this way So if you're an Ashley Simpson fan it renders like this By the way, I have these JS fiddle links that you'll probably not be able to copy down But I'll put the slides up or something But you know you can believe that it renders something like that So let's build this media object this kind of canonical reusable component in react Now again, I'm not trying to to teach you react in this talk If you're using web components or some other system even templates that use partials All the the same ideas should apply So the key idea here number one Is that there's no static html all of your html is generated is generated procedurally from javascript So you're not copying pasting component code You're you're referencing a component and then the engine is rendering it for you And the second piece is that you build components out of other components And this is how you can build complicated apps You've got a high level application component that represents your whole app a profile component that represents one page in your single page app Etc etc until you go down to a primitive component which just renders a div or just renders a link or something like that So if we were to to build this in react It would look like this I'm just going to breeze through this because I'm just using react to to illustrate this But we have a component called media object Every react component has a render method that returns the description of the markup that it should render There's some weird syntax in here called jsx, which basically is a way to embed html in your javascript I'm not going to fight that battle today Sorry But uh, there's just a couple weird things about it Instead of class. There's class name Those little curly braces let you interpolate values into your markup And this dot props references the properties that are passed to a component. So a component can be reused You pass it these props which are key value pairs And then it renders some piece of DOM Is does this make sense is this? I'm seeing sufficient nods that i'm going to move on okay cool and thumbs up nice So if I wanted to use this component You would kind of call it as if it was its own tag or custom tag So you see here. I have a div which is a regular old html element But then I have this media object which then passes link and image props As well as children to that component And so I've rendered two of them In this application and then if I were to render this to the browser it would look like this And uh You can see we just can kind of reference this media object component Over and over again and render as many of these as we want in any context It should render the same whether we want to render an ad unit recommend somebody follow somebody on twitter or a comment We should be able to reuse this piece of code Um, so everything's good right we can just reuse this all over the place Is there any problems that are going to arise anyone think anything? Someone just said cascade I wonder if they're pandering to me or not well the Yeah, I do hate the cascade. Um But the first one is is definitely related to cascade. It's class name conflicts So css is this big global namespace And all of these different components could be coming from different authors Maybe you pull in one from a third party vendor You have two different teams inside your organization that are building components They don't know about each other and then you have a third product team that glues them together And none of these different um authors really know about each other And it can get even worse where the the person that glues the components together then leaves Somebody comes back upgrades the dependencies and now there's this whole other set of crap you have to deal with And a lot of this stuff comes from class name conflicts and we actually saw this a lot on instagram sadly um And i'll talk more about that in a second. So let's say that we wanted to build this seem more component What this is is a piece of text with like a little arrow at the end that says That kind of indicates to the user that they're going to go off-site You've seen this on like wikipedia and some other places Again, you know, we we have this top level class name of seem more applied to the div We render whatever children are passed in To the tag And we render a little image at the end And we have some some crappy styling that is is not according to best practices, but whatever It's like someone could reasonably write this Now if we render this in our application again, we just reference this custom component as any other tag It renders like this, you know, you got some text you got a little icon at the end Now let's say we want to combine this and our media object So we want to have one of these kind of external seem more links inside of our media object So the natural way to do that is to take our media object which we built with best practices and modular object oriented css And compose it Together with this seem more component So we built the media object just like we normally do except instead of passing text to it We pass a seem more component Now we're composing components together. This should just work, right? If you actually put this in the browser You get this And this is not what we wanted we wanted this arrow to be on the right hand side of the text not the left hand side of the text And the reason for that Is if you look at the css that we used For both the media object at the top and the see more component in the bottom We have a conflict between this dot image class name Which is a pretty generic sounding class name Now you might think that this is like somewhat of a contrived example But this is actually exactly what happened to us on instagram We had a class name called image that was used in two slightly different ways And what we had done is we had taken What used to be kind of separate Web or separate server rendered pages with css and we turned them into a single page application So what would happen is in the kind of traditionally rendered version? We had kind of tested and and we didn't know about the specificity war between the two different image rules And everything worked fine But once we started dynamically loading in components in our single page application and pulling down the css on demand as we needed it We couldn't guarantee which order those rules would would load in as So we had this phenomenon where we would go on the profile page and everything would look fine Then we would switch to the feed and everything would look fine And then the person would hit the back button and go back to the profile page And suddenly images that were supposed to have rounded corners didn't or vice versa It was actually really bad like one corner was rounded and the other one wasn't it was just like It was embarrassing And when you've kind of built without thinking about components refactoring your way out of this is really really hard Especially when you have like preprocessors in play that are generating like lots of code It's hard to keep track of all this stuff So there's a bunch of methodologies that do help you out with this one of them is called BEM But just very simply the the way to solve this is rather than use the descendant selector for namespacing You prefix every class name with kind of the name of the component or some sort of unique id That prevents those conflicts between multiple components. So you notice here, we don't have any class called image anymore We have a media image and we have a seem more image And when we make these changes Everything Renders the way that you would expect so the the overriding theme here is We took an unpredictable style sheet and it's now become much more predictable so one of my rules of thumb When developing style sheets with components is to really stick with single class name selectors only And to never use descendant selectors or really any sort of clever selectors That can interact like that A second rule Is your class name should be unambiguously namespaced now. I mentioned, you know You can just prefix the name of the component or you can use a methodology like BEM There's also this cool technology called CSS modules. It's not tied to webpack, but there's a great implementation with webpack It will take care of namespacing your CSS for you. So you don't really have to think about it as much Now it generally needs means you need to swallow kind of a bunch of build tools In order to to work with it But it is really cool technology if you're set up in that way And the third rule that I have is that class names should be referenced exactly once in your js code And they should be private to the component that that uses them So this is important here a lot of times people use CSS classes in order to reuse styles throughout their page You if you have this common, you know set of style properties that you want to apply to a DOM node You create a class for it and then you start applying that class to all these different DOM nodes My argument is that if you have a powerful component system on the client the component system is designed to reuse Different pieces of UI for you. So you don't have to actually use The style reuse capability of CSS, especially because it does have some unpredictable properties So instead you just reference your CSS class once and every time you want to reuse that You know use a new react component or a new web component or a new template or a partial template And that applies even to tiny little bits of UI like this. So rather than have You know A css class called special link just create a really lightweight component called special link and And off you go So if you take a look at how we've kind of ended up once we start following all those rules We have our names spaced CSS class names in our in our js and our css We're only referring to every CSS class once so nowhere in here will you find two references to media under under image And if you start kind of developing in this style for a while You'll realize that you'll have your js file open in your left pane of your editor your css file open in your right pane And you'll just bounce back and forth between those two files a lot And you'll start to to kind of have this like Disconnect between the two files like you see the DOM node that you want to style And then you got to go look in a css kind of find the rules that all apply to it And then edit those rules reload the browser and it does kind of slow you down And since you're only referring to a class name in one place in your code It's functionally equivalent to doing all of your styles in line because again if we're developing in components And you're trying to de-emphasize the cascade de-emphasize You know a lot of the issues where where specificity matters inline styles isn't actually that bad So if we were to write that component in all inline styles Again in react it would look a little bit ugly So we have these kind of two curly braces the first curly brace Represents hey, I'm gonna interpolate a javascript expression into this dom node And then the second one is a new javascript key value object. So we're basically passing, you know Little bits of inline style Into these these components now if you were writing regular html those would be style strings, but in react you got to be a little weird So The disadvantage here is like it is a little bit ugly The advantage is I can look at this and I can immediately say see just from looking at the component definition how it's going to render And so I started Kind of developing in this style a little bit And then started kind of moving some stuff around and writing a couple of lightweight abstractions And refactored this to look like this So a lot of times when you render a div you really just want to render some sort of block element With flexbox, you know, you can have a flex row flex column And this I think is is super easy to read I'm like, oh, okay My element renders this block. It's got 10 pixels around it I'm going to float a block to the left and put a margin right of 10 It just kind of you don't have to bounce between that top j s and the bottom css File and you don't have to parse all these extra curly braces and expressions So we've been developing Our front ends in this way for almost two years now at smite It's open source It's available at github.com slash smite slash j s x style I think that, you know, some people in the community have have really thought that it's an interesting way to develop And some people are building applications with it You know, I encourage you to check it out. Keep an open mind and see how you like it Inline styles are not perfect though I'm sure there's a million things that you guys can think of that suck about inline styles I don't think that specificity is one of them because I just don't think we should be thinking about specificity at all ever Because we should get rid of the cascade But media queries. This is a great example Um, you want to conditionally Change how some element render is based in the width of the viewport for example. There's no easy way to do that with inline styles Um, my suggestion is just write style sheets the way that you normally have That seems like a great use of style sheets and what they're designed for, you know, that's kind of like, um A little bit more true to how documents work, right? They're elastic Uh as far as kind of simpler, um, you know Like features of css like pseudo classes One thing that we're playing around with is Adding extras magic style attribute attributes to those those components So rather than saying like block color equals something you can say block color equals something hover color equals something else And that will code gen, you know, the the proper css rule to change the color When the users hovered their mouse over it You might also be thinking about accessibility Separation of you know style from content and that type of thing Um, you know, first of all, I think that this is a great way to build apps I don't claim to know the best way to develop more content heavy sites or or publications Um, I'll leave that to the experts, but in terms of accessibility applications Just because you're developing with inline styles doesn't mean that you have to use divs everywhere Um in jsx style. Anyway, there's this component prop You can say you can pass to a component and say hey, I want to render a block But I actually want the component to be article You can also pass around all the aria attributes to improve kind of accessibility And um You know another thing too is is keep in mind that just because you're developing with kind of like semantic tags and separate content from From style doesn't mean that you automatically get accessibility for free Like you always have to go through in voiceover And you always have to go through and try to navigate through your site with just the keyboard To make sure that it works So, you know this approach of kind of styling everything as quickly as we can in in a more application kind of development style And then going through and adding the accessibility stuff and the and the kind of hints to the the browser later Has worked really well for us The big one for me though and what kept me off of inline styles for a long time was performance So we um actually originally shipped our product to customers Just naively inserting inline styles into the dom now Our application it's targeted towards like desktop users with powerful computers and we render like lots of visualizations and long lists and just like shoving like a lot of data into the browser And we found that rendering inline styles was just too slow Like we were creating these giant strings and we were inserting them into the dom and it was um You know it was locking up the user experience just to like create that string and garbage collect that string uh So what we ended up doing was making a change to jsx style where you write your code In a style where you it looks like you're writing inline styles But under the hood we code gen a a style sheet and we insert that style sheet into the dom So the code that you write looks like Block margin equals five and then some content and then we insert um into the head a style tag And we auto gen a class name and we give it a margin of five And actually a display of block two which I didn't include there And then all we do is apply this this class name to the to the The actual dom note itself and what's cool about this is you can actually reuse these class names between similar looking components So if you tend to just have some divs that have five pixels of margin around them All of them will get the same class name or if you render a long list of items You'll create this style sheet once and then just reference it throughout the rest of your uh, the lifecycle of your application Uh in terms of of kind of more performance Uh The the problem with that technique is it makes server rendering substantially more difficult So if you want to render out a static webpage to serve to google or to serve to a mobile device Um, you're going to want it styled without having a bunch of inline styles in it because caching is going to be not super fun um, so there's an experimental Toolchain that we've built that will walk through all of your components and see where you're referencing constants So a good example is if you created one of those block components and you said margin equals five or margin equals some global constant We know that that's always going to be five and so we can code gen that css file ahead of time and um kind of just reference it from the webpage itself Some things you can't do that for so if we say Um, you know block color equals some variable or some expression that is not known until runtime that we can't generate ahead of time So what we found is that for you know around 80 percent of your css properties You can generate css. That's equivalent to what you would have written By hand if you follow the other kind of modular css principles that I lined up Um, but you know in the case that we can't do that, uh, you can always fall back to to hand written css There's no reason why you why you can't use any handwritten css in my opinion You try to write as much inline as you can just because it's like a really nice developer experience But if you really need to fall back to to regular css, that's totally cool um Now the the kind of crazy idea that we're trying out over the last couple weeks And i'm not sure if this is a good idea or not. I'd love for people who know css better than I do to educate me on this Um, but what I found is that inheritance in css Um has some problems when you're trying to reuse components So let's go back to that example of this media object And when I mouse over this thumbnail, I want some tooltip to appear You know in the in the browser now There's a lot of different ways to implement tooltips one common way is you surround this element with a position relative container and then you position the The tooltip You know as a child or you put that the tooltip as a child of that element and position absolute it into the right spot So while it doesn't look like it's a child element of that that container it actually is So let's say that we we've implemented this some other teams, you know pull the tooltip component off the shelf You know combine it with this media object And we render it in our app Like this so we we've added the tooltip object to the media object component And let's say in our application. We want to render the kind of caption to the right of that media object in small caps So if we add that that uh css rule here at the bottom We just say dot app, which is you know our class name right there font variant small caps We get the desired result without the tooltip But if you didn't actually mouse over Every one of these in your production application Or in your staging environment You might not have realized that you also style the text of the tooltip and if your tooltip was supposed to be using You know small caps in another way or um any one of these inherited css properties You've actually kind of accidentally styled the tooltip when you didn't mean to style the tooltip So there's um a couple ways to to deal with this The first one is you like the tooltip maybe should explicitly provide all of those Kind of base styles that it expects, but I don't think it's reasonable to expect all component authors to do that So the crazy idea is what if we applied a css reset to every component? In your hierarchy to opt out of this inheritance, which you know, it kind of makes sense right? We we apply a css reset to our entire page And if you think of your whole page as a component and each of subcomponent as like a mini application in and of itself It kind of conceptually makes sense to kind of reset to a blank slate environment but What gets a little bit weird is a lot of times you do want to actually set the font face for You know all children of some subtree of your components or you do want to set the color or the mouse pointer So my proposal is rather than just get rid of inheritance entirely. We want to make it Opt in rather than opt out So if you want to style a if you want to change the font face of something You can either say, hey, I just want to change the font face of this component Or I want to change the font face of this component and all of its children So I think that's a pretty interesting idea We're in the early days of implementing it on a pull request Again, I've never used this particular technique in a production app So I don't know if it's good or not But I just think it's an interesting thing to think about because if you look at any other ui construction toolkit on any other platform Nobody has anything like this. Um, so I think it's one of these holdovers from the days when CSS was meant only for documents And again, you know, there's a couple performance things That I think will make this difficult to push to production in all use cases, but I just think it's an interesting experiment So at the end of the day, um, you know, I think that CSS was great for documents and For people that are developing more content heavy sites. Um, I think CSS is uh, is great Um, I'm not an expert in that though. So maybe someone disagrees with me But I don't think it's particularly well suited to the needs of 2016 apps I think if you were going to sit down this year and be like, I'm going to build a way to style apps You would not come up with CSS Um, I think that rather than reusing chunks of CSS and CSS classes, you should reuse components Um inline styles, I think are really fun to develop in they've historically had a lot of problems But I think those problems can be mitigated and we have an app in production that does mitigate those problems So it's been pretty good for us And I think there's some really interesting future work around inheritance that we could explore That's all I have. Thank you guys I wish we could uh, cue print controversy here as a little like lead segue into your inside the actor studio chat Come on over this way Uh, we've got a bunch of questions Uh for you How do you feel after your controversial talk to a bunch of css people? Everyone seems really nice Everyone seems nice. You're still on stage. So Um, all right, so we've got a few talks and folks. Let's um, Let's go here. So one thing was Oh Sorry, since I just love that How can you leverage feature detection and still adhere to component based styling? um, we generally would I know this is bad, but facebook does a lot of user agent sniffing and uh, I Don't know developing in desktop apps with flexbox. I haven't had to do that much feature detection Um, because I'm only targeting every green every green browsers at this point. Um, so again, this is a little more experimental Um But yeah, if you really need to use um, like modernize or one of these things You can use your your regular css techniques. Um, you just don't need to use Style sheets for all of your layout You know, I mean like a lot of times I'm just trying to line up like two or three boxes And I just don't want to bounce between style sheet and my my js code okay, um To follow that up.  Uh, 3g or 2g is the norm. Well, there's there's a couple things there First of all just because you're using this technique doesn't mean your markup's not going to be semantic um, if you think about css and the browser as a render target and you have whatever abstraction you can dream of that eventually renders down to the same result um, I think it You don't have to accept that you're not going to have semantic markup You can generate You know just as you can generate with with the right tags and with the right um the same kind of hierarchy that you otherwise would have In terms of like what happens if the javascript breaks This is a little more of a um Of a js framework question React in particular support server side rendering where you can render out a page You know from the server push it down and then you know when the javascript on the client kicks in It will like take over that markup and and attach event listeners and stuff like that so I don't know uh They're they're like it does work on the server Um, and I think that's the only answer that really so take care to make sure that you can actually render it on the server In case that that happens.  Is that the So I don't work at facebook anymore. I don't speak for facebook. Just everyone knows um Facebook uh renders the Um interactive parts the parts that need interaction with javascript and it still does a lot of server side rendering You know and they're exploring a bunch of different ways to to change how that server side rendering is done But when I was there it was still largely php Uh, how does something like react fit in with web components? And what are your thoughts on web components where like css is a part of it? Yeah, um I really like web components Why don't you like web components? this is I think So I think the style and encapsulation is cool Um, I think the what we've been promised from the kind of shadow DOM spec Of like being able to customize a select box Awesome, really excited about that Five years later. We still don't have that. Um I don't think the way that components communicate web components is is particularly good um I don't know Yeah, that's about it So my last question How do you see like the these sort of philosophies of react making their way into other frameworks or other Basically like not being totally married to the react system. Do you see that happening like flowing into let's say Other js frameworks or other ways that we think about the web Uh, but is it possible to do that in a way where we don't kind of give up the core? Philosophy of tim burners lee web for all like the the beauty of sort of css and html is like boom I've done it And I think you do a good job in talking about the distinction between like hey I'm making an app with like this use case. This is a totally different use case than your document um But do you see any of that? Um design philosophy percling in well, there's a lot to to dive in there Or dive into there the the the first thing is like I kind of trash on on the You know trying to shoehorn this like document this model I was developed for documents into developing apps because like I've seen what the consumer Like startup world is doing and the consumer tech world is doing and they're just like Web can't deliver the experiences that we want So we're just going to ship on proprietary platforms And now people have to download a binary before they can use the app And it's got to be signed by apple and then you got to like talk to them before pushing an update And that's that sucks and it's less democratic And it's a lot harder for some kid to just like open up web inspector and start writing code So I think that that movement's pretty bad And I think that we need to to kind of Look critically at our abstractions and say hey, you know It's 2016 the fundamental building block of like every social app is this component called UI table view on ios Where it's it's like the instagram main feed, you know where there's like these photos that scroll and there's sticky headers You can't build that on the web and it's like It's been the most important component for a long time on on native apps. So You know, I think that if we can figure out a way to to kind of give Framework developers the the abstractions that they need to build Kind of performant applications. That's that's really great. So there's the extensible web manifesto, which was popular a couple years ago Seem to be going in the right direction Like I think if we could just give everybody Web gl and shared memory parallelism And maybe like a text rendering engine We'd be We'd open the door for a lot of cool stuff I'm not I think I went off on a tangent. I don't know if I actually answered your question It works. It works. Um, I think our other speaker is gonna want to speak anyway. So that'll be a nice way to end Okay, cool. Thanks so much. Thank you guys