Good one. CSS Grid and WordPress. My name is Juan Pablo. People call me JP. I'm a web designer, New York based web designer. I want to start with a show of hands. Who's head of CSS Grid? Who's heard of it? Yes. Awesome. Who's written some CSS Grid? Good, good. And we have a few hands up. Hopefully after this session we'll get quite a few more. Alright, so let's get started. So my name is Juan Pablo. I'm a web designer. I design things for FC Harlem up in New York and New York City FC, which is Soccer Club, which is playing today against Atlanta, which I'm not going to mention. And I'm also a mentor at blog.io, UX. Alright, so let's get started. So I usually like to split up this talk into three sections, which is why CSS Grid, how and when. The why is still really important. The how also. The when is basically now. You said now, right? The one that I've added is demos, because since I started doing this, I've been doing a few things. I've been adding more stuff, so I'm really excited to share a few of them. Alright, so let's get started with the why. Why CSS Grid? And I usually like to start with a simple question. What are these three things having in common? Glenn, a movie, and a book. One of the things they have in common, well, they might have a few things in common. One of the things they have in common is that they're all from the 80s, 1986, right? The other thing they have in common is that they're all older than the web, right? They existed before the web existed, right? And it's with this mindset, well, this is how it makes me feel as soon as I realize that, right? That's me right there. And it is with this mindset that I like you to view this talk, to understand that how young this medium is, right? How now, right now is the perfect time to learn CSS Grid, right?  So let's take a quick trip back, right? In 1989, Sir Timothy John Burner's lead, he invents the World Wide Web, and this is our layout. This is the first layout that we ever get, right? There's basically no layout, right? Left to right, you hit the end, and then you start on the next line. It stayed like that for a while, but the designers were like, hey, we need something more. In 1995 comes around, we get tables, right? And the designers were like, okay, this is good, this is good. So what's this? It looks like a grid, so let's... Well, it's a table, and it was built for this time, but let's just use that table, and we have some columns and some rows, and we started, you know, you can call it destroying, but we could say like creating a layout. And, you know, with time we realized this was not the layout we wanted, but, you know, you can see there was already a hunger for imitating what we saw somewhere else in the web, right? Imitating what we saw in print with what we wanted to do on the web. So that was 95. It's also worth noticing that in 95, JavaScript, JavaScript's been around for a while, and JavaScript's also a lot of pretty awesome problems, and JavaScript is great, you should learn it, but JavaScript was not built for layout, and it's really important to understand this. JavaScript does not solve a lot of the problems that we usually do try to solve with it, but it wasn't built for that. So it's been around for a while, but it was not the solution that we wanted for layouts. Wait, what's that? Sorry. Oh, no. All right. Don't abuse your pop-ups. Basically that's what I'm trying to say here. It's 95. 96 Flash comes around, and it's also worth noting that because Flash, once again, does this thing that we designers want, right? It gives us a platform where we can feel like Tom Cruise, and we can do those listings and some keyframes and timelines and drag stuff, and we get to create some really, really awesome stuff. Build this for FC Harlem a few years back, and I was like, oh, this is so easy. I don't need to learn how to go. Unfortunately, this did not solve the problem for layouts, right? It was a closed ecosystem. You need to buy it. It was really bad for SEO. You have many, many issues that eventually made us realize that this was not the solution we were looking for. The main thing that made it go away was this fella with the iPhone and basically put the nail in the coffin. That was 96, right? So, you know, the web was growing fast. It wasn't until 98, right? Almost 10 years later, that CSS comes around, and once again, it shifts the way we think about the web, right? The revolutionizes the way we build things. We got this very forgiving, very declarative thing where, you know, we write something on one page and then it works everywhere else, and we get to do these amazing things that we're not able to do before, and the thing with this is that our screen sizes stayed the same size for a while, right? And this is something we're really, really familiar with. We have the content and the sidebar, and this is, you know, you see this nowadays, because it's something that we started building because of the way, of the limitations that we had, but it just stuck around. And what happened is that this stuck around, but the device sizes didn't, right? And we got this thing, and then we got this thing, and then we got this thing, right? And you got a little bit overwhelming, right? And we sort of did something like this where we were like, you know what, I'm just going to hide things, and I'm just going to hack my way through this. A few years back in 2010, Ethan Markot, right? He's an amazing designer, amazing developer, and he said, you know, we should look for opportunities to be just a little lazy. He came up with the term of responsive design where why don't we use percentages, why don't we just let the web, you know, grow up and grow down naturally, and basically don't need so much code. And once again, it changes the way we see things. It changes the way, you know, we think about the web, we think about how we're building things, and it was pretty amazing. The problem is that we still have these restrictions with the technology, and we took the lazy part a little bit too far, right? And we sort of started building the same layout, the same website over and over and over again, and you see some of these are really beautiful, but it's the background with the sidebar, and the background, and the nice text, and the background, and it goes on and on and on. And once again, you know, the web is only 29 years old, right? And we had to design the website conforming to its limitations. You know, we build layout frameworks and layout plugins and layout boilerplates just to mask those limitations.  And, you know, the only one that's different is the one with the lowercase d. That one stands out. So this is where the magic comes. CSS Grid does not hide those limitations. CSS Grid gets rid of them. Jen Simmons, you know, one of my design heroes, and the reason I started doing CSS Grid, she said at a conference, you know, this new CSS revolutionizes web page layout. And right now you're thinking, okay, okay, JP, we get it. You're excited. Grid is awesome. What I want to know is how? How to use this magical thing you speak of. So for the demos and for all of the little, the little videos on the slides I'm using, Firefox developer edition. Most browsers have some sort of, you know, tool to help you see how a website is built. When it comes to Grid, Firefox is best by far. So download it whenever you have a chance. If you haven't and play around with it, I'll show you some neat tricks. All right, so that's just the video. So for the next little demos to show you how an idea of how Grid works, all I'm using is some HTML. You know, I did a container with six boxes, one, two, three, four, five, six, and I added some CSS that have a color red, a color blue, a color yellow, a color green, a color purple, a color orange. That's all I'm doing besides the Grid stuff. All right, so this is some magic. So, Grid, here it is. What is this? All right, so first thing, the way the browser knows you're using Grid, you just do display Grid. This is the very, very first, the magic intro into Grid. You do display Grid. A browser knows that you're about to start doing your layout in Grid. You're good to go. And the second thing is columns, right? You set your columns. As you can see in the little image, I have three columns there. So all I did was, hey, Grid, give me three columns. One is one afar, one is five afar, one is three afar. And then you're thinking, what is afar? What is that? Well, afar is just a fraction. Just think of school. We use fractions all the time. So a fraction, an afar is a fraction of the available space in the Grid container, which basically means up to this point, if you have three columns, you will have to think, okay, so this one is 60%, and then this one is 30%, and then this one is 10%. But then, oh no, I have to change the image, so this one is 65, so you will have to guess, you move one thing, and the rest you will have to accommodate, so you will get to 100%. With this, you let the browser do the math. You don't care for the width. You just do something that looks good. That's what you want. And then the browser, let the browser do the rest. If you do two columns, and the rest one you don't know the width, I let the browser figure it out. You don't have to do it anymore. So that's one of the sweetest things that DisplayGrid is bringing. Another amazing thing is Grid allows us, for the first time ever, to think of a page as two-dimensional, right? Up to now, up to last year, when it was launched, it was impossible to think to do it with code, with CSS. I don't know what code with CSS. So you look at a poster, you know, you're designing, or you look at any movie poster, any poster out there, any book cover. You know, they have these nice, beautiful things overlapping, and they can move stuff around, but with the web, it was really, really hard. So template rows does that. It allows us to actually set our rows. So here, instead of FR, I can actually do pixels. So I did my first rows, 200 pixels. The second rows, 100 pixels. The third rows, 80 pixels. And you see what's happening there. The third row, it's empty. You only did six containers. But it's Y-space. Y-space exists now. We can do whatever we want in that spot. We can leave it alone. We can expand it. We can give no more negative margins, no more super-paddings, no more, I don't know, position absolute, floating, hacking. No, the rows will take care of that. And that's, I'll show you in a few seconds a few other examples. That's an amazing new intro that we get with rows. We have in two-dimensional layouts. And then the next new thing is a grid gap. Basically, no more paddings, no more guessing. It just does the gap for you. I'm actually, I can play the video. So I have, I'm playing around with the gaps right there. They got in bigger. And then I'm playing around with some of the column sizes and the browser is just doing it. I just, you know, change around. And then I change the screen size and I always know that, it always knows that one is one FR, five FR, three FR. Basically, one and five, three is nine. Yeah. So one nine, five nine, and three nine. It's doing the math for me. This is from the first spec of the, of the, of CSS grid. The second one that's coming up, you will be able to do different size for gaps, different size for rows and for columns. It's, it's looking pretty awesome. All right. So that's the first demo, right? And this is pretty straightforward. Now let's do, let's look at another sample. This one, you have a client and the client says, I need an ad on my site. And my ad has got to be a hundred pixels. And that's the blue one, right? And I need it there at all times because I need to make money. So you're thinking, wait, so that's not responsive anymore. So see with, with display grid, with the columns, we can actually say, well, the first column was going to be three FR. The second one is going to be an static a hundred pixels and the third one is going to be whatever is left. And that's pretty awesome because I don't really know what the left and the right are. I know that one needs to be a hundred pixels and the same for my rows. One is going to be 200 pixels, one is going to be a hundred, one is going to be 50 VH, which is another unit. So I'm just mixing units here and I'm having fun and I'm seeing what works best for my layout. And then I can go around and the blue one, I can tell it, hey, it needs to expand two rows, not just one. So you see it automatically goes up and that's all my column. Hey, my column, my orange column is to expand three columns and it just does it for me. I don't need to do any math or anything and it knows more or less where to go and if I expand it, you notice that the blue one is always going to be 100 pixels. The first one is going to expand and contract and the other one is going to do whatever is left. I'll let the browser do the math. So you want to build a mini gallery. You see that you have rows and columns so that makes sense to do it. So I don't really want to write one column, one column, one column, one column, one column. You can actually have things like repeat where you just tell the browser, hey, please do five columns that are all the same size and do four rows that are all like 10 BW, 10 times the view per width and it just does it for you. And you see if I expand it and collapse it, it's always going to be five columns and the browser is going to be, I mean the rows are always going to be the same. They're there. It's white space, it's empty, but the browser knows that they're there. Now this one is not as responsive as we wanted, right? Because we usually don't do this with galleries. We don't make them shrink and then we don't make them expand. We usually want them to break and for that we usually use media queries. We tell the browser, hey, browser, when you get to this point, please stop growing, stop shrinking, just bring it to the next line. Now we can do this with grid. The code is a little bit complex, but basically what it's saying is, hey, I want my columns to auto fit and I want them to have a minimum of 120 pixels and a maximum of whatever the other columns are. So they're always the same width, all of them, but they're never smaller than 120 pixels. So what happens is when something gets 100, it just goes to the next line and it goes to the next line and it just goes to the next line and all this happened with one line of CSS and that's amazing. That's something that we have not been able to do until now. That's one of my favorite parts of CSS grid. Then you have a friend, they're a designer, they're an artist, right? And they're like, I want this layout and if you think of this layout in the past, you're like, whoa, how do I do that? Okay, so maybe I have negative margins, maybe absolute, maybe fixed things. So with grid you can actually have this concept of implicit and explicit. Implicit means just things fall down naturally. The way you add one thing and then the other one, you add an image, you add a text, you add something, it just goes below. Explicit means having a grid means you have lines. So you can just position things whatever you want. So for the red one, I'll just tell it, hey, you are going to go from line two to four and one to three, you're going to go from three to five and two to six and you're going to go from the purple, you're going to go from row four to five and call them on the fourth and they just, they go whatever you want them to go. And then the code on top is the same exact code as the previous, like nothing changed on my CSS. All I did was tell this individual once, please go somewhere else on the page. And what happens is, you know, I'm messing around with where I want them to land and if I just move a few of the numbers, you know, the containers just are moving around. And that is pretty awesome. One of the other things is this is a little also more complex, but just so you know, if you're working with teams and you're working on a template and you're building something, it's also possible with grid to actually give your sections names. So for this one, I'm using grid template area. I built an area and the area is going to be, it's going to be a header and an ad. It's going to be a content and a sidebar and the footage is going to be, God bless America. You can do an emoji. And so, and it's going to be a gap on the rows only, not on the columns. So the first grid area is going to be header. So since I called it header, you notice that on my template area above, the header is only red. And then the green one is going to be the one that goes on the sidebar and then the, well, that's wrong. But the emoji is going to be at the bottom one. So you can actually give them names and you can move them around. So if you think of how to shuffle stuff around, all you got to do is do your template areas and then you move this around as you feel like. All right, so I'll do a few more demos in a minute, but I just wanted to go over when, when is now, right? Just a little recap of where we are and where we started. March 8th on 2017 and support for CSS Grid is at 0.32%. Now looking good. Three weeks later, boom, 26%. And then the thing that happens is Firefox released it, Chrome, Safari, Opera, they all released Grid at once. And this had not happened any time before. It's the first time it happens. The reason being is that before a browser would just release it and then they'll change it as it went and then people will start using it and then the spec will change and people will get upset and stop using it. What they did here is they all worked behind doors. They released it and they released it on the newer versions of the browsers. People will play around with it, people with feedback, people will iterate. And then when they were ready, they sent it into production and it was everywhere. And that was, that was, that was just last year. Yeah, so we were at 26%. Jensin was wrote, she wrote on Twitter, three weeks ago Firefox, two weeks ago Chrome, last week Opera, today Safari, yes, CSS Grid is here. And Twitter being Twitter, people started writing, I don't know if you can see it, we're anywhere on edge, come on edge, what about edge? How about edge? Okay, edge, CSS Grid is not here because I don't forget that Apple users are not the majority. So yeah, people want it everywhere.  You know, your website is going to look wrong in someone's computer. So as of October 17 of last year, edge was quick to update it, it launched. So as of October 20, boom, we have 69% of support for Grid. Moved to a month ago, we're 82.8%. Now last couple of days ago, I took the screen shot, it's 84.2%. So it's here, right? Some of the browsers that don't have it are older versions of Chrome, Opera Mini, but the Samsung just released support for it. So moving forward, the support was going to keep growing and growing and growing. If you look at usage-related, right, most people use Chrome for Android or Chrome, Safari, so its support is there. So there's no reason why you shouldn't use it if there's some browsers in India and China that don't support it. That's what some of that 16% is. They, you know, they have, if you have a client that needs to have support for those, there's a great little trick called add supports for CSS where basically you put your grid stuff on that query and if the browser supports it, use it. If not, use the old stuff. And that supports it's highly supported. That's redundant. But anyway. So if you want to learn more, there's a ton of resources out there. It's a hot word. It's growing. Everyone's excited about it, but I will definitely suggest going with Jan Simons and Rachel Andrew. Jan Simons has a website called labs.jansimons.com where she does a ton of demos. I think she started a YouTube channel. She has her own podcast. She has a new talk on, it's called in street, in, I can never say that word, ESL. In string stick design. And Rachel Andrew, she wrote the book on CSS. She's amazing. She has a course on CSS. So if you want to get started and want to learn the instant house of CSS, definitely recommend her course. She helped build CSS grid. Listen to her podcast. Does she have a podcast? I don't believe it. But anyway, she's awesome. Both of them are awesome. Go check them out. Go follow them on Twitter and just start from there and look at everything that they share. All right. So, demos. I don't know if I can go faster than the previous. Let's see. Fingers crossed. That works. So let's do some demos. What I'll do right now is, let me see if I can bring out my, just so you see more or less how I'm starting to use it with, I have to do right now is, where are your mouse? One second. Here it is. Let's mirror this. Alright, so first demo. Actually, the resolution is slightly different. So this is a website for a site project that I started building. Can you move this out of the way? One second. Now you can because of the, let's see if I can make it stick out. There you go. So this is just a website that I started building for a site project. You know, freelancers and their site projects. It was the first time ever, where I, you know, so that's a site project, so I got excited, you know, let's use Grid if it breaks and I'm not in trouble. And it was the first time ever that I actually went into Illustrator, which is a designer's tool for manipulating vectors. And I built my layout and I just moved stuff around and I said, you know, I'm happy with this. I'm going to try it and then I try to translate it into the browser instead of me starting from a theme or from somewhere and trying to, you know, reverse engineer my way around it. And, you know, it's just an open transit. There is a toolkit for people that want to learn about how run subways.  Yeah. So let me see, what is the homepage? Will it load? And my sections are going to be lines and subway stops and I'm going to have a ton of white space and I'm going to have some things go inside and then some things are broken but you're not seeing that and I'm going to have some project news and, you know, it was just a fun thing for me to try out. So the way I did it with grid, if you see this it's a little hard to see what's going on but once you see it with grid it starts making sense.  So I just go to the class where I built. Let's go quickly here. Sorry for the resolution is a little low but it'll start coming together here. You see here it says display grid. So if you click on this little waffle icon you'll notice that I've built some columns and I gave them different weights and you can actually see the columns at work here, right? It's one column, two columns, three columns and then I just place my things. I did some hacking with borders so this has a border bottom and a border top. So I played around with this one and then if you start seeing this one it's just me setting a grid before I even set out some content. And once I had the content where's the other grid here? Primary, no. Primary, no. This is a, if you work with WordPress you'll find all these right articles. All right, home section, right? Here's my template columns and my rows and it should say display grid here at some point of my CSS here. If I click on it you'll notice the same pattern.  The great thing about this is I got to play around with the layout so when you get to a certain point it jumps around, it gets smaller, things get, your rows get deleted, columns get shuffled and overall it just works the same way for all of them. Now, I don't have to use grid for all of them. For this one I just went with flexboxes because it's a very unique, you know, it's a very straightforward, I could have used grid, I could have used maybe not even flexed but for the other things what I was trying to just explore and see how I could move things around and just put them in an unconventional way I went with that. So that's one that's almost ready to launch. I will say, you know, I'm wearing no content so that means it's 30% done. Then we have Harlem Youth Soccer which is the work with FC Harlem the program that I work with it's a community, an awesome community organization that basically helps kids through soccer become better citizens become better people and this one I was trying to give I don't know if there's enough contrast but there should be a background here that overlaps so I wanted to have that background on it, that image overlap without using negative margins so what I did here this is this one, yeah if you see it with grid it all starts making so much sense all I did was it was much easier to actually see it here all I did was this I set up some grid, some columns and I told them I told the image hey you're gonna go from column from line one to three right from column one and two and then the rest of you are just gonna go on the next column and then if the text gets smaller and then just break it delete that first column put everything on column two and then go down and then there's no media queries it's mostly CSS it's super responsive I don't have to worry about looking at all the break points and then making sure that nothing is overlapping and it's the same for all of them I just I'm working through my site and you know as a designer it's also your own website it's the worst thing it's always under construction so don't look at it just look at this and one thing that I did I was trying to have some fun with a grid and this is all CSS I just put a grid together and looking at this it looks pretty awesome right it looks a little JavaScript-ish it's so funny how I say it's pretty awesome I don't know it's okay and if you look at the grid that I built for this and this is all built in WordPress what I did is I grabbed a for mine I grabbed a a clean team from underscores started working from that and just adding a couple of lines some code here and then you see here's the magic the display grid click on it and you see that I did an 8 column layout and I let my rows my rows just grow automatically and with CSS I'm just moving things around there's no JavaScript at all with CSS I just say hey some of you move to the left some of you move to the right some of you dance to the bottom and then just after 10 seconds just come back and that's all that's doing it's a little jank it's not supposed to be janky but let's see it might be my my connection I feel like I'm on a client presentation where things are not working yeah so yeah and you see it's 8 columns then at one point I just tell it you know what why don't you just go to 4 columns and it just goes to 4 and it keeps working as intended and I'm always iterating always changing things but when you go all the way down well you can I think because of the resolution but ideally you should work on mobile this is the part what I told you to trust me so these are more precise that I'm working on I'm working on a couple more that I'm planning to implement as soon as the client lets me share but the way I started doing it is I didn't go full in and this is what I'm trying to say just try to implement it here and there try to see if you can put it on a plugin put it on a snippet put it on a footer and the way I did it I just started building like a small playground where I just started adding my code right now I have already up there I have a few more that I have coming one of them is I really like this more effect which is based on I don't know what is it based on but it's an awesome book called Poemotion Poemotion where you buy the book and it comes with a little plastic with holes on the lines and then when you scroll that's a pretty awesome thing that looks something like this and it just that's an optical illusion where it looks like things are animating and I wanted to try it I wanted to see hey, you're supposed to be able to overlap things on CSS without hacking things so I actually put it together and when you see it with grid it also makes sense right let me delete this which one are you inspected that's how you get the if you want to know how do you get to this thing that I'm in just right-click do inspect element and then on the left is the HTML on the right is the CSS and sometimes you get a right and you get a right so if I do display grid right here no this is not it I have to go to the child here you go so this one has one the bottom one has a couple of rows and then the bowls are somewhere in here where are your bowls so you see how they're here you go it's a bowl row wrapper here I just put my bowl I did they're demos right so it's about a hundred columns and each one of them is 6FR they're all the same width and then I just started placing my bowls wherever I felt the you know the the illusion will work based on the book I just grabbed them from one of the pages in the book so that's one another demo another one that I started working with is one of one book that I really like it's called making and breaking the grid I was like oh this sounds like something that could work for this this is the book cover and I just try to imitate it so it can pretty awesome it's not responsive that's a problem but since it's been a demo I was like I'm going to make it the same exact layout and you notice a few things that are working pretty awesome here it's there's some empty square here there's a square well that's not a square sorry it's a rectangle that's over things are overlapping things are starting from here and here and there are no negative margins at all all I did is build a few grids filled the main layout and so if you see my book wrapper looks something like this you see they start to start to see some familiar things right grid rows and grid columns and if you see for example my back rectangles wrapper which should say grid somewhere no this is a flex still has to go to flex for a lot of things there you go so it's just I told it to repeat 88 pixels 10 times and then repeat 124 pixels 6 times and it just goes and it goes it goes so it just fills it up for me I don't have to figure out anything that sounds like I'm not doing anything I don't have to well that's one you know I'm doing this silly thing where I when I travel I just jump for no reason and I wanted to put them all together and it's pretty cool it's pretty responsive with no media queries and all I did it's also the same this is this is a good example of the implicit things that you can do with grid I just did this is one of the simplest I just did a grid that's 10 by 10 each one of them is 5VW 5VWs are an awesome view for width basically your content grows as the browser grows and then I just did a 10 by 10 all over my images and then I just went to my image and I said you're going to go on column 2 or you're going to go on column 1 you're going to go on 3 and you're going to expand until column 7 maybe you can go to 6 maybe you can go to 5 you know I just positioned stuff around the way I felt like it and then I stayed the same to my rows you're going to start a row 1 you're going to start a row 2 and that's it I'm going to tell that hey CLA what do I call my computer hey computer thingy every third every fourth every fifth just put things on a different and that's it it's doing it's making it look like it's random but it's basically just the same the same short lines of code that go over and over again and it's just some pure CSS and I think this is around I want to say 100 lines of CSS which is very very very little now going back to remove this display now here I want to go back to the presentation it's my first time doing the demo so sorry I'm taking it a little longer between the switches but anyhow this is the last that I want to leave you with you know Chris Collier is one of my favorite web designers and he wrote a tweet that says just a little reminder that it's about a hundred times more important what you build and how you build it so we take like what a lot of people say as the gospel as to what we have to use and sometimes we just don't start because of that get started play around break code do things and look forward to seeing you speak at some point and that's me thank you questions yes sorry I didn't turn on the slow motion any questions that I can answer slowly about grid or anything yes well you don't have maximums with either flex box of grid the thing is that we to build this boiler place templates that you know they're the 12 cause they're easy to use and they're consistent and the way they've done them they use 12 but they don't have to be 12 you can like with the bouncy bolts I have a hundred so with flex you can do the same it wouldn't make much sense right because because of the screen size I guess you had a huge screen you could so you don't have to you can go an even number an odd number it wouldn't matter yeah any other questions everyone's ready to go yeah yeah they all have it actually they have a that's a great question so she's asking if the other browsers have the same tools or similar tools to code yes so Chrome Chrome has been sort of the leader in the industry when it comes to developers they have pretty awesome tools when it comes to JavaScript pretty much everything page inside speed the the reason I think Firefox is much stronger when it comes to CSS Grid is because Jen Simmons works for Mozilla so she has been giving them feedback they've been releasing updates really really fast and Chrome actually has some sweet grid tools now where you actually hover and it shows the grid and it's I have a bad habit where I go to Chrome and whenever it's grid I go back to Firefox then I go back to Chrome Safari is like Safari I think they still on yearly releases for the browser so it takes a little long for you to get something on Safari but they also have developer tools for the other ones I'm not sure that's a great question I don't know what they offer well thank you everyone thank you so much for me and


Okay, this is the big one. We're going to write some Python code. We get to build on all of the pieces we've put together so far. Our first step, we open up a text edit window. It will be particularly convenient if we resize it to take up half the screen and move it over to the left half of the desktop. Then we can save it with a conveniently recognizable file name, making sure to end it in .py and putting it in a location where we know right where it is and can find it when we need it. I'm saving this one as hello.py in a directory with several files in it on the desktop. The next step is to open up a terminal. The text edit window will let us write the code and the terminal will let us run the code. Again, it will be pretty convenient if we size that terminal to take up about half the desktop and then put it over to the right. Now we can see these side by side. We can navigate down through the desktop, through the directory with several files in it, and here when we list the directory contents, we can see that our hello.py is there in place. Now we can go back to our text editor for hello.py and type print parentheses quote hello world quote parentheses and save it. This, as we saw before, this is a fine standalone Python program. It tells Python to print what's in those parentheses, which is the quote hello world quote. It's a string hello world. It's the characters capital H-E-L-L-O space W-O-R-L-D. Now we can go over to our terminal and type python3 hello.py and enter that points our Python interpreter, our Python 3 interpreter to the contents of hello.py. It reads that file and it says, OK, let me follow this recipe. Let me follow these instructions that are sitting in this file. It says print hello world. And so it does at the command line and we get a hello world. This is writing and running your very first Python program. And from here, we can go back to our original file, modify it. We'll add some exclamation points because that's how excited we are and we can run it again in the exact same way. And it runs the new instructions, the new recipe, the new Python file, the new Python script. And that's all there is to it at its foundation. There is a mountain of other tools you can use to write and run and debug and manage your Python code. But they're all extras. They're all embellishments. They're all nice to haves. This is really all you need. When I do my Python development, it looks a lot like this. Feel free to dive in and explore and do all of those other things. But this is a good starting point. At this point, you can go and sign up for any Learn to Code Python class, any course online, through a book in person, and you can start to work your way through it. My hope for you is that at this point, even if you never touched a computer before, before walking through this series of videos, now at this point you're comfortable writing small Python programs and you're free to dive in now as deep as you want to Python and all of the really fun things you can build with it. Good luck.


Hey guys, it's Nate, AKA the Foot Accountant. Welcome back to the channel. It is Friday and it's not team of the year time, but it is the promo that we have known about for the past couple days and it is here today. Headliners, we're going to take a look at that loading screen, talk about some of the cards we could see again today, what market movements we could see as well, maybe a few predictions again on the team that could come out and predictions content-wise like objectives, SBCs and stuff like that for today's game. And of course, where you could see the market headed today on Friday, New Year's Day. Happy New Year's, by the way. All of you guys watching this video, 2021 EA is starting off with a bang with the Headliners promo. This is the loading screen that we got yesterday on Thursday and it's looking like only one player is kind of obvious from this, especially if you think about what the Headliners promo is all about. The player on the left with the Monaco badge kind of has to be Ben Yetter. If it's not Ben Yetter, we're going to be very surprised because, again, you think about the cards that EA wants to put on the promo screens. They want to put, you know, pretty popular players. The guys are going to want to sell packs that you're going to be able to kind of guess and think about and think, yo, this might be a card that's coming. I might be interested in that. So I think the left card is Ben Yetter. I think a lot of people are in agreement with that. Now this player in the middle, we're not so sure about Joao Felix, Ben Zema. You know, a lot of names have been tossed around for who this player could be, Griezmann possibly, but he already has a live item. Joao Felix, of course, like De Pye is another one people have been talking about. This player in the middle, De Vala, like we really don't know who this is. Kind of interesting. I'm kind of interested to see who that player actually is. And then this Brazilian on the right with 85 physical. We're not sure about this one. Either a lot of people are saying Fabinho as a center back or Gabrielle from Arsenal, the center back. But in my opinion, I feel like that player has to be somebody else because I don't know if EA is going to advertise a Fabinho, maybe a Fabinho they would advertise on the home screen. But you know, EA doesn't need a special reason, even though this headliners promo is based off of players that have had incredible form, glimpses of potential under a new manager system or return from the treatment table. So basically inside of that, like what EA titled headliners this last year, they could give a card that literally has no informs, a headliner card. And it says right here, and this is where, you know, when we've been figuring out who is going to be, who these players are, a lot of people are saying, well, this guy didn't get a special card. Well, technically, like if Fabinho doesn't have any informs or there's another card, Neymar doesn't have any informs, you know, they, they technically, they don't have to write at the launch of the event, each foot 20 headliners player is released with one inform upgrade higher than their latest qualifying performance based inform, it lists the options, or their base item. So that or their base item in there kind of just means EA could put whoever they want to in the promo today. I'm curious to see who it is. But of course, with this card looming, and I'm going to drop the link to this prediction in the comments below, because this is a really awesome prediction. That card right there, this is not going to be cheap, right? And this is the talk of the town today, this bannetter card, what it could be inside of foot off of this loading screen. So let's talk about market and content for today on Friday with a new team coming into packs. A lot of people have saved up packs out there. We do have some SBCs going away, I believe a couple, I think Joel Felix is going away really soon. Let me go to the live tab what SBCs are expiring that are out of as of notice, the team a week upgrade goes away, Nabri is going away, the foot freeze challenge, that one at least. So some of our last freeze SBCs are going away tomorrow, except for Firmino, he's going to be staying out. But I think today we are going to see a headliners player as an SBC. If you remember last year, we had a couple decent SBC players inside of the headliners promo. I don't know if you guys remember now he didn't technically end up getting upgraded, I don't think. But we had the playa objective, no playa got upgraded last year. Yeah, playa was definitely upgraded because he had an 87 rated man of the match. So I remember a lot of people grinding that card last year. We had, I forget which year it was, maybe it was in team two where we had a Tammy Abraham card. And I think this might have been an SBC. But Tammy Abraham was another one of those headliners. I think that this was, yeah, it was an SBC. This Tammy Abraham was out, that was an SBC last year. So if you take a look at the two teams from last year in FIFA 20, we had some decent SBC and objective content. Adama was an SBC, I believe, last year, that was a card that was a very rat like card last year. And a lot of people were not a huge fan of him. So I would expect decent SBC content today as well, inside of the game alongside with kind of a juice team. And we'll maybe talk about that in a second. But I would expect one player SBC today that would be a headliners player and possibly something else like a, you know, they could easily throw in something like a, a flashback or a, and any sort of SBC like that. Now we had our first flashback in a long time with Ben Arfa, but we might see another one of those, maybe like a UCL flashback or just a, the special SBC card type, like the one that Oxlade Chamberlain had, whatever card design that was, we haven't had one of those in a while. So possibly one of those. And then I would expect another objective card as well. Another big thing about today is we're getting the new season, right? So this, like all the objectives, objectives that expire at the season end, Silver Star's damn icon swap to end two away. This Beckham will be going away, I believe. Maybe not. Cereal leak. No, no, these, these don't go away. But the ones that are expiring, the ones that are expiring at the end of the season, like these icon swaps, which I think they are, right? I could swap the season to is over in like 20 hours, right? It's kind of on the right here. It's over today. I think these icon swaps are expiring, but all that stuff goes away today. Now there's no players that are in here right now, but I do think they will add in some players. Oh yeah, Delafayu is going to go away because Bellaryn went away. But anyway, that is going to be coming into the game today. Actually, I might be wrong there because I already did Bellaryn. Yeah, he's already down here. Never mind. Yo, these league players, they kind of confuse me. I'll be honest. Anyways, I think we're seeing a headliner objective today. You'll see an objective. You'll see an SBC along with the players that are in packs. Now speaking of the market, we've had a nice rise today. We've had a nice rise today on the market. I've made a decent amount of coins on these cards. I double dipped. So what I did was I bought these cards for flips, all my Thursday flips that I bought yesterday and a couple of days ago, I've sold those, right? I was buying Pepe's at 48, 49,000 coins. I bought these Moreno's at 54, 55. These Jotas were bought at mid-60s. These Andres Camaras were bought in the mid-50s, low 50s. A lot of stuff went up with rewards yesterday. Then some stuff kind of came back down. I was buying this Holland I got at 170 or 165, I think. These Levin Doskis were both at 240s in the 240 range. Those were nice flips. And the market kind of is continuing to go higher tonight into the evening time, New Year's Eve into New Year's Day on Friday. One card we were watching was this Rashford, going down to like 875 and seeing if he'll bounce back tonight into the morning time. But I do think you will see a little bit of panic selling this morning. But the biggest part of the market that I'm intrigued about today is the first hour or so when they put these new cards into packs. I don't know if you guys remember, it was earlier this year. I think it might have been with rule breakers. I know we had some server issues when the rule breakers came out earlier this year. But all these rule breaker cards were like their cheapest within a short time frame after they were actually released into packs because there were so many people that were saving packs. And there's so many packs that are saved up right now. It's crazy because of course, people were expecting us to get team of the year. And since that's not coming, at least this weekend, so many people have saved up packs that are just sitting in their store and they're not going to be able to be composed and to not open those packs. So I think today what you're going to see is a lot of the cards that get released a lot of these headliners. Now I'm looking at last year's team, just as an example, but whatever is released into packs today is going to get supplied a lot in the first hour or so the first 30 minutes to an hour, you're going to see tons of packs apply. How is that going to affect these cards? They're probably going to be at their almost lowest within that first hour or maybe during the second hour when people who pack those cards, relist them. I think these guys are not going to start super expensive unless the pack weights really low. Even even then, even if the pack weight is really low, I feel like there's so many saved up packs that there will be just a lot of supply coming into the game at that time. So one thing that could mean is if you do see panic selling this morning on the market, panic selling this morning on the market, on out of packs cards that are very, very meta, I think you can get involved. I think you can get involved on that stuff per usual, but one thing I'd be very careful with is golds. I remember last time we had saved up packs that were opened, a lot of the gold cards got absolutely destroyed because there were just so many packs that were saved and they were open. Guys that I would be worried about would be guys like Rashford's out of packs, but like Amane, a Joe Gomez, a Ferland Mendy, Bruno Fernandez, gold, which is 70k. What?  What a rise. What a rise this guy had. He's up 10k. That's crazy. Anyway, guys like that, even like gold, Pugba, gold, you know, some of these cards that are still carrying a decent price range that are gold items, I think they'll get really hit today with supply. You know, maybe guy like Salah, you know, I think that today might be a day where fodder drops a decent amount because when saved up packs are opened, that's just a lot of, you know, of course, they can tweak the pack weight a little bit, but I think it might have been for a team of the group stage or another promo we had earlier this year where a lot of saved up packs were open, gold just got destroyed in that first hour with all of the people opening up those saved packs. So just be careful on those. But if you're looking at the out of pack stuff and going with those gold cards would be the current team of the week because these guys right now, Carrasco is down because if the people invested in him, I would stay away from any of these team of the week cards unless you're going to do a quick flip trade because they're going to get spammed with supply tomorrow or today with the lighting rounds that come out. Now for the rest of the team of week cards, right? Road to the final threes, very inflated right now, Wynaldum's 490, Pogba's 568. If you bought these cards as an investment, I know I've been saying this for the past two days. I might just get out of them because I, I don't know, man, I just don't like how much these cards have risen. I feel like, yes, they're very rare, but there's a lot of investment that's gone in here. Could they go lower today and then bounce higher even after all the packs are opened tonight? Yes, because I think the market's going to bounce again pretty high tonight because if people are opening saved up packs, what that means is they're going to go out and they're going to spend those coins because people are, they're not seeing team of the year in front of them and they're not going to be able to hold those packs that much longer. Now, if you're holding packs, stay strong and hold them for team of the year. I don't think everybody else is going to be able to do that. So stuff that gets low with panic selling in the morning today on Friday, I think it's going to be a full send icons as well. They've been icons have been tough, right? A lot of panic selling on those, but I think you're going to see today a potential for those to rebound as well. And of course, you're really meta items that people continue to use every single week. Uh, your van dyke, somebody's record breakers. Barty was at 515 K today. He's back down to 449, but he had a huge, huge rise. So as always, we watch out for the panic selling. We love the rule breakers, right? We love some of these cards. You know, and, and when people get these new special cards, right, we're talking about league one special items like a Ben Yetter, there were people today that were investing already in this fiber gas. He, this card is up like 20,000 coins almost. He was 80K even this morning. He was 80,000 coins. And then since Ben Yetter has been shown on the code, you have more people going out and buying this fiber gas card. So just kind of keep that in mind. You have, you know, maybe some links to like if Ben Yetter gets in, I wouldn't say that like Mbappe would be a link investment, but you, you definitely want to look at, especially with the league one stuff that is going on right now. You take, take an eye out, right? We have, uh, the our SBC, a lot of people did not take an eye out, but have an eye out for some of these other French league one, Premier League, the meta cards that we always look at on out of pack specials. Keep an eye on those today.  Um, and especially if they dropped like a big striker in the game, uh, you might see a guy like Harry Kane drop down this La Porte. I guarantee you this La Porte card is going to hit 500K flat at some point today on Friday. This dude was 500K earlier today and I didn't buy one of course, because I didn't find 500 flat and I wanted 500 flat, but he went to 509 and now he's back to 540. That's literally this card fluctuates like that every single day. It's probably going to fluctuate that like that today again as well. So just keeping out for the market icons, baby icons would be a big move, right? I think baby icons would be a big move, and I feel like since we're not confirmed, we're confirmed not getting team of the year today. People are still a bit hesitant, but like this block card was 1.01, 1.02 earlier today, and now he's basically up to 1.1 mil baby icons out of packs. They're really meta ones, you know, baby Del Piero, baby, um, not to go too high in value, like crazy high, but, you know, um, baby Soul Campbell would be one that probably would be pretty good, as a flip investment. Baby Kanavaro is like those icons that the baby cards are a lot more valued than, um, some of the mids and the primes. Definitely keep an eye out for those today, because they're out of packs, of course, and there's less supply there. And a lot of these informs, right? This Levin Dalsky flips, fluctuates around a ton. I was just selling mine in the mid 260s. I bought it at 245 and boom, there's another one at 258. Like these cards fluctuate a lot. Now, some of them you might see panic selling today on cards like Holland. Um, then this is why I flipped them today was because I knew this guy was in the running to get a headliner card today. But like this guy, like Ben Yetter for sure, since Ben Yetter is almost guaranteed to be in, um, Ben Yetter's new card is probably going to start somewhere like 1.5 mil is what he's going to start out on the market, in my opinion. And yes, he will drop down from that point, but you're going to have some of these cards just start off very, very expensive today. And some of the lower tier like the informs and the other special cards that those guys have might bounce back a little bit. One guy to watch out specifically for would be Zaha, I think, because he's a very popular card in this game and his, his informs keep going higher. This guy was 100 and he was 135 K yesterday, man. And the guy is now, wow, he's past 160, 166 K for this first informed Zaha is nuts. That's crazy because the second inform I believe is like, um, it's like 230 unless it's continuing to go up more itself to 41. So these, these informs are really, really going high tonight, 239, 238, 235. So these guys are really, really bumping up in price on the Zaha's. People love this card in this game because he's five star skills. If he does get an item today, if that card does come out and it's like a million coins right off the bat, and then it only gets to its cheapest at like 700 K or even if it is 700 K in the first hour, you know, if you see this inform 86 informed back down around 215, or if you see the 85 informed somewhere around like 130, I would get very interested in that again, because of the potential fluctuation that you could have back on those cards. So again, the big thing to keep in mind is a lot of saved up packs. And if the promo itself is not that good, people are going to be focused on icon swaps again, because we have more tokens that will be out icon swaps don't really affect the market that much in my opinion. But you know, if you're doing icon swaps and you're getting these packs, you're probably saving those for team of the year. Maybe you're opening them to do an icon upgrade or something like that. But I don't think that this will really impact the market that much. I know that there is icon swaps out. So that's going to be some new requirements in the objective time in the objective area here. A lot of people have started investing in like, you know, for like icon swaps to here, we have air to busy EFL and MLS. Some people are investing in chain and like Chinese League or like the Turkish League, because they think those are going to be the next squad battle objectives to complete. And then other people are buying up like UCL cards, because they think they're going to be required, which yes, that could be the case. And those could be money makers today. So definitely keep an eye out for some that stuff. That's just not necessarily like my my cup of tea in this game, to be honest. But the big thing today for real is I think you will see some panic telling this morning. Because just that's just the way it is, right? Every single week, there almost seems to be a little bit of panic selling on promo Fridays. And I think people will open up saved up packs, because I expect a pretty juice team with Ben Yetter being in it. I mean, they could throw a sun in today, Zaha Holland, a lot of big name players could be in the team today. Joel Felix would be a big name that could be in too. So just keep an eye out for some of that stuff. It's going to be a high update. It's going to be a busy day on FIFA with the new headliners promo. So we'll cover it all here on the channel after it happens. And of course live on stream today on Friday as well. If you guys are interested, that link is down below in the description. Check it out. The links down there get connected on Twitch on Twitter in the discord and of course subscribe here on YouTube as well. If you enjoyed the video today, thumbs up be greatly appreciated. If you do have questions, drop them down below and again, subscribe if you're are new. Happy New Year, boys. We have a big 2021 ahead of us. I will see you guys later. It's been Nate the Foot Accountant. Peace out.


What's up everybody? Jason for jazby's case breaks dot com twenty twenty one Upper deck series one hockey 12 box case play predictions number five just sold out where if you buy two or more teams You have a chance to win a free box. That's right. So again, we'll do that randomizer at the end of the break Just remember if you buy two teams, you get one entry by four teams You get two entries by six teams you get three entries, etc, etc If you only buy one team you will not be entered to win, but good luck to you in the break itself Remember no veteran common ship full case of series one hobby So here we go So again, we'll do that randomizer at the end of the break But here are the customer names I bought in today Right her Let's put these here And I'll try to rip like four of these at a time So we can kind of make it go a little faster. Like I said, it's gonna take me a little over an hour Maybe an hour and a half so should be done with this closer to 615 or so and like I said after that we'll jump into Bowman's best Get that knocked out and then I'll probably take a little dinner break Get some food in my system. I actually didn't take a dinner break yesterday. So Take a little quick dinner break this time And then hopefully by then, you know, we stop another Bowman's best that we can do tonight Like I said those two bigger breaks Those two bigger breaks like the flawless random hip break filler unlocks that And then of course Two fillers will unlock the basketball mixer So again, we are close on those two breaks Let's get it rolling guys That was at the World Junior Championship or was it just the first round? quarters who's in it so I haven't actually been keeping up I Know like the first week byfield had like six points or something crazy like that couple goals couple assists Well, USA is loaded and always Canada's loaded. So Got you. Well, I mean that's how it usually is once your team is out of our country though You don't really care for anymore, right? All right guys, I'm gonna rub up in a couple of these boxes So we can continue on First time breaking with those many nice man I think it's the most you got the Islanders I see and the Hurricanes, right? I'm getting a ton of orders the Nick post up something again because if not then what's going on here status, maybe Yeah status is moving Looks like there's another mosaic up It looks like status is be the next one that will probably do after the dinner break Yes, that is down to five left. So we just got to do that the next filler guys. That's it. We're done So I guess there won't be a little busy tonight. All right, you guys remember. This is a new draft class. Alex is the Furnier a Lot of other good players here that were kept out from the last couple years. Remember hockey is a little different kind of like baseball So a lot of value in here There's some rookies that were in the top 10 from the previous year in here and Of course, you know season's gonna start soon We do have a new product coming out finally for 2021 we still have Cup hockey Which I believe is gonna be released in a month or so, which would be the last 1920 product, but 2021 I think the lower hockey is coming out this week.   You could you know get up and Go grab something to eat or something to drink And then once I start going through the four boxes, you can definitely start watching There's like little intermissions. My name Jeff. I got to pull someone with the name Jeff first That's for the wife Man, I pull someone named Jeff. We're gonna say or sorry Beyonce future wife I Guys so there you go. There's four boxes less for it or go through the cards now Also guys, there's gonna be a ton of these so we're just gonna split them out evenly as well Unless they're like an exclusive or something like that then we're randomizing There's a little canvas there plow drew And there you go off right in the first box Alexis LaFernier, I don't pay for like half the spot right there You get to you're in the clear Very nice Little portraits there We Got Jake Evans for the mantra Canadians We got Jensen Harkins for the Winnipeg Jets What a waltz We got a checklist UD canvas here. That is a Quinn Hughes and Elias Pedersen Look campy Hoping he has a crazy good year this year. We got UD portraits Matt Zuccarello We got Mikey Anderson little young guns David Pasternak little dabblers We got a lyce Lynn home UD canvas We got Jonas Johansson Young guns there for the Buffalo Sabres UD game Jersey T. Wouter Vynan Got Shane Bowers young guns for the Colorado avalanche We got UD canvas here of Kirby the Docks Chicago Blackhawks Darcy Kemper And we have Martin Coral avalanche Our Next box We've got a UD canvas here of Elvis Murs Lincoln's. It was a good rookie in 1920 Got Jake Evans again young guns Jack Hughes. Alrighty, let's get some young guns. You got a relic here Patrice cornquist That is for the penguins and Nick Conner. You got Jack of Verana UD canvas Victor Soderstrom That is for the yopes and Spiro a little rookies UD portraits Here at Tyler Benson young guns Nikita Guse UD canvas that is for the devils We got Max Domi UD portraits We got Conner Ingram young guns for the Nashville predators and we got a out of 25 Ben Bishop UD portraits the yellow border That's gonna go to the Dallas Stars and John. You got Nick Robertson That is a Toronto Abeloofs Which is going to Spiro? Leon Drysidle UD canvas and we got Nathan McKinnon We got Michael Di Pietro I was always wondering if he was actually related to Rick Di Pietro Which I guess he could be when he was born in 1999 Remember Rick Di Pietro's crazy contract was like 10-15 years. It's like he was never gonna make it, but it was all guaranteed Dazzlers Leon Drysidle Alrighty Two more boxes and then we can rip open the next four Timothy Lindgren. He's actually been a prospect for the least for a while now And we have a young guns UD canvas. I think we get six of them in a whole case first when it's Tyler Benson Nicholas Buden Chicago Blackhawks Got a little John Carlson Dazzlers David Crouchy Joseph Wall Alrighty two box or actually we're halfway through the third box Continue on just have a couple young guns left. I believe Dustin Brown Got a little Josh Norris for the Sanders We got a Darcy camper And that is a clear cut or first clear cut right there for the Yachts You got a Zumula that's what they'll want it right there I All right, carry price canvas rookie sir Jason Robertson and we got Igor for the Montreux Canadian I mean sorry for the Toronto Maple Leafs I should say and look at this little foundations clear cut for the Yotes that is Nick Schmaltz and that is Darcy Kemper very nice all right there's a third box alright last box here and then we can rip up another four and then like I said we still have this eight boxes total left after this we have Philip Broberg for the Oilers that is Waltz with that one it's our first young gun in this box we've got a young gun canvas Jake Ottinger for the Dalles star is it going to John Dee I need like an exclusive or like a high gloss that'd be awesome Michael Di Pietro for the Knux yeah I feel like a lot of people are buying into that ten teams later oh good luck man I mean it's a fun break you have a chance to win the Chargers and I mean at the same time you know still chances at you know those stained glass man that's our first one or first or second one I've seen up to like five one time when I did a whole case so all this one of those stained glass is all it takes you know Jack Hughes the UD canvas we got a Josh Norris UD portraits rookies and we got LaFernier and Vitaly UD checklist young guns so those are both going to the Rangers regardless there you go very nice we got another Dazzlers that's Jack Eichel Roman Yossi we got a Q-Rill used the Menko for the Fliers and we got little jerseys of Ryan Nugent Hopkins we got Dominic the Blackhawks little canvas we got Keefer Bellos for the Islanders young guns all right so there is the four boxes let me quickly just top load some of these relics all right let's move it along guys so again perfect time right now guys get up stretch do what you need to do and it looks like Nick also did put up the last filler filler for the mixer I'm sure it was I mean I don't I don't think he was with anybody else this past year was he wait is there a max don't we man? did I miss him or am I missing something? Jack Hughes Price, Dustin Brown, Cratchy, Dreyseidel, Goosev, Verona, Merzlingens, Dodge, Linholm, checklist in Claude Giroux I'm not sure where that's at if that was a canvas or not I'm assuming it's not because I put them in stacks here. What's up Lucas? next one all right let's go to the next box we're gonna rip forward a time and we'll go through the four boxes and then again we'll only have four left we can move it on to the next break would you be Bowman's best and I think a filler sold out so I'll add that to the schedule and then the second filler will sell out so we'll add the football mixture to the schedule or basketball mix I should say and then we still have time to do another Bowman's best we'll still have time to you know work on that NT first off the line timeless treasures I know was moving that's close too all righty guys almost done with the third box we get the fourth box rolling last box all right last stack right here guys all right there you go guys that's a little time-consuming like I said this break is gonna take about an hour and a half but we'll get through it guys pull some nice fire I've got Mike Albert and start us off our first young gun of this box got a Vander Kane UD canvas some of these cards are getting stuck already which I don't like that because it's gonna happen in like in a year or two Vasilevsky and we got a Oli for the Vancouver Canucks it's gonna nick we got a purple Dazzlers coming up Jack Eichel I never found out the difference of which one it is but for like purples much more rare Jonathan Huberto Thomas Harley we got a Leon Foddy you need to purchase rookie We got Pavel, Colorado Ravillage, UD Young Guns, Matthews with the Stash, and we got a little cleric, Jason Zucker, Penguins, and we got a Victor Shoulder Strom, Young Guns there for the Yachts, Ryan Souter, UD Canvas, and let's finish this stack right here. We got the first box, we got Braden Shen, UD portraits, and we got Jason Robertson, Rookie, Young Guns, Dallas Stars, excuse me, and whoa, did we just get an autograph? I don't know, I don't know, Marcus Nazlin ceremony, I don't know why I'll slip backwards. I guess that would be, well this is Marcus Nazlin, I guess we have to look at the checklist. Global series from Sweden, like it's Marcus Nazlin, it's not actually like Tampa Bay or or the other thing, so we'll take a look at that, I'm not sure if that's rare or not, but see who that the checklist goes for, put that right over here. Bowen Breyrem, which is I think number four world pick last year, I mean like I said, I'm gonna go buy the checklist if it has Marcus, there's no Marcus Nazlin card and you know it's just whatever it's a team we played for the longest and we'll do that if if this checklist is not affiliate with any card we're going to go Marcus Nazlin team we played for the longest, we'll just got to make sure I want to double check. We got a Michael DiPietro UD canvas Young Guns, Mark Andre Fleury, UD portraits, Alexander Lexiyev, Washington capitals going to Jondi, right on the Dazzlers here, that is Nick Sasuki, we got Felipe Curvyshev, Jonathan Bernier, Leon Dreisato UD portraits, Moncart, stop getting stuck to each other, Jake Ottinger, Dallas, we got a John Tavares UD exclusives for the Toronto Maple Leafs, very nice, 92 actually, that's a Jersey number I believe, isn't it 92? 92 out of 100, it's a little extra Jersey mojo right there, eBay 101, JT, Jounding them up man, we got Pavel Buchnevich UD canvas, we got Alexander Tru for the sharks, Sean Maddock with that one, the dally, Elias Pedersen canvas who's a stud, Morgan Zagike, to study some of these names of, Andre Svechnikov, little Dazzlers here for the Carolina Hurricanes, two more boxes best, Shane Bowers, Mark Giordano, Liam Faldi, we got a little Caden Primu, debut dates, Montreux Canadians, Getzleff, hate this guy, Ducks though there you go, Dylan Coughlin, Knights, Winna Wolves, all right guys, box and a half left and then we have four more boxes, Logan Goutour, we got Tyler Benson, the Fenson Benzons, John Carlson, yes read that number three is the last one, so once you guys get that number three done, that sells out the Lobo Man mixer, so that is that sells it out, Emil Larmy, oh yeah remember what you guys hear about the Henry Lunkwist, I'm gonna have to set out this year or maybe potentially retire through to like a heart condition, so I kind of was excited to see him with the Campos, Alexander Rajeloff, Jack Alvorichek, Jonas Johansson, Timothy Lindgren, another UD game jersey, Caspery Kaepernan, all right guys one more box and then we got four left, we're almost there guys, we're almost there, I'm at the 56th making the minute mark, so I said I should be done with this within an hour and a half, maybe a little early, maybe an hour or 20, Tomas Jibot, sorry, it's a UD canvas, Timothy Lindgren, this guy man grinds my gears, damn good Chuck, I'll tell you as a young guy, as a young leader, that's Fredrick Anderson, Lucas Carlson, Nicholas Buden, Brent Burns, Alexander True, Eric Stahl, Quinn Hughes, Matek, and we got a predominant, Kyle Conner, one of the big jets that is going to waltz, Pierre Oliver Joseph, and we got a Thomas Harley, Young Guns UD canvas, Ty Dallandrea, Matthew Barzell, all right guys we're down to the last four boxes, we're almost there, I'm still continuing to get ours by monitoring to see what else is selling or what's close or what's going on, all righty, we're almost there guys, last four boxes, this is almost a disaster, all righty, next box, okay, that's cool, and see, that's perfect, I mean like I said, I gotta check for that exact card, but yeah, if that exact card is, you know, conucks then for sure, so if you want to look it up for sure, unless you did already, it's CPD5 was the code card number, yeah this is a Marcus Nazlin card, so this isn't like, you know, is there anything else I would assume, it's gonna go to whatever he played or stuff like that, it's not a big deal, I mean honestly, yeah perfect, thank you though, I'll definitely look at it, I just gotta show it on the video so everybody sees it, it's a full show, thanks to my life easier when they actually like, you know, add that card to a specific team because then we don't have conflict like, all right, it's not Marcus Nazlin card, it's actually the, you know, global series card, so it should be the two teams on the card and blah blah blah, you know, and it gets a little, a little hectic for a card like this, I was like, I go by the checklist, if it's there, perfect, there's no dispute here, Nazi Sonderader, Wicked Rister, there's a lot of, a lot of, a lot of players that went very underrated throughout their careers, I knew it really, yeah I visited Vancouver a couple years back, it was a very beautiful city, they're expensive to live there too man, we're hearing from like a little tour guide, like how much it is, some of those high rises, Jesus, it was cool, I was just there for the day, I got a ferry from Victoria and it's pretty awesome, yeah well I think was like the number, it was a top 10 pick last year and he's finally making his debut as a young gun, I like always tell people, you know, some of these young guns won't sell for much to start off, but even a 10, $15 young gun for like a $50 team, I mean if you get a couple of those, I mean you made your money back right, you know obviously nowadays people are grading these young guns, but yeah Colorado has a top pick from last year's draft, isn't this set, you know just like my Kings, like I love, I think that Gavir Velar is gonna do really well, obviously he's finally gonna get a chance to play, you know it's been a couple years, he was like the number five overall picker, I remember when it was a couple years back, but it's kind of like baseball where it takes a couple years for some of these rookies to, you know, to make it up in the league and stuff, unless you're like a special one like make David or Matthews where you just make your first year or like Jack Icon just like do so well, yeah even a $25 team, even if you know you get a couple young guns, I mean how, some of these young guns sell for like $5, $10, I mean not bad at all, nice play by Hertz, their Fitzgerald commercial, that's funny, Larry why are you in the dining room table, I can't watch that TV that close, no why are you here in the dining room table, all righty guys, full boxes left, so six young guns each, so there's 24 young guns hiding in hand, let's hope we can get something nice, get an exclusive maybe, maybe even high glass, good luck everybody, Sam Steele, UD Canvas, yeah Vitek, January 13th, and oh look at that, our first clear cut young guns, that's Jake Evans for the Montreal Canadiens, going to Jens, very nice, Gusev Lindstrom, Nikita Kutcher out, we got Reed Duke, and we got a little die cut right here, Tomas Hurtl, Checker Public for the San Jose Sharks, Payne Krebs, we got Jason Robertson Young Guns, Jake Evans UD Portrait Young Guns, Jason Robertson, we got Carter Hart-Dazzlers, Nathan McKinnon, Kirill Yumestunko, or Ustimenko, sorry, Alexander Barkov, very underrated player, solid player too, three boxes left guys, R10, Rosamund Dahlien, could never sign an upper deck contract, Lucas Carlson, we got a Nik Suzuki Pink Dazzlers, and Alexis de Fernier, that's our second one, we should almost pay for the spot right there too as well, maybe in the clear, all right, we got a UD canvas, Nik Suzuki, Jack Eichel, we got Martin K, Dazzlers, Johnny Goudreau, Jonathan Quick, Ryan McGloy, Connor Ingram, Mika Zabinejad, all right, lost that game, there we have two more boxes, nice little Gabor Velardi, finally we got one of these young guns, it's going to go to my Kings at Brandcroft, the trees birds are on, all right, two more boxes guys, 12 more young guns at least, Joel, Kivranta, these cards are stuck together, Johnny Goudreau, Jack Evans, come on Carlson, getting stuck, Jesus Christ, Patcher Eddie, it's like they just made these, man, they can't get stuck already, Brian Rust, it's actually hanging in there pretty well, both of these new tackles on the outside with different positions, Ritz Ritz on the other side, he's going to try and hand them on to Tess, what the best, pain creps, Connor Halibut, Zomula, Patcher Eddie, Judy Gendres, Anders Lee, go Ryan McLaugh, is that Cassie, Tyler Benson, Alex, Ovechkin, that's a nice looking card, that's a short print for sure, Capitals, look at that little pup, Capitals, John D, there you go, when I finish we'll call, just give me like 10 minutes, yeah after another break around seven, Patcher Eddie, Oly, Barn K, Brock Nelson, last box guys, another little checklist here, LaFernier and Vitaly, Brad Marchant, Alex B, is that, whoa, this is a cool one, little goal leaders, Pasternak, Ovechkin and Austin Matthews, that'll be a randomizer right there, so that'll be between the Leafs and that is Spiro, Boston, Brian Croft, Washington Capitals, John D, I gotta put that over there, so Stack is just stuck together, Connor Ingram, we got Seth Jones, UD Canvas, Cindy Crosby, Felipe, not that I know of Adam but I'll do a little quick recap and you can see any flyers, hits that you may have missed, I'm almost done, Brock Nelson, maybe that's a short print or something, Pasternak Dazzlers, said this box has been a little rough because a lot of the cards have been stuck to each other, Jaden Schwartz, we got Vitaly, I'll do a quick recap and then we'll do that randomizer right there and I don't think it had another randomizer so I think I'll just have to look up that Marcus Nazlin card, but I do have mostly everything separated, so let me quickly just skim through this, so all the Dazzlers, I assume this is a short print I'm not sure though, I mean it was backwards but maybe it's just a mistake, little UD portrait rookies, pink Dazzlers right there, so you guys got some of this coming your way for a lot of different teams, boom boom, very nice, then we got of course all the UD canvases, I have the UD Young Guns canvas in the Young Guns pile, but just a quick glance right here, you have to check that out, can swallow the top loader as well, love the photography in the UD canvases, they're pretty nice, there you go, there's that, here's all the young guns, minus some of the big ones are top loader already, but what pennies they open for me, we'll top load all these here, but just quickly a quick glance, you guys can see them, could have been, maybe that backwards card was a French variation, I don't know, it's a good question, it looks like it's normal, I don't see no French writing, the backwards card Oveshkin was pretty cool, I mean that one's just a short print I don't know that for sure, there's the UD canvasser Jason Robertson, Litstrom, Ty Dallandrea, UD canvasser James Thomas Hartley, some nice stuff right there, so a ton of young guns guys, six in 12 boxes, you know man it's a lot, Michael DiPietro there, canvas young guns, that is Jake Ottender, I think there's a lot of UD canvass young guns for the Dall stars, Tyler Benson, young guns canvas there for the Oilers, all right so there goes a lot of young guns there, a lot of value guys, and then here were some of the top loaded stuff, oh was it French, oh cool, oh that's right I forget you have those there, so yeah that's this was a Oveshkin card, I'm assuming that's a short print, very nice looking card, a little relic here, applicator, we got Anders Lee, Velardi Young Guns, NHL Worldwide, little Tomas Hurdle, Raja Lavrelic, Kappen and Relic, Rem Burns Relic, you got a predominant Cal Connor, Jake Evans, Clearcut Young Guns, we have a Kate and Primal Relic, Jason Zucker, Clearcut, you got a JT which I believe Jersey number, he's 92 out of 100, UD Exclusive, John Tavares, two Vitor Viner Relic, Petrus Horkus, a UD portraits, yellow border out of 25 van Bishop, Darcy Kemper, Clearcut, found the Dations there for the Yokes, Brian Ninja Hopkins, we got LaFernier rookie, we got the series one Young Guns checklist that has LaFernier Vidali, another LaFernier, Brock Nelson and another little checklist right there, I will show you guys this on camera, I know I believe one of our customers NC already looked it up, this Marcus Nazlin card was a ceremonial pup drop, which I believe the checklist is having one of the Canucks, so that should be going to the Canucks but I'll show you guys that right now on Carbon Connection and yeah it looks like the only other card that would be randomized would be this one right here, the UD Clearcut Goals leaders that features these three teams, Matthews on the Leafs, Pasternak for the Bruins and then of course Leveskin for the Washington Capitals, so there you go and now we'll also do the randomizer too for the box that will be given away if you got two or more teams you have a chance to win that so still chances to get some nice stuff here, all right so give me a sec guys, let me pull out Carbon Connection, they fired Adam Gaze, Tyler and there you go yes, so that Marcus Nazlin this card was CPD5, as you can see CPD5 is going to save Vancouver Canucks so that'll be going to the NUCs, as you can see we get any other ones, Henrik Zetterberg was Red Wings, Tima Solani, Winnipeg Jets, all different kinds right there, where is a marker I can use really quick, all right and let's set up the randomizer that we need to do so here's the dice roller, here's the list, we have another list here so the first one we'll do is for the clear cut, Gold's leaders which will be Leves, Bruins and Capitals and then let's see who got two or more teams of course to have a chance to win the box, so Adam you just got one but you got some nice hits man, Braincroft you have four so that's two entries there for you, Jason Bell just won, Jenzo just won, John D with three so that's one entry there only, Nikonro with two so that's one entry, Nick Sanders that's six so that's three entries, Skavige is one, Shawn Matic you have four so that's two entries, Spiro with two, Vincent with two so that's an entry each and then Waltz with four so that's two entries right there so there we go, so Jens, Jason and Adam I have the possible so we could have potentially got there's only 13 customer names so better odds for you guys, all right so there's that and yeah good luck guys so let's roll the dice it'll be a five and a one six time so this will be for the triple player clear-cut goals leader a card and we'll go six times and then we'll go six times for the customer names that have a chance to win the box so good luck six times one two three four five six stays with the Toronto Maple Leafs at the top so there you go Hanson Matthews wins that bowl battle so they go Toronto Maple Leafs get a little extra hit right here there you go and now see who's gonna win a box remember two more teams you have a chance to win a free box and that is gonna be six times on the box one two three four five six and it stays with John Dee I think in the last two rolls congratulations after six times John you just want a free box we'll add that here to your cards so there you go guys appreciated jazby's case break.com hopefully have some more hockey episode