Frontend Feud: CSS Podcast vs @keyframers
Watch on YouTube (Changelog)
What is this talk about?
Una & Adam from The CSS Podcast ( defend their Frontend Feud title against challengers David & Shaw from the keyframers ( . Let’s get it on! (From the video description.)
“Welcome friends, this is Frontend Feud, everyone's favorite award-worthy game show made by the award-winning JS Party podcast that you're listening to this very moment.”
“After the first round CSS podcast holds on to their 80 points, we now move to round two.”
From the opening of the conversation.
Key takeaways
- Welcome friends, this is Frontend Feud, everyone's favorite award-worthy game show made by the award-winning JS Party podcast that you're listening to this very moment. 2:00
- I apologize, but going sto the board and now team CSS podcast gets to play. 6:00
- After the first round CSS podcast holds on to their 80 points, we now move to round two. 13:00
- After four rounds, we have CSS podcast pulling away a little bit. 33:00
- CSS podcast 312 key framers, you guys played a heck of a game. 46:00
Quoted from the transcript. Conversations include other speakers.
Full transcript
From YouTube auto-captions. Punctuation and capitals were restored automatically. Technical terms were normalized; some errors remain. 9,059 words.
0:00 Introduction
Please hold your Feud is important to [Music] us. This episode is brought to you by Sentry. They just launched session Replay. It's a video likee reproduction of exactly what the user sees when using your application. And I'm here with Ryan Alra, senior software engineer at Sentry and one of the leads behind their Emerging technologies team that built this feature. Ryan, what is this team all about? Emerging technologies has been one of the greatest teams I've been working on, like in my career, and I think it's been highly successful. We just today launched session Replay and so it's a big celebration here. But I think that what we've built is going to be able to help all of our customers to solve their problems faster. And and really look at debugging and fixing issues in a new way. So what is session Replay? Session replay? It's a video like reproduction of what your user saw. Instead of recording a video, we're recording the actual DOM nodes that appear and disappear on the screen, and then we can replay those to you in your own browser.
So what this you do is you can actually see exactly what the user experienced in the application? Take the guesswork out of trying to triage. And what are the reproduction steps? Stop at a point and inspect the DOM to see, you know, was this paragraph tag in the right spot? What are the CSS and the background colors? You can look at everything as if you were on that customer machine there you go. So if you've been playing detective, trying to track down support tickets, read through breadcrumbs, stack traces and the like. Trying to recreate this situation of a bug or an issue that your application has. Now, you have a gamechanging feature called session Replay. Head to sentry..io and log into your dashboard. It's right there the sidebar to set up in your front end. And if you're not using Sentry, hey, what's going on? Head to sentry..io and use the code Party time that gets you 3 months for free on the team plan again sentry..io and use the code Party.
[Music] Feud is important to us.
2:00 Welcome friends, this is Frontend Feud…
This is JS Party, your weekly celebration of JavaScript, and the web bandwidth for JS Party is provided by Fley. Learn more at Fastly..com and our podcasting. Platform is powered by Fly host, your app servers and database close to your users. No OPs required. Learn more at Fly..io. It's time to play front and Feud. Welcome friends, this is Frontend Feud, everyone's favorite award-worthy game show made by the award-winning JS Party podcast that you're listening to this very moment. I'm Jared Santo and I'd like to thank all 100 of our Savvy, Tasteful, goodlooking audience members for taking the time to take the survey. Which makes this game possible after dethroning the shop talk guys last time we played. Yuna Kravitz and Adam Argyle are back from the CSS podcast, defending their title. Welcome to the show, Woo, thank you. Let's see if we can go two for two, we shall see, we shall see.
And our Challengers, we have David and Shaw from the key framer show. Welcome guys, hey, thanks for having us a jinx, jinx. They're, they're already on the same page. This is the problem, Adam, that may not work if we're trying to sync up on what the audience is, thinking. Though, exactly that's true. Now. I've been told that it's customary in game shows to take a moment and get to know each of our contestants. But I didn't really have time to prep for this. So I asked our intern, Larry to do some research and write up a question, one for each of you, which I will read now. So Yuna, do you remember the first time you rode a bike without training with? Huh?
4:00 Everything I'm thinking was a framework on top of a runtime…
I do remember. All right. Thank you, Adam. Who is your daddy? And what does he do? I'm a cop. You idiot. Very good David. I'm told you play the piano I do. Where do you think Elen John gets those fancy outfits he wears on stage? Oh, I don't know. Probably coordinates with Billy Joel. I have no idea. Good answer Shaw, do you like apples? Yeah, yeah, they're pretty good. Well, I got her number. How do you like that? Larry? That's terrible, it's not even a question. Gosh, let's just move on, let's move on to our game. Which, as you know, is not a game. About how much front end or JavaScript or developer information you all have in your heads, it's how well you know the life of a developer. The choices, the. Answers that our listening audience put into those text boxes on the survey. So here's how it works.
We have six RS rounds, of course, two teams, each round has a game board in which we have a statement. Followed by the top matching answers highest to lowest, your job is to match the highest ranking answers, accumulate points, and the team with the most points at the end of six rounds wins. Now, each round starts with what we call an interface off because we love puns. And in which one person from each team steps up and gets to guess first, the person who matches the highest ranking answer on the board during that time gets to take the round. And their team plays that entire round until three strikes occur, at which point the other team can steal the points in the round. With one guess. Now, there's no conferring between you and your teammate during the regular round, but during the steal, y'all can talk, decide and figure out which steel you're going to play. Any questions? When, when does Steve Harvey get here? Here? You're looking at him? I'm your Steve Harvey.
Today. I apologize in advance. This is as good as it's going to get all right first up in our interface, off it is David versus Yuna. Step right [Music] up all right ladies, first Yuna. We asked 100 JS party listeners, which Serers side Javascripts runtime do they expect to be using 3 years from now? What do you suppose? What their response runtime? So is this like Node.js, cuz that's been pretty popular for a long time and likely will continue? Is that your answer? Yes, that's my final answer. Final answer. Final answer survey says that is the number one answer. So 43 of 100 said they would be using Node 3 years from now. So that means David does not get a chance. I apologize, but going sto the board and now team CSS podcast gets to play. There are four total answers on the board. You've got the number one answer, and you now need to find the other three.
I shall say, in order to make it on the board, an answer must have at least five responses. So you may match something that somebody said, but we had to have five people say it for it. To make the board so CSS podcast is live. This is a hard one. It's Adam's turn, there's three left. You already have node. Which server side JS runtime do people expect to be using three years from now? The one I just built my site on top of Dino, show me Dino, it is on there, let's find out where it is. Can't just rearrange letters. It's cheating. In fact, number two 30 respondents said they be using Dino three years from now. Very good, so we go back. I got another one. Is this on Youa? Or, yeah, it goes back to her now, so you'll have another chance, it goes back to me.
Yep, it toggles back and forth, so we get three strikes. You, you're halfway there, but there are two responses left. What do you think? Yaa, oh God. I don't know Serers side runtime, I don't even know if this is a Serers side runtime. But I know that there is a tool that's been growing in popularity, which has server side rendering. I just don't know if this is a runtime or counts, cuz it's a server, but this is what runs a server, right? Remember, remember that the answers for the survey were completely based on the interpretation of the question by the survey taker. So they can take it however they want. I can't clarify what I meant because it meant something different to everybody. So go ahead and guess and just, see what you can do, God, this is going to be wrong, this is going to be wrong. But for some reason, I feel I'm thinking Vit.
But that's not a server side runtime, but it anyway, show me. V. Yeah, I'm sorry, sorry, but yes, that is incorrect. So you now have one strike against you and we go back to Adam. I say, Bun, show me some buns, show us buns. Bun is on the list number four with seven responses. So now we have note at number one, Dino at number two, number three is a question mark, and Bun with seven. You have one strike, so two more wrong guesses before steal, you know, we're back to you, okay? So I'm thinking, with things like Node being very popular, maybe people are thinking along those lines, so maybe people are thinking of. Like, everything I'm thinking was a framework on top of a runtime, that's the problem. This is a hard one. Damn. My next thought goes to like, Oh, what if it's something like express?
If they're thinking about Node, but they're not sure what the right answer is here? But that's not a runtime, it's it's a framework that you use on top of node. Can I phone a friend? We will need some sort of a guest, different show, that's a different show. There's. We do not have that kind of budget around here. What about Adam? Adam is my friend, he's here. Well, you can get one wrong, it'll be back to him, he gets another chance. So you can just guess whatever you like. Remember, it's what they said, it's not what is correct. That's true. I'll guess express, but I just know that's probably not it. Unless it is, show me express. H. It is not express. I will say that there was at least one response that was express. So you were not completely wrong, but not five. No, I was wrong. That was. I knew that I was wrong.
I was trying to throw you a bone. Two strikes back to Adam, Okay, this is it, you got one. Guess you got one on the board? What do you think people said to this question about JS run times three years from now? Yep, so I, I'm just going to go with the first one that I wrote down. Not sure if it's totally it, but and maybe there's multiple terms. But it's either Cloud flare workers or edge workers in general. So just running your servers at the edge in a serverless, function, okay, show us edge workers. I'm sorry that is also not on the board. We now have an opportunity to steal, there's 80 points up for grabs, so key framers guys. If you steal this, you get the 80 plus the correct answer. If you don't, the 80 goes to unit and Adam and we move on. So, oh gosh, you get one guess you can discuss together.
Fingers crossed at number three slot. What is it? What is it all right? Well, what are you thinking, David? What are you thinking? I mean, I, I was also thinking Cloud Flair, Cloud Flare. Workers were workers, too, but. There has to be something else obvious that we're not thinking of. Web assembly is the only thing that's that's coming to mind for me. You know what? Yeah, I think that's a let, let's go for it, that's a good guess. Web assembly final answer for the steel web assembly. I'm sorry, but it was not web assembly. Which means CSS podcast is awarded 80 points. See, this is the luck aspect, and you will now see what is that magical number three?
12:00 For the steel and 61 additional points to add…
It's not IJS, right? That was, it's a basil or something. One thing you have to know about JS party listeners is they love to reject the premise of the question. The answer is none. They do not see themselves using a JS runtime. I was trying to answer with the rejection of the premise as well, right? What if they just misspelled node, you know, it doesn't count? Oh, also, possibility eight people misspelled node. They're just a few keyboard clicks away. Didn't one just show up, though, after Bun like bun got their funding and I thought somebody else showed up recently? That's like another fast J, and I couldn't remember what it was. But maybe I'm confusing it with. What about browser based JS? Run times? No, that make less. A few other Runners up. So three people said Remix, two said Astro, one person said Ruby on Rails.
Yeah, but those are Frameworks. What? This the same problem, not run times. It's the same problem. And one person said, an unreleased go framework. Which I think they're going to be releasing or something, but that's what they're going to be using 3 years from now. You heard it here first, so you heard it here first. All right, that brings us to round two. So after the first round CSS podcast holds on to their 80 points, we now move to round two. And our interface off is between Sha and Adam. Step right up Oo Brothers Fil, another mother. Let's go, all right, we'll let Shaw go first on this one. The question is, every big Tech company wants to hire you, compensation is identical. Which do you choose? There are five answers on the board. SHA, we go to you. Ah man, that's, that's tough. What is what is the what is the audience think is the question I'm going to go with?
Apple? Show us Apple, you are correct, and it is the number one answer, with 21 respondents choosing Apple, which means key framers. You get to play this round and we go to David for another guess. Awesome well running through the Fang Mango. Whatever we want to call it, I would say. Another one would be I just came from Microsoft, so I don't know if that's the obvious one, though. Oh oh, man, is OpenAI a big, you know what? Let's go with obvious. First, Microsoft show us Microsoft number two. Answer with 18. Very nice back to you Sha. We are now rolling in round two. I'm going to say Google is definitely on there. Show us Google number three. Answer. 13 points to you sir. Very well played going down the list. Do we get extra points for going in order? You get kudos for me, you have the top three, four and five.
Of course, it gets more difficult as you get further down because there's lots of big tech companies to guess from. David, what are you thinking? I was going to say Amazon, but that's like the only reason you would work there is for the compensation, no offense. But if it's identical, then you know what? Let's do Netflix, that's a big one, show us Netflix. Number five. Answer very good. So you lost your Purity and order, but you did not lose your Purity in guesses. So you're four for four. There's one left, number four is still open. Zero strikes against you, so you have three guesses at this before steal. Man I. I wouldn't want to work there. But Meta SLF Facebook is probably on the list somewhere, mostly because of their React development. I'm sure people want to be a part of show us Meta strike number one not in the top five. David, back to you, good on you audience.
All right, let's let's go with the obvious Amazon show me Amazon what? Amazon had three but didn't quite make the top five. Jeez, now we have two strikes, we're down to our last guess. Yaa and Adam start thinking about a steal. Okay, what else is in the acronym we've got? Man, I'm. I'm not even thinking of any other top companies. Am I allowed? To help? Or are we on the same team? Not at this point. During a steal, you can help. Okay, yeah, so it's. It's not Amazon, it's not Meta, and GitHub's a part of Microsoft, so that did you combine audience answers into yes, GitHub is Microsoft? Yes. Okay, ah, geez, let's go with OpenAI. Sure, there's some, interest out there. OpenAI is it? In that number? Four slot survey says no, it is not. I'm sorry, but you canot clear the board. And so now we have an opportunity to steal from CSS podcast and you guys can discuss.
So what are you thinking? I'm thinking that this is a benefits based answer. Probably that's kind of where my headset, all right, I'm. I'm thinking about where everybody just left these big companies, where did they all go? What was number? What was the number one spot? If you did work at Apple, Microsoft, Google, where'd you bounce? Who stole everyone recently? Apple fired no one, Apple fired no one. I think that's why they're on top. Honestly, that's okay. Yeah, that might be, I think. Shopify, you know, that's a good idea. What do you think of Spotify? That was also on my list, and the other one on my list here is Verel. Cuz they're so hot right now. Everyone's probably going to want to work there if compensation's good, but I wouldn't call that a big tech company. So this is hard, this is hard, cuz you only get one answer.
MHM. I know a lot of great people that went to Shopify, I only know a couple that went to Spotify. But I can't say that they're doing better now than they were a year ago. I mean, nobody is not the people, the company. Spotify has those sweet, sweet benefits, just like Netflix. I think that people are thinking about the benefits with Netflix. Answer too yeah, Shopify was all stock, right? Cuz they're like the e-commerce backbone. Well, run out of time here. You're going to have to confer and pick one of these, all right, Adam, you, you pick, I'm going to say Shopify based on the stats of who and where, I don't know. Okay for the steel and 61 additional points to add, your score is Shopify number four. It is not so we. Will award the 61 points to the key framer. None, actually. I wrote self, I wrote myself on my thing.
I should have remembered that. Yeah, and I will say that you guys did not learn from last round, of course. 12 people said none should have saw that one coming, but it's difficult. So three people said Amazon, three people said Versel, three said Spotify, three said Netflix, two said Cloud Flare, one said Adobe. Presumably after they heard about Katy Perry's mushroom filled fantasy land. And one said, anyone that lets me write Ruby? And then one said the one with the least crazy CEO, so Burn.
19:00 If you're familiar with building serverless apps…
There's a few Runners up. I feel like there's one audience member that's really set on Ruby on Rails, I think so, for real, yeah, all the Ruby answers are coming in by one person. All right. So after two rounds, it's a tight game. CSS podcast with 80 key framers with 61, and we move now to round. [Music]. What's up, party people? This episode is brought to you by our new friends at L code. L code. Let you build Cloud agnostic, serverless apps that make it too easy to go from zero to one. If you're familiar with building serverless apps, you can think of LOL code as your back end, with a visual editor. Let you think and build at the same time. No servers to worry about, this is serverless. And I'm here with Gabor 9, software engineer at L code. Tell me, Gabor, what get you excited about L code for developers?
So L code is sort of all about the mentality of reducing the threshold and the pain of getting something. From having an idea to, to actually having something in production. I think that a lot of developers, that I know and that are out there, know. The sort of frustration of having an idea and wanting to prototype it. And it being a pretty difficult process of actually getting from, okay, I have an idea. And actually having a stack, having code, having deployed into a cloud or whatever, it takes quite a bit of work. And Lil really focuses on minimizing the effort required for that process to actually take place. It's low code environment built for developers. So that actually means that you get to. Visualize the different nodes and the data flows between them in your application. Which kind of makes the whole process of prototyping and the whole process of sketching out the architecture.
And getting a better understanding of what it is that you're actually building and how the whole thing functions. Much easier to understand while you're actually developing the application. So instead of having to spend hours with a whiteboard first, you can actually sit down and start sketching out your application.
21:00 The points at the bottom of the board are higher than…
By creating these noes and creating these links between them while you're actually already doing the development work, very cool, thank you Gabor. So LO code is built for developers. Try it free today, no credit card required. Check them out at L..J Party again Lol..co SLJs. Now this round is a little bit different, we call this the inverted round, so we're just going to take turns team by team guessing responses. But the points at the bottom of the board are higher than the points at the top. So while you're trying to match the board, you're actually trying to match the least popular answer to get more points. The question that we asked our listeners, how many monitors do you use while coding? There are four responses on the board, and I will say the least popular response is worth the most points. So David and Shaw played the last round. Let's let Yauna and Adam start this round, we're just going to go back and forth and let's start with Yauna.
Go ahead and guess what you think. People said when we asked them how many monitors they use while coding? Okay, so this is how many monitors they use. But the least popular answer, that's what you want to get. They're all worth points, so okay, you can get the top score and get points, but you're going to get more points by getting the bottom score. Well, I know how many I use, so I think what I want to go with is three. Like, if they have two monitors and their laptop, that's going to hurt your neck, but I know people do it. So my answer is three, all right, show us three. Three is on the board and it is in slot number three. Oh, 14 people use three monitors, which means you get 15 points for that response. I'll award those now and now. We'll go back to key framers and let's go to SHA.
How many monitors people use while coding? Let's see if we're going least popular. I'm going to say one is on there, but it's not. It's not going to be the not going to be the top one. Show us one yes, one is on there and it's the number two response. So you get slightly less points, you still score 10 35 people out of the 100. Use one monitor will award those points. Now. And go back to CSS podcast. I'm team one and we'll go to Adam. So we have. One monitor is taken, three monitors is taken. Those are the two and three slots. The one and the four are still available. Of course, the four is worth more than the one. What do you think? I'm going to go with the pattern? We've seen? People are going to say none, you're going to reject it, I don't, so people say, don't or none.
Just using their no monitor coding, that's just their laptop. I'm not using a monitor right now, so that's valid. Yeah, I'm assuming this is like a people are going to think of this as external monitor, because it's impossible to. I guess. It's not impossible to code without a monitor. But people are going to say none, just whatever's built in or whatever. So that's my answer. Bold, very bold. Did anybody say they code with no monitors? They sure did. One person I made an exception to the rule said zero monitors, and they said I am fully blind and I do everything by touch. So they don't use a monitor because they can't see. Wonderful, very cool. So you get 20 points for that, congratulations. And this the number one answer still out there, so I'll award those. We'll go back to key framers and we'll go to David for the last one out there.
I think you can probably infer what it is yes, two, yes, the number one answer. 16 monitor, two, Mon, 16. Two monitors. 50. Literally half of the people are using two monitors when they code. That's worth five points will award those and thus ends our inverted round. Good job Adam on. I didn't think anybody was going to get the zero on this. One, cuz it's so, so obscure. But there we go, all right, let's head to round four. Okay, so beginning round four, we have key framers with 76, CSS podcast with 115. It's anybody's game. There's two more regular rounds and then the last round is double points, so if you're behind, you have a big chance of coming back in round six. We asked 100 JS party listeners to finish the sentence I couldn't code without what? Without blank. We'll now have a interface off. We're back to David and Yuna facing off, so Yaa went first the first time, right?
And we'll have David go first this time, David. There are six answers on the board. What couldn't people code without? I will say on this round and a few others, the responses vary, but kind of mean the same thing. So we group into categories, so if you hit a very specific thing, it's in a category. I'll let you know and we won't count it as a guess. Okay, well, I know that I can't code without coffee. I turn coffee into codes, so okay, show us coffee. It's on the board. Where is it on the board? It's at number four with 11 responses, so YOUA does have a chance to match higher than that. What is something else that people can't code without continuing on the alliteration? I can't code without a computer, without a computer. Taking it very literally the math checks out, did our audience take it as literally as that?
They sure did. Number one answer was Hardware, whether it was a keyboard. People said keyboard, they said computer, they said electricity or Internet. I was thinking electricity. We grouped all those together and that's 23 people. So CSS podcast you are playing this round, Adam, we go to you. There's still four slots open. What else can people not code without? Nice? We've crossed off a lot. Does, second monitor? Is that in Hardware? I kind of assume it would be second monitor. Yeah, any sort of Hardware is in there, even no monitor is in there. I suppose, knowing some of your listeners, I'm going to say, TypeScript O, show us TypeScript. I'm happy to announce that is incorrect. Yeah, I'm actually in the same boat. I don't need TypeScript, but I thought everyone else did. You've been overwhelmed. Yes, you've been influenced by Nick Ni. He's strong on the message.
But no, we are out there, still in force. U.S. Regular JavaScript authors. All right, but that's a strike, so we go back to you now, you got one strike against you, all right. I'm still on this literal train. I can't code without a text editor of some sort. Show us text editor. Yeah, number two. Answer 22 responses, some said editor, some said specific editors like VIM vs. Code, E.t.C. We put them all one group and that was number two. So we're back to Adam. One strike. You got a half the board cleared, but it's still half up there. What do you think? It's getting tricky? You got this, Adam. I'd say hands, but you know, like, is that Hardware? And I know people can code without their hands, right? You just like, no, I don't need hands to code. I'll code with my voice, you know, coded VR with your elbows or something.
I don't know. I am going to say, hands, fingers and hands. That's not grouped into Hardware. I think that's kind of wet wear, I don't know what kind of wear that is, but is it on there? Yes, it is. Oh, nice. Oh, I got lucky. Oh man, I thought, for sure, I was going down. And it's in the general category of body parts, so this includes brains, hands, eyeballs and other such things that you can't code without. At least some people cannot. All right, so that's still one strike back to Youa. We got two things left, three and six, all right. I'm thinking like people would probably say something like Stack Overflow, or like a way to help them, like, get answers. So I'm going to say Stack Overflow. I don't know if that's been grouped into a larger, section. Is Stack Overflow one of the things that people cannot code without?
Yes, it is, and it's grouped into the generic thing of Google Stack Overflow. GitHub web resources helpers. Yeah, 14 people, so the board is almost cleared. You got five of six, the last one is still on there. 76 points awarded so far and one strike. He got two guesses at number six. Back to Adam, Okay, there's, there's some silly ones on here, but I. Feel like another silly one is sitting there at number six. I could go really heady, you know, like purpose, but I don't think you're out. People were like, I can only code with purpose. What are you trying to say about our audience? They don't have purpose. I'm a user Centric engineer, so for me, I'd be like, I can't code unless there's a user, because otherwise I'm just coding. Into the Ether. But again, he don't think anyone else is going to say that.
It's a very Adam thing to say. You could be your own user, I could be my own user. How I? I'm going to go with the only other thing on my list that maybe makes sense, which is funding money, money, some. You have to give me stuff to do this, I'm not going to do this for free. Is, that's a good answer? Yeah, compensation. Maybe it show us compensation. Sorry, not on there compensation. I thought it was a good try, it was a good guess. But, you know, some of us just code for the love. Two strikes, that's true. Two strikes. Youa back to you. I lose money when I code, that happens as well. Yeah, time is money. I don't think I have a better answer. But the place my mind went was like, what are your physical needs when you're doing any task? And sleep is one of them?
So maybe I can't code. If I'm sleep deprived, I need my sleep. Show us sleep. I'm sorry. Sleep is not on the list. But this provides opportunity to the key framers to get back in the game here. Lots of points to steal. We turn to you, you can discuss. It's number six, so not very many people said it, in fact, five said it. But what do you think they said? What was that last response? Go ahead and discuss. So Sha, one recent Trend that's been all over Twitter and the internets has been AI ChatGPT. And I know that personally I rely on a on it like a good bunch to do coding. So yeah, I, I, I think that's, I think that's good. I don't know that the audience will be will be fully on that train. Don't underestimate. So none is a is a possibility here. I couldn't code.
Without none possibility. Yeah, I reject your premise, sir. Yes, there's at least one response that's Ruby on Rails. Yeah, for sure, that's true. But a. A more realistic answer is probably like source control like Git, that kind of thing, or open source like npm and H. So we got AI on one hand, and open source. Where do you think our audience is going? I, I feel like, I feel like, you know, when asked this question, like a lot of, I don't know. I'm still stuck on the chat. GPT thing. Or, you know, just sorry, co-pilot, that's what I meant. All right, let's, let's, let's go with it now. A quick metag game here. You know what? If one of you is right and the other one's wrong, how are we going to feel that we go with one and not the other? Is this going to tear up the key framers? Just half the points? Could this be the end of the key framers, as we know it?
You know, the behind the band, you know, years from now? B what happened was this answer on front and Feud? Well, let's see what it is here. You said, get co-pilot AI helpers. Did our audience say that? I'm sorry, but they did not. Oh man, I'm so sorry. But in order to keep the band together, also, Sh Sha was also wrong. And the correct answer. Well, let's award these appoints here to CSS Pod terminal, right? And the correct answer was peace and quiet and muting all the things. And so they need to have quiet space, they need a space. So Youa was in the ballpark with her physical needs. Your just sleep was a little bit outside of what they were saying. Now there were other responses. I guess you have peace when you're sleeping. Come on, you still got the points, just just kidding. I thought that source control was a very good answer, I did too as well, like tooling in general, you would think, although editor, kind of on the Fringe of that.
But one person said patience and stubbornness, which I thought was funny, cuz we asked for one thing. One person said Wasting 50% of my time on meetings, and so they were pretty sour. And then talk about literal the one. Thing I can't code without are the letters C, O, D, and E. So that was a snarky response. I thought, Okay, wow, yeah, so thanks guys, all right. So thus ends round four. I'm surprised no one said programming languages and there was no Ruby on Rails. So while it was a good guess, they got sick of answering that particular thing. After four rounds, we have CSS podcast pulling away a little bit. It's still in play, but it's 191 to 76. Let's move to round five, all right. Oh, and it turns out I forgot this. But round five is also inverted, so this will be just like round three, where we go back and forth.
You're trying to match the bottom of the board, and the phrase they're matching against is my primary web browser is blank. My primary web browser is blank. Let's start with the key framers this time. And David, all right, the hot new one is ARC. I feel like there's a couple of people who've answered that, Hey, it is a great browser. Show us ArC. You are correct, sir, and it's near the bottom of the list number four, so you're awarded 20 points for that? Yes, very nice answer. Now we go over to CSS pod. Yaa, I'm just going to say Chrome, she's taking the easy points. Is Chrome on there? Of course it is, and it is number one. So you get five points back to he Framers and Sha. Oh, I didn't realize this was Inver one. My bad. A. That was my fault. I. I thought it was a normal one, and then I, Hey, five points is five points.
I'm going to go. I'm going to go. Safari. I think that's probably toward the bottom. Show us Safari. Yes, it is the worst answer, which makes it the best answer. Yes. Six people. 25 points award those to you. The plot thickens. Adam, we're over to you. Two and three are still on the board. Yeah, Firefox, Firefox is on there. Number two T points awarded to you and key framers. Can they swipe up? What's the word? swoop up? sweep up? That's the word. Can they sweep up these last 15 points? Davis turn Oh, what's in the middle? I, I mean, I have two good answers, one of. Them is silly. One of them is more realistic. But considering the audience, I'm going to say people gave a joke answer of Internet Explorer. That's a very interesting guess. Is it on there? No, they took this one seriously.
You had the exact wrong time to go. Jokey Yaa, oh, Microsoft edge. Yep, the other, the other one from Microsoft, Microsoft edge. Oh, not on the list. Back to key framers with Shaw. Come on, Shaw man. The. The only other one on my list right now is Brave. Given the tech audience, that's a that seems to be a go to. Is it on there? Show us Brave strong. Yes, it is. You found it at number three, 16 people using Brave worth 15 points, and that concludes round five. Hey, it's a tight game. We have key framers with 136, CSS podcast with 206. There were a couple other answers, so four people said edge two with Vivaldi, that's less than Safari should have been. More points, yeah, but it didn't make the top like it wasn't, it didn't have the requisite five. It's tricky Wow, and there's one lonely Opera user Hi Opera user a [Music] a Hey, there, it's Kall from JS Party and I want to talk to you about a new service I'm offering for engineers as you advance from junior to senior, to staff engineer or move into management.
37:00 You can learn more about what I'm offering and sign up…
There comes a point where the skills that got you to where you are not enough to keep you moving forward. Where the answer to your question isn't on stack Overflow. Because your problem has more to do with people and how to get them to make the right choices than about writing code. Congratulations you've reached the border to becoming an engineering leader. If you're lucky when you hit this point, you have a manager or senior peer that can help guide you through the transition. But most of us aren't that lucky, and that's where I want to help. Coaching engineers through the transition to becoming engineering leaders was the most satisfying part of my last job, and now I'm offering it as a paid service. Now. You may have never worked with a coach before and you're not sure what it would look like. I get it. That's why I'm offering free Exploratory sessions to. Try it out, learn what it's like, and work through a challenge you're facing right now. So if you're curious or you're feeling stuck, head over to KB. LC/ Coaching.
You can learn more about what I'm offering and sign up for your free Exploratory session that's KB. LC/ [Music] Coaching. We now go to our final round and this one has twice as many points on the board. I love that music, thank you. Round six, the final round double score. We'll go back to our in face off. This time it'll be Shaw versus Adam. And please remind me who went first the first time so I can be fair.
39:00 While you make software, you could do it for a job…
Was it you Shaw that think it was? I think it was me. Okay, does that sound right? I don't know it was, it was so long ago. Well, let's just assume you're correct and go with Adam. So the question, what? One word sums up why you make software, and I'll say this is another one where we end up grouping some words together. That meant very similar things. But there are answers on the board. It's anybody's game, probably whoever wins this round wins this edition of front and Feud. So no pressure, Adam, but you're up. Thank you for that. No pressure warning. You're welcome. Okay, I'm just going to say it's for the love, it's not. Maybe it's in the middle. I don't know. Love, passion, you know, show us love. I'm sorry, I'm alone. I'm alone in that. Apparently that hurts. No love. There's no love on this board. Sha, that means it's wide open for you just to take the round.
Yeah, the opposite of love money, I'm going to say, is on there. Well played show us money. Yep, that one's on there, and it is in slot number two. Two, wow. 15 people responded, which is worth 30 points. And you now take the boards, so key framers will play this round. Number two is taken, one 34, five and six are still out there. David, what do you think for fun? Enjoyment? pleasure, fun, fun, enjoyment, pleasure, but notably not love? But no fun is fun on there. Oh, number one answer yes, Joy. Fun, enjoyment. Very good. Okay, one and two are gone. Sha back to you to solve a problem, fulfill a need. You're oh. Your second phrase kind of ruined it for me. Do I give it to anyways? It's close? Yes, I'll give it to you. Number three was Puzzles, Challen, and problem solving, to fill a need was kind of like, maybe moving beyond the whole challenge of it.
But I'll give it to you. No, you, you need to solve a problem. Makes sense, fair enough, fair enough, well, like I, I need some piece of software to do XYZ, so I write it, right. Yeah, see, that's further away. I'm think these people are thinking like the puzzle aspect, like the challenge of us, of us. But you got problem solving, that's that's like, literally in the list. So I gave it to you. You're good to go 1 through three, you have for through six on the board. No strikes yet. So David, you're up, uh. I know a lot of people like, besides it being a job, a lot of people just like automating stuff, so I would say for automation, show us automation. Ah, there were a couple that agreed with you, but not enough to make the board, so there's your first strike. It's getting pressure filled at this point, you need three more to take the game.
So Sha, Ah, jeez. So it's it's one word, too, that makes things that makes things tricky. Like to help, like helping others. That's two words, but show me help, sorry, but help is not on there. Now we're down to two strikes, we have one more Guas three on the board, so your back's up against it, but you can still do this. David, what do you think? Okay, so some up. While you make software, you could do it for a job, you could do it for money. As a puzzle, I make software to, you know what? For which? This is sort of a silly answer. But for fame, people want to, you know, be known for the fame. Do JS Party listeners want the fame? Let's see it. I'm sorry, but they did not say Fame. Pretty good. Guess. We have the steel available to you guys over there at the CSS pod. To retain your Championship, you got three opportunities to drill it.
What are you thinking? Oh, this is hard. I'm so glad. They said a few that were on my list, like David, you, you and I were on the same page. And I was like, Oh, they're going to win. And then I was like, Oh, I expected more people to say automation, for sure. Yeah, automation was definitely on mine. Mhm, what? So on mine? I have tell a story and I have laws just for the laws. I do it for the because. I'm trying to think of what silly stuff people put in this, you know, I think that's the first one, the joy fun. Yeah, I would group that under Joy. So that just leaves me telling a story and that's, yeah, I'm, I don't know. This is a tough one because you got, you got ends meet, you know, you're just like making money, got job security, so it's not like a that one kind of wraps up, you know, family security or whatever.
Like, I write software because it's like a stable Tech job. Oh, maybe that's it. It's stable. Software is perceptively stable. I don't know what do you think, youa? Are we allowed to talk on this one? Yeah, this is a steal. Oh, I wasn't sure. Okay, I okay, I have some thoughts. I mean, my first thought is like, you know, the money, the that's probably included in the job. All those reasons, I also think, like the impact of making software, you know, reaching people, kind of making a difference. Like the way that you can work on something that a lot of people use, feels like you're there's purpose to it. Yeah, I'm wondering if that's in problem solving. I. I was thinking the same thing, but and I didn't know. But I don't think it is because the way Jared responded to that answer. Are you trying to read my eyes? Yeah, I'm over here on, I'm on Reddit, so I'm not sure what you guys are talking about.
I think that the logic aspect of it is like the challenge, but the impact aspect of it is like, why do you do that? Impact is a good one. Yeah, all right, should we go with that? Yeah, impact making a difference. Okay, so, set of the stage, we have key framers. 136, CSS podcast 206. These points are theirs unless you can steal. It, you have three opportunities on the board. You guessed, impact. We've already have joy, money, puzzles. What else could be possibly on? There is impact on the board. Yes, it is. It's grouped into satisfaction, accomplishment and impact. So six people said that's 12 points, that's a steal, that's all the points. And once again, the CSS podcast defended, this time their Championship. You are the winner. Once again. Congratulations. That made an impact, you know? Well, woo, let's clear the rest of this board just for the LOLs.
Number four was creativity. Oh, nice, okay, or craft or hobby? They do it as a hobby. Sometimes you're like, isn't that fun? Yeah, but they said the word hobby, not the word fun. So trying to keep some separate categories there. Number five curiosity and interest H, again, somewhat related to problem solving and challenges. But they were using these words, and so we let them stand on their own two feet. A couple other four people said, love Adam, four people, so you were close, that's cool, uh?
46:00 Cuz this is a silly game show, we're going to Disneyland…
Two people said passion, which maybe you could put in with love and make a category, but I didn't. Two people love the magic. That all feels like it goes together, one said. Laziness, magic, love, passion. Yeah, laziness and automation. And of course, stubbornness is back. Our stubbornness answer reoccurs, so that rounds out our game. So at the end of sixth round. CSS podcast 312 key framers, you guys played a heck of a game. It came down to it at the very end. But. But at the end of the day. CSSP Champs once again, congrats. Great job, good job Sha and David. You killed it. Thank you. We won't be bitter. I still like your source control answer, thank you. This. This audience just needs to get on board. They do, they really do, especially the Ruby guy, the Ruby guy. Yeah, come on, Ruby guy. Well, I couldn't remember any run times at the beginning of this, I was just stuck, that was that was tough.
So at the end of the super Bowl, they interview the winning team and they ask him very heartfelt questions. And so I will do that now with Yuna and Adam. Adam, you put your heart out there today. You, you had some silly answers you had. Some sarcastic ones that really hit you. I felt like you really reverberated with our audience, if that's even the right word, which it's not. What was your emotion when you realized that this final answer was correct? Like, what' you feel out there? Oh, thanks, Jared. When I came into that final question, you know, I was listening to youa. I was listening to all the options. And I really just had to internalize. That's me sipping Gatorade, but you know what? As soon as she said impact, I knew it, I felt it to my core. It was just so obvious and so we went with that and then we won.
Oh yeah, I love Adam's football voice. Oh, he left the screen. Yeah, youa, you know, at that. At the end. There we thought we had maybe a fumble, you didn't realize you could even talk. And so Adam's over there. You left him on an island, you know, no communication. He's, he's fumbling and bumbling, he's saying things that don't make any sense. And then, out of nowhere. At the very end, you swoop in, and you bring your logic and reasoning, like, what motivated you to swoop in at the end there? Well, I got to say it's a team effort. I wanted to make sure my teammate had a platform. Was able to get out was on his mind. And honestly, I, I was just being a little silly in that moment. But here we are. All that matters is, we made it in the end, we made it in the end, my friend, we ended up on top, she says. I'm in a chair, I can't run very good.
Well, I would ask you what you going to do with the winnings? But of course, there aren't any. Cuz this is a silly game show, we're going to Disneyland, made by silly people on a silly podcast, we're not going to Disneyland. You can go to Disneyland if you like. It's just going to cost you quite a bit, I believe, as it's a hot place to travel these days. Well, key framer guys, thanks so much for playing. David and Shaw you are was a valiant effort. We really appreciate that. Of course. CSS podcast. You're invited back to defend your Championship the next time, as we asked, 30. Questions on this survey. And we only used six, so we have a lot left, in the barrel, so to speak. And we don't have to nag our listeners to play some more games, so that's very cool, of course, one of our listeners will be drawn at random for that free Jay's party t-shirt, one of the people that took the survey.
49:00 For those of you who like to mix your music and…
So stay tuned for that. We probably announce it in our slack, and I'll also just email you. If you're the winner, if you're not the winner. And you want some of that sweet, sweet swag. Mer... Change..com. Of course, go get yourself a t-shirt. But yeah, this has been front and Feud, another awesome battle. I've been. Jared, this is JS party and thanks y'all, we'll talk to you next time. If you had fun listening to this episode, check out the back catalog. This is the sixth time we've hosted a feud. You can also find every Dev game show we ever played at Chang Log..com, TooPics and on Spotify in my Dev game shows playlist. For those of you who like to mix your music and your pods, like, I mix my mashed potatoes, gravy, peas, turkey, corn and everything else together at Thanksgiving. Actually, that does sound pretty good. Maybe I'll have to give Spotify one more look.
Nah, I'm good. Oh, you're still here. Then let me thank our partners once again. Fastly and Fly, thank you for helping us make J as party possible. And, of course, our beat. Master in Residence BMC. That front and Feud theme song is off the charts. Thank you. Next up on the Pod, Daniel Thompson from the to project joins the show. Have you heard of Towery? It helps you build smaller, faster, and more secure desktop apps with a web front end. Kind of like electron, but with a few important advantages. Stay tuned for that. We'll drop it into your podcast feed next week. [Music].
Related talks
-
Behind the Illusions: Impossibly High-Performance Layout Animations
CSSConf Australia, 2018. 23:51, 3.8K views -
Getting Sassy with Node.js
Node.js official channel, 2015. 22:29 -
CSS Animations and Transitions
Frontend Masters course preview, CSS Animations and Transitions, 2023. 17:02 -
How to Create Smooth, Lightweight Website Animations
Prismic, 2020. 12:45