Welcome back to my channel today's video is going to be a casual try-on haul I recently got some stuff from Luca and Gray. Anyway, we're just gonna try it on I mentioned to you guys in my closet clean-out video that I had a lot of pieces coming So we're just going to try them on today. They are all so cute I cannot wait to see them and hopefully I fit or you know, like I'm just gonna have to like work out more So I got these jeans and I got a size large just in case like I did not want the stuff to be like too tight I got this orange-ish top. It's kind of like off the shoulder because it was really cute And I don't know. I just really liked it. There was matching shorts, too But I did not want to spend the extra money for that. Okay. I was influenced by Aspen to get this really cute set It's like a tie-dye set and the sleeves are like poofy and it's green and tie-dye So I'm excited to try this on. This is another set and it was really popular So they like restocked it and it's kind of like more lounge-wish just like the other set and it's this green color I don't know. It's a really like it's like a sage green I think and I really wanted more lounge wear because I'm working at home and I wanted some more comfortable items So this is a cute little set and then since I'm trying to stay away from like t-shirts and stuff I got this really cute top. I think I could wear to work and stuff I just wanted to insert this little clip before we get into trying on all the pieces But I will have everything linked down below. So if you guys want to get your hands on some of these items They will be in the description box So I'm just going to open all the stuff up and then we are going to try on some of the pieces Okay, so this is the first look I am obsessed with the top. I think this is so cute It's very like t-shirt vibes, but it's like not the jeans I'm thinking that I like and I don't like at the same time I feel like it makes me look really short for some reason So I don't really know my thighs are a bit big for these so it's like kind of tight there But I don't think I'm gonna like return them or anything just because like I like them and I mean I'll wear them I'm just so used to seeing myself in skinny jeans. Let me try tucking this in.  I mean this could be an outfit or I could wear this shirt with some other stuff Overall, this is pretty cute. Let me put my belt on with it just to like I don't know spice it up a little bit Okay, so this is what it looks like with the belt on and I actually I think it's really cute I mean, I'm just gonna have to get used to the jeans again Like I just think it makes me look super short like super short But I don't know I'm gonna get my mom's opinion on it overall I like it and I don't regret any of these purchases I don't know. I think it's just because I'm so used to seeing myself in skinny jeans rather than like Whatever these types of jeans are they like mom jeans like straight-legged jeans. I don't know you guys let me know in the Comments, do you like the outfit? So I'm gonna ask mother. How does this look? I was thinking that the jeans make me look really short I think it's because I'm so used to seeing myself with skinny jeans on But like yeah, yeah, so I just have to get used to like seeing myself with these but I do love the rips I think they're really cool, but they're not like too much. I have mother's approval Before I change into the next outfit I'm actually gonna take the belt off real quick and I just wanted to make a note If you guys do want to get any of this stuff, I will have it linked down below, but there's buttons here I know this is looks really weird, but anyway, there's buttons Like there's not a zipper. I thought there was gonna be a zipper So that might be like kind of annoying for some of you guys I hate doing that, but I've gotten used to it because I have these pair of Pants shorts, I should say that has that so I've just gotten really used to like learning how to button in a Button really fast. Yeah, it's a little annoying that that's there Like there's like three buttons to button before you get to the top one, but I mean hey, it's alright I'll get used to it. Okay, so this is the next shirt. I purchased and I think it's really cute It has the puffy sleeves. I love puffy sleeves I definitely think this is a shirt that definitely needs to be tucked in and stuff So I'm going to do that real quick. I think it'll look better But overall, this is what it looks like you can tie the ends here like in a little bow or whatever But yeah, this is what this looks like Let me go ahead and tuck in the top and this is what it looks like with the top tucked in I really love this look actually like with the jeans everything. It looks so good together Yeah, I'm just really impressed it really accentuates my waist It makes my waist look smaller than it actually is and you guys know me like I love everything like off The shoulder and I don't know. I'm just I'm happy with this look as well.  It's so light and so soft. Oh my gosh. This is probably my favorite thing This was I believe like $88 or something and I was like kind of skeptical And then I thought they were out of it, but they're not and I was like, okay I just need it. So I bought it and no regrets like this is the most Comfortable piece that I've ever tried and it's a matching set So I don't even have to like think about anything Whoa, I love this so much and this outfit's on me if it's like perfect So yeah, I love the big sleeves. It's so cute. I'm obsessed with it I just showed my moms and they totally approve of this and think it's adorable I'm definitely wearing this tomorrow for work because it's so adorable I'm just obsessing now on to the next item and this is the final piece I got from luke and gray. This is a little two-piece matching set and it is that olive green color I love this again. It's super comfortable and it'll be perfect for working from home Just because it's still like cute I could run an errand if I needed to but also like I feel like I'm in my pajamas Which is just a plus when it comes to the new working from home stuff. So I'm obsessed with this It's definitely worth the money. It was under a hundred dollars. I think so definitely a good investment And I love the color I've always wanted something kind of like this vibe because I've seen like a lot of people wear this stuff So I'm glad that I got it. I'm so happy with my little haul Um, yeah, so I guess that is it for this outfit And I just wanted to say that I just showed my parents and they think it's super cute as well Sherry wishes that they had her size in this because she would love a little set like this as well So I hope you guys enjoyed this little casual try on haul if you guys enjoyed watching Let me know down below in the comment section because I found some other really cute shops to get stuff from One is an international shop that I really want to get something from because I think their style is like super cute And I could wear some of those clothes to the office. I think so Let me know I don't go shopping quite a bit So this is definitely a different video on my channel because um, I Went a little crazy with the spending but anyway, don't forget to subscribe to my channel Give this video a thumbs up and I'll see you guys in my next video. Bye


Hello everybody in Fort Worth. It's great to be with you. My name is Maddie Parker and I'm it's a pleasure to really get to serve as your mayor and I'm here with my good friend Brandon Bennett who wears many hats at City Hall. We appreciate you. I know it's been a really rough year and a half, but he's here with me today as truly the chief health official in public health for the City of Fort Worth. He's been on the front lines during this pandemic. Liaisoning with Tarrant County Public Health, UNTL Science Center, all of our hospital systems. So first let me say thank you for all the hard work that you've done on behalf of residents. Yeah, absolutely. So if you want to say anything you can, introduce yourself. Yep. Well, front lines, along with a lot of other people, the one thing that Fort Worth does very well is we collaborate with UNTL Sciences, Texas Health Resources, Baylor, Scott and White, Tarrant County and the other county health departments. And what's really nice about that is whenever we come to do things like this that we bring a breadth of knowledge that's very broad and comes from very talented, probably the most talented, I would say health experts that the nation has. I'm glad you brought that up because I'm not a doctor. I'm not a physician. I'm not a public health expert. And what I do know is I have an obligation as the mayor of this city to talk about the things that are affecting our residents. And right now it's COVID. And we understand how critically important getting as many people vaccinated as possible is to really combat this Delta variant of COVID. But as Brandon mentioned, we're not doing this on our own. We're not doing this in the silo. We are relying locally. And I mean that specifically locally here in Tarrant County and Fort Worth on the medical experts that all of us can trust the leads of these hospitals, their public health officials. So I just wanted our viewers to understand that that this is not something we just came up with on our own. But we did feel like it was important to specifically talk to people in Fort Worth about COVID. Absolutely. And so it does come as no surprise that the numbers are up. They're up nationally. We gave a briefing to counsel the end of June. And so here we are one month later. And we predicted the end of June that this Delta virus would first first work its way through the unvaccinated rural areas of the state and would then start working its way into the urban areas. And by about this time, we would see a very, very substantial uptick which we've seen now. What's important probably for everybody to understand before we get into any other detail is that when you look at the hospitalization or the serious cases of COVID right now, 97% are unvaccinated. We've had some breakthrough cases. Oftentimes, that's people with underlying medical conditions, but not all the time. But 97% are unvaccinated. And then you look at the death rate right now, and it's 99.5% unvaccinated. I mean, the numbers alone should should say to the public, your best chance of getting through this is to be vaccinated. We know that vaccination has side effects beyond just feeling maybe flu like symptoms, maybe a little pain in the arm of less than 1%. It's like less than half a percent side effects to the vaccine. And so when you measure out the risk, you're far better off or far less risk getting the vaccine than going without. Yeah. Well, and for me, personally, when I got the vaccine, this is important for everybody to understand. We're encouraging everyone to talk with loved ones, family members, friends you trust, your own physician about getting a vaccine first and foremost. That's what I did.  I wanted to talk to my personal physician to understand for my own health condition if there was any risks associated and I got the vaccine. And importantly, in Tarrant County, not just your governmental entities than the city of Fort Worth and Tarrant County Public Health, but your private sector partners have been phenomenal to make sure that we have safe, effective access to the vaccine in many places as possible to reach people where they are. My own experience took me five minutes literally each time to get in and get out and get the vaccine. And even, you know, after the monitoring period, it was really quick. So I think that's important to know. You've had great partners along the way working with them. Yeah, absolutely. And you know, we we've moved from mass vaccinations. We were doing 10 to 30,000 a day to much smaller pop up storefront. We'll come to your place. We'll come to your church. We'll come to your group of businesses. We're doing everything that we can to get as many people vaccinated in that short of period, you know, that what we're seeing from the hospitals right now is oftentimes when a patient when they're so sick that they have to be intubated, right? That the one thing that they say more than anything else is, are you sure I can't get a vaccine now? And the doctor has to explain to him now is too late that that you need to get vaccinated, you know, weeks before you get to this condition before you get the virus. Yeah, absolutely. Well, that's the most important message for us today is that in Tarrant County that our vaccines are safe. They're effective. They're incredibly accessible wherever you may need them. And we want to be that resource for you to understand that. And we've we've upheld our responsibility as a city of Fort Worth to make that happen. But importantly, making sure that you're empowering yourself, talking to your friends and loved ones about their decision to get a vaccine, maybe where they got it that was easiest for you and your family, and then talk to your medical providers. And the other kind of myth that's been out there is that it's expensive to get a vaccine, right? Or that you don't have insurance. That is absolutely not the case. We want to make sure the uninsured insured that this is accessible and really free for almost everyone that wants to get a vaccine. It's free at the pharmacies. It's free at the public sites. In fact, one of the things I'm really proud about Fort Worth is we don't even ask for people's insurance card that we've made it so simple that you can do a fill out a form on your smart device or on a computer. We've got them available when you arrive. If you don't have one, there's a little bar code that you can use that will will scan when you arrive to get your vaccine.  We watch it for a few minutes to make sure there's no side effect to it. And then and then off you go getting any freer and easier than that. Well, and the good news is I know, you know, the news can be scary sometimes. And there's a lot of discussion about the delta varying in it. But the most important thing is right now we can handle this, right? We've been through a tremendous amount of struggle in the last year and a half. We are fully prepared to get Tarrant County residents vaccinated. And once we do that, we can fight back this pandemic and get back to whatever semblance of normalcy, which I know we're ready for. And that's important. We've got some big moments happening in the next few months as kids get back to school, which is for me, the number one priority, make sure our students are back in classrooms to catch them up from this COVID slide, which is significant. And then of course, this fall comes around and people are, you know, football season is happening, right? Everybody wants to get back to normal for that. So all those are big moments that us as Texans and Fort Worthians are excited about. So let's just do our part to make sure we can get a vaccine. Absolutely. Yeah, awesome.


The two prospective core members from Benway State alongside two others have been reportedly kidnapped in Zamfara State. The four victims were said to have been abducted at Safi local government area on Tuesday. The elder sister of one of the victims, Simba Yoliam, told our correspondent that her sister Jennifer Awashim Yoliam, a graduate of Benway State University, was posted to Cabbage State for her one-year mandatory national youth service when the vehicle she bought at from Makurdi was intercepted by bandits.


Hi everyone, thank you for coming today. My name is Angie, I'm a developer with ThoughtWorks. I've been working here for one year and I've worked in a couple of industries before for financial and insurance industry. And we have here with us Vy. Veronica, so I am a designer here in ThoughtWorks. I've worked for ThoughtWorks around two years now but in the industry for a decade and over. So I work financial governments, UK, government here in Singapore, financial as well, B2B and so on and so forth. So that's us, shall we start? Thank you everyone for coming, hope your bellies are full and that you will not fall asleep. Quick check, are you ready? So we're just going to set up a mic. We can shout, no we can shout. Well you can shout? You want to recite a poem or something? Guys if you are this loud, is it okay? Can we please ask the people in the kitchen to be considerate? Thank you, awesome. So thanks for coming and let's go to that. So I see that we've triggered the good words that lots of people came up which is beautiful. So what we want to talk about is how to build a scalable product. This has been triggered because we've been recently on a project where a client has six digital products. We had ten months deadline so we throw in four designers, we have developers here in Singapore and abroad we had to communicate with. And the interesting thing about this project was that the product we were developing was supposed to be white labelled. White labelled means that they take it and then they apply different branding on those six products that they are rolling out. Now we were obviously working in agile environments and we're scratching our heads on like how can we make this scalable, how can we make this fast, how can we work with changes. And we identified kind of three items that are very crucial in order for us to succeed. And this is what we're going to be talking about today. So the idea there is that these three items are something that are very much on the ground. It's about the designers and it's about the developers. So let's go to the first one, the grids. So for the purpose of this exercise, imagine that Mountain Dew, which is the soda, has basically tasked you to create a login page. And then the login is for the new product which is called Diabetes. Diabetes is actually, okay, Mountain Dew actually in 2012 created a campaign and asked people how would they name a new soda. And this was the name that came up on the top. That's actually a real story. So they never did it obviously, but this is it. So we have a login page, right? And then what happens is the designer goes and says, okay, so I'm going to design the stuff and then the developer sits and then measures all the distances and all the measurements and they develop. But what happens when it grows a bit more complex, right? The developers are pulling their heads. Designers are creating these design systems to remember what were the measurements they applied on some different place. And then they had to make sure that they can apply all these rules constantly in the future UI. And then the developers either keep measuring or pull source will have to learn the design system that the design has developed, which we can't even keep up to date anyway. So the idea is that we apply simple grids. It's a very simple solution to a problem where you have to be focused on your speed and your scalability. So basically, what does it do to designers? It saves us time. I have a blank sheet of paper. I need to place an element on it. I have a boundary. I already have some guide rails, right? Someone has called it that it's like invisible glue. You have elements on the page and then grid gives you a nice way how to string these things together and create the rhythm. So the person knows where to look and where to expect things to be. The beautiful outcome when it comes to scalable products is that you have unified UI across all the products. So for developers, they can stop measuring painstakingly, painstakingly, okay, that word. All the pixels. And they can just focus on placing the elements within columns. So this belongs to columns, three columns, this belongs to four columns, seven columns. They don't actually go into the detail. Again, and the outcome is simpler and cleaner code. So let's have a look. I want to give you some practical examples. So, for example, I picked a grid that is the whole page grid and it's a full width. Who does that? For example, if you go Google Maps, they place this drawer into four columns, right? Very simple example. Or if you were to look into a, this is the most common grid you see everywhere on the Internet, like today's talk. Elements are placed within it. It's very, very simple way of using elements. And then developers don't have to go crazy on this. So over to you. Thank you. So in the perspective of a developer, we want to move away from measuring things, as Pia has mentioned, and we want to just know where the element should be put. So in using Glit, we are able to make it more maintainable in terms of code because we are able to put semantics in code. We're able to say that this is supposed to occupy certain columns instead of having some magic numbers in our padding and margin.  So the benefits is obviously in terms of communication from developers and designers, we are able to communicate better, we have the same language. Also, even between developers, whenever you pick up a new code, you're able to make sense of how this code is supposed to look like in a layout instead of checking in what are the padding that is applied in an element. So basically it helps us in terms of code readability and maintainability. So the question now is how do we actually use Glit layout? So there are a lot of UI libraries that are out there and already have their own implementation of Glit layout. Some examples are Bootstrap and Material UI. Those are like famous UI libraries that have Glit implementation. But basically they're boiled down to the same concept and they usually use the live all these libraries from the same CSS Flags box. And actually now CSS already supports their own Glit layout as well. So for the purpose of this talk, we are going to start simple. We're going to start from making a page with one H1 element, one input box element, and one submit button element. So the first thing that we need to set up is to make sure that all the Glit layout is covered under Glit. So we should set up display Glit as well as we need to set up how many columns you want it to be applied inside a Glit. For instance, a typical number of columns that we use in designers and developers is 12 columns. I'm just going to pause for a second. So typically we have 12 columns. So here I specified, so this syntax repeat 12. It just means that we want to repeat 1 fr 12 times. So we're stating that we want to have 12 columns. And also for 1 fr, it's kind of a relatively new CSS syntax that says that we just want this one page to be divided by 12. And each of the 12 things have the same proportion. So it is a way for us to set up these 12 columns. And the last thing that we need to set up is to specify what is the column gap. In this case, we specify page to be 20 pixel. In other kind of speak, sometimes we also refer to this gap in designer language or some of the UI libraries language as gutter. So the next thing that we need to do is to basically place where are the positions that we want an element to be placed at. So in this case, for this H1 text, I specified it to start from column 3. And we want the column to end before column 11. So it starts from here to here. The next important concept that we need to know about grid layout is also it can be used either for positioning and for sizing of the element itself. So for instance, in this input box element, we are using the grid layout basically for positioning. So we are using grid column start 5. So it will start from this position to grid 9. So basically the element will occupy this position. But then we are still fixing the size of the element itself. But then also we can use the flex layout to actually determine the size of the element by basically saying that this button should start from grid 5 to grid 9. So that's how element actually occupies the whole distance that we specified. Cool. So let's still maximize what we can do with grids. And we actually can start putting the grids inside the elements themselves. Again, for the same purposes for designers as well as for the developers. So here's an example. Diabetes has its own shopping website where you can buy lots of diabetes. You can use that, for example, if you have a card like that, you can define a grid that has a wider padding margin on the sides and a different size to get to, for example, to this. So this card is a bit small. So from a visual perspective, what do you want? You want the margin a bit narrow over here. So you can go around and play with the grids. You can also use it on a little bit more complex things like, for example, it's a page, it's a let's say card which has two columns of a content inside. It helps if you say this is within seven columns. When the text bleeds, it bleeds over here. So it really simplifies lots of things first. With you. Right. In terms of before implementation, what we want to understand about having component grids is that we just need to place the grid container on the elements that want to follow the grid layout. But the rest of elements that raise outside of the layout can be stout independently of the grid layout. Okay. Any questions about grids? Yes. Are those custom components? No, it's coming with CSS3. Yes, CSS grid layout. They are just releasing it early this year and they are still making some tweaks. But you can basically use it right now. Anyone? Can CSS3 completely replace, like, bootstrap grid or other grids? Well, it depends on what completely replace means. I mean, like, there are certainly a lot of advantage of using a pre-made library such as Bootstrap. You can have a lot of other styling that is already made inside Bootstrap. But for the purpose of layout, grid layouts in specific, you kind of have the same functionality by just using CSS grid layouts. But depending on the use case that you have, depending on the kind of styling that your client wants you to use, it is very judgment call on that. Right. Yes, so basically that's also another advantage of using grid layouts. So we still kind of use media query for CSS grid layout to actually adjust, like, for instance, for the bigger screen, you can adjust it to occupy five columns. And for smaller screen, you can occupy a larger number of columns so that the size will fit better. But then also, like, in CSS grid layout, if you are using a plain CSS, you can reuse media query in other types of libraries such as, I think, Bootstrap have their own implementation of big points that enables you to, like, kind of not use media query directly. So there are a certain abstraction benefit that you can have by using UI libraries compared to, like, CSS grid layout. For example, in the grid container, between props that says you start from column 5 and then column 9. So that's particularly common way. So if you want to do it from lower, which starts from 1 and then from 12, which isn't a matter of any tumor or props that says mobile, start, and move on. Yeah, you can basically, just a matter of saying that you just call a media query, saying that from a screen size of this, you want the column size to actually use these other properties instead of the properties. So you override that properties with whatever properties you've set inside the media query. Cool. Any more questions? Are we all excited to move on? Components. So, components are fun. Imagine that you are creating your Diabetes account and you are the developer there and then we have just launched new feature, which is single sign-on, right? And then they come say, hey, we need a new button. So designer goes and creates a new button and then imagine that Diabetes grows and grows and grows and then you end up with something like this. This is very common with products that grow and grow. So you've got lots of styles, lots of colors, lots of buttons, lots of shapes, and then you start going crazy again and this is okay because the world is this, world is complex, things grow, changes come and we need to deal with that and design changes and design changes and it's okay. And here I just listed a couple of reasons why as a developer you get a new screen and say, oh my God, design changed again. So one reason is, for example, for optimization. In one of our projects we created a, it was mobile app and we had to do list where you would have a checkbox as in like single select list. And then as we grew, we have found out that we have a screen where we have to have a single select list where we have to be on the same screen. It was a filters page. And then we realized that checkbox is usually on the right-hand side but we had our ticks on the left-hand side for the single select so we had to move the tick to the right-hand side so it doesn't look silly. And that's optimizing, right? We have learned something new and we need to change that. Second, the hypothesis can be wrong, which is absolutely fine. Again, we saw that big red button would make people click on it. After research we found that people are scared or styles are not enough. So we designed a dropdown for one, two, three words items and then as we go along we had to put an entire address into a dropdown so we had to do multi-lines and so on and so forth. And requirements changed.  And then the business because the financial model wasn't ready removed that requirement and we had to redesign the checkout flow with the credit card. So things happened and they come out as a design change. Now the solution to that is components and you keep saying that components are nothing new to developers but they are very useful when you are talking about scalable products. How they work is basically as you are working through designing your product and you start spotting things that repeat themselves, right? Simplest is a button. So what you do is you turn it into a component. Now it can be a button, it can be more complex like dividers, icons and input fields and error messages and things like that accordions all the way to entire pages. And so what you can do is that if I create a parent button and then I change the color it triggers down in all of the child components. It's very simple. The beautiful advantage especially for scalable products is that we have a fast change across if necessary. We go to one place. Imagine I have six products each of these products has 30 pages or 30 screens and I have to go one by one to change it. Nonsense, right? And you have consistent user experience. So how would you use components and what are the guidelines to actually create components? So from user's perspective what do we want? We want them to be we want to be consistent. Buttons are always this shape, right? Buttons that have an arrow take me outside of this application. We want them to be structured. So make them inherited as many styles as possible. For example, if we decide that we want to change the font in the entire application, I don't have to go one by one. I just go change the body font and they should reflect in my entire application. And they should be reusable. And usability is only about how well you document it. And I'm not talking about writing word documents and functional specifications. It's about document them well. Designers have their own design systems, design libraries, whatever works for you for the specific projects as well as for developers you have your own systems. It's a very good investment for the long run. So we have come to why we do components in development. Obviously in the past few years there is a big rise in component based frontend frameworks like React and FUJS. There is a very good reason why that happened because of course there is this principle in development that do not repeat yourself. We do not want to always create duplication in code. We want code that is maintainable and we want code that is able to be reused in different cases. And we hope that by doing certain things to make components, we are able to actually decouple functionality and styling so that the components would be reusable. The first thing that we need to understand about building generic components is to understand that we want to build components that is basically reusable. It means that our sole purpose of building them is to maximize reusability and in a more specific definition of that is that we want to try as much as possible to decouple the position arrangement of a component in a layout and how the component in itself is styled and the functionality of the component. So the smallest building blocks that we can think about is what we call building blocks which is basically the smallest abstraction that we can find which are common patterns that we usually use in nodes. For instance, there is this flex component which is basically just a normal div that is default to use flexbox and flexwrap. So because we see a lot of these same patterns happening in our code, we'll try to just extract this and make a building block out of it. The next slightly bigger type of components is what we call basic components which is basically a typically smaller components such as your buttons, your input fields, your text which have all the functionality being able to be customized from the outside but you will make sure that there are also some default values that you can put inside so that it can be reused easily and can be reused to build bigger components. And the next type of components is what we have as composite components which are basically a kind of a bigger scale components that is composed out of basic components. For instance, we have this list speaker which is basically just containing one title text and a lot of these items according to how many of these items you want to pass into this component. The idea of having different field of components is that such that we can basically have different sizes that we can use as building blocks to make a bigger components and the differences between those are just in terms of how much customization we can do with them, how much functionality they have on its own and of course how much reusability they have on its own. So obviously we have common components. We also have components that can be extracted out of layout because it's reused in many pages for instance and basically usually it's reused within a module of a project. So those components, they are like very different sizes of those kind of custom components. Let's take the example of this small title text component which is basically just a text but we specify the positional styling of it and we specify a typographical styling that we want to apply to it. So basically the idea is the only thing that can be customized from this custom component is only the content but the rest of the styling is kind of already fixed within the component itself. In terms of how usually typically we structure our components, we usually have a comments directory where all our other common components are state in and we also have different directory which typically is named after the page layout or the modules which have all the components that is used only solely for that component sorry, I mean modules or layout. So basically this pyramid represents the ideal scenario on how we should have a number of custom components composite components and building blocks and basic components. Ideally we should have as much building blocks and basic components as possible so we can reuse it and build a bigger components and we should have the least number of custom components. The reason of having this basic level of time is because we want as much as possible to reuse it which will help us in the wrong run in terms of maintaining the code in terms of having a sense of security that if there are changes coming in we are able to quickly change that in just one place and not having to hunt for each of the components in different sections having the security that if there is bug to hunt we can easily hunt it in one component instead of having duplication in all our codes. This also means that there are technical depths associated with stylings so basically if you have many duplication you will find the pain not in the short term when we are doing it but in the long run. It's also true that customized components like your small building blocks is very heavy because you need to spend a lot of time to make sure that these components are able to be customized for other different scenarios but it is definitely a worth investment that we can spend in the beginning of the project. It is generally difficult to make customizable components basically there are things that are very obviously like basic components such as your buttons your checkboxes but sometimes like when you are implementing a page it's difficult for you to know which other components you should extract and make into a custom I mean a common component and sometimes the discussion happens with your designers but we should as a before try our best to find patterns to see what are the duplication coming in to see what are the stories coming up and kind of see how these components can be reused before and it is kind of our responsibility as well to try to push down the code as much as possible to push it down from a custom components level down to like composite or basic components level so in terms of so just now we mentioned about how in designers usually have a design system of a style guide usually developers typically did not have a style guide but in recent years there is a rise of style guide for developers these are just two example of style guides used typically in react projects so the idea of it is to give visibility for the whole team or whoever new members joining into the team of the existing components that we have so it's a good way, an automated way to kind of document all your common components so that everyone who joined the team will know what are the existing components again then they do not need to kind of push and they are able to kind of use the component and run with it so any questions for the component section what is the most practical largest scope for component library right so for example you guys have at ThoughtWorks a base component library that all the projects use and then you sort of refine it from there or is that too big every time a project starts you guys start a base set of components and kind of recreate that so obviously the more generic you get the harder it is to manage right from development perspective it really depends on the project there are projects that are obviously very small and it's not worth the investment to build the components at that point of time and there are also even bigger projects that there's just a lot of in terms of showing up the functionality that you may be able to kind of force and not do kind of customize all these components in the very beginning but if we know that this is obviously a very project that needs a lot of scalability then it really is worth it to really spend time to think about what kind of components we can break down and kind of put it aside and it's also a lot of discussion with the designers because designers would be the people who know best what are the components they are going to reuse obviously there are functionality components that is more of development base but usually it's kind of depending on case by case basis usually we will start from very basic components that we know obviously will be we use all the time such as that's why the basic components come in because we know like things like button things like input box first there are things that is always going to be used things like the building box like flags there are things that are going to be used so and it's quite easy to set it up so why not set those up first but the rest of the components is very on whether we we are because we are working in an agile environment and changes happen all the time so it's a balance of knowing what will change and kind of trying to also balance the technical depth of it and whether we want to do it now or whether we want to do it in the next iteration whatever makes sense I think the you should never have bigger design than your product is and I think that's the biggest problem if you inherit something so you should your component library should contain only the things that you actually need right so we the previous project the client had already existing style guide and as in coded from a code perspective as well as design perspective and then we are thinking should we take this and then we are thinking more towards materials so we say sure we use the material and then the developer the developer discussion only they say you know what let's not because then we will have to override and override and it will get all messy and then your designers don't even know if you're going to be using these components and we already kind of implementing them and making everything works so it was a work up front which you never want to do so that was on the this this was on the last last project we were on so every project essentially or every product anyway has its own design system as a rule and that means okay so does that mean that you come up with that system from scratch or do you have system templates that you get I mean clearly from project to project or product to product there's going to be commonalities you don't want to yeah everyone has a button right everyone has input field I mean so where do you draw the line there right that's what I'm trying to understand it's not easy it really depends it really depends but a rule of thumb is to not inherit something bigger than you need yeah cool any more questions components no okay I have one because we did this talk before already and some people ask and this is very very good question so they asked how to ensure that our project team actually adds the components into the library because we have no time right because creating components is full on ground and no one has time to go and make sure the component exists and is in the commonplace and then my story is supposed to was estimated that it's going to take me this much time or this much effort but I didn't accommodate for actually making it into the common component so and so forth so on other projects how we've done it is that we would actually create like a technical task which is create a component of input field and once that's done only then we would play a story that is implement this components into this place so there is a one way how you can actually manage it and make sure that because maintenance and diligence about maintaining your design system is obviously the hardest thing right so this was a mechanism we put in place in order for it to happen cool let's move on hey how do you actually start designing a component that is supposed to be reused because my question is more about you build the basic components like separate tasks like a isolated process or does it coexist with an existing requirement to go hand to hand and how do you make sure that there is reusability and component and the process is subject to change right so how do you accommodate for that so you start with the fact that you start creating the login page first you don't start this is my own personal opinion guys yes so everyone is like the atomic design right some people go from top some from bottom the way I found it working very well is that you create your login page and you have the individual things in there right the buttons the input fields the header things like that and then you create another page where it also has the input fields and then you're like oh so input fields are already abused them twice it's a good time to create it into a component right and then you keep creating new and new and then suddenly you know that your input fields can no longer be 100% with because we need to have two input fields next to each other for mobile phone for example right so what you do then is that you iterate so this is new requirement it's a change right and you say okay so this no longer suffice and that's why the design changes and that's why we then go and refactor our components and change them however we need it to and we change so this will be happening and it's okay but that's why it is so risky to design something upfront unless you actually have a use case for it right so as you go it's more of it worked better when it's more of reflection rather than trying to predict the future that will change anyway so for instance there is actually a real scenario that happened a couple of weeks ago where we are trying to implement kind of a model that is used in two different pages but basically the model are the same kind of design but have different content and different slightly different functionality inside so because we are going to play out this story in the kind of a same iteration so what we decided is for one pair or one stream of work to actually include that building of the common component inside a story and build that first and when that story is done, when that common component is ready then the next person can reuse that component so we make sure that we do not want to also build if we already know like the distant future of knowing that this is definitely going to be used like in a week we don't want to just build a custom component for this obviously so we will start from building a common component and then we just give it to the next person to kind of build the custom component for it sometimes what happens is when you do that you have your business of the critical experiments sort of lead into the common share component properties so you make sure that and I am sure it will happen but how do you refactor it again so that for the next one you don't break stuff when you maintain changes to the base component that's a really good question so design have a solution for that but it's about working software so in design software we have already tools that maintain this that can solve this Figma, Sketch all this you guys know but yeah that's a tough question honestly it's kind of I think as a developer we are never going to see a perfect code we won't be able to see like a nice pyramid or this is all our common components and all very minimal custom components there is always a continuous refactoring of our code and it is kind of expected that some of our code may not be like backward compatible at some point of time so it's also like sometimes a judgment call in terms of whether you want to build another custom component for it or you can kind of try to change it if you see that this is still reusable you kind of push it down the pyramid more and make it more customizable that it can be reused for another use case so it is more of a judgment call common experience cool cool any more questions what I am trying to understand is suppose I use a material UI which is entirely a component framework which is mapped to a react library and what components are we representing here is it a combination of those material UI say I have roughly 500 components from the react library available to me but are we saying that these components are developed independent to those final components for a wrapping of some components or how is it like what are these components it can be composed on top of that components so basically let's say a material UI already have certain stylings inside so we can override those stylings to meet the specification that we have from our client any more questions you guys on fire today that's a very good question so from other projects and this is a question that is like how do you make sure design system stays up to date and is followed and maintained and how do we know so currently on the project there is four designers and we are all in charge of certain functionality so we put couple of things in a place in order for us to stay in sync so we have daily xd huddle where we would just say I'm working on this, I'm working on this, I'm working on that hey you're using component that I'm about to use as well make sure that this scenario is including that so we don't clash and so on and so forth so right now it's a bit more of we sit next to each other so we can talk to each other it's not that big I've heard about projects where there's over 70 designers and this is quite impossible what they do is they create a whole structure like agile has all of these rituals they created a similar thing so yes there is owner that owner is involved on a product level because they need to foresee future and reflect and understand business requirements they create all the way to they send out a newsletter to the entire team to say hey we've finalized a new component this is how it's being used, these are all the interactions and they actually talk about it, it's about communication a lot then they have for example they have a tough component, they've created and then they do a Q&A so they call all the designers once a week and they say this is one can you please break it, we have scenarios where you think it will not work and so on and so forth so there are a couple of things that are put in place in order for this to work and to make sure that it's maintained and distributed correctly so are you talking about the supervising designers or developers currently in the project I have developers doing that to me which is great so I forgot to create something as a component they are like hey we're creating new stuff but we already have it and they actually bounce it back to me and I'm like oh sorry guys thank you so I think it's everyone's responsibility to be on top of the game but in the same way it's the owners of the design system responsibility to make sure that these people know about the components and it doesn't work if neither of them are doing their job reviewing people's design we are trying not to do that and if so then we would it's more about enabling the person to be able to keep an eye on those kind of things rather than checking if they are doing everything up to scratch because that's not scalable so I think one point that is good to put across is that we've talked about all this style guide like style guide for developers we've talked about how to make components small but nothing really creates communication in the end of the day like you need to still have that active communication between developers and designers within developers team especially in agile environment like requirement changes all the time like one day you are building this component and the next day the other stream across your table are building the same component so if you don't have that communication there is no way of you being able to already finish the component and already documented nicely for them so in the end of the day it's always about also communicating what's out there already and to make sure that everyone is on the same page even from the basic component in terms of knowing what's components out there it's like managing stakeholders if you involve them in the creation of it they are more likely to adopt it as well so it's good to have the developers creating the component with you and brainstorming about how it should work and what it should be doing soon cool any more questions so basically when you are trying to design something are you saying like for example I have this page do you say like okay so I have this element in the page so this is actually component A B C and that's how you pass it to the designer so that they know that oh so this one is actually an existing component already so that they use or like how do you guys like pass on like for example you have a single page pass it out to the developers and how do they know that this is an existing component that they have to create a new component for it cool so that's a very good question we had so we have a kickoff of stories so before developer picks up a story designer BA and QA everyone will come there and then we will talk through the story and then designers is responsible to point out all the components so I say this is a component this is a component I know this team has built it go and talk to those guys this is component also some of the tools for example I I create components from my typography as well so these are styles and then follow that it's a component and I make sure that actually in we are using Figma on this project and you can actually hover over and see that it is component style number to do so actually the developers can do it themselves as well cool anymore awesome design systems and components are popular topic last one typography okay let's carry on with our imaginative story imagine that and I'm not trying to be morbid here but imagine that you are blind right and then you have landed on this Diabetes page login page everyone think about it what is the most important information on this page everyone in your head what is the most important information get it okay you landed on a page and then it will if you will have assistive technology it will read out into your ear create your Diabetes account like okay I'm in the right place right so how what would be the HTML element anyone shout well done okay now this happens sorry the username Google was my idea is already taken choose another one okay so what is the most important information now the warning right so what would be the HTML that H2 assistive technology will first read this and then read that but that's no longer the most important information on the page is it so with HTML5 we can also call it H1 and now we have a problem because we have different font sizes for the HTML element H1 right the solution today is actually something called typographic scale it's essentially a list of font styles that are named but the names are not HTML element names so Google uses it Airbnb and everyone who has more complex projects or products they will figure out very soon that calling H1 attaching a style to H1 is not scalable because those kind of situations will start happening that I showed you before so if you look at the names it's called headline it's not called body text it's called subhead display one display two display three or title one you can name it I know projects where they call it crocodile mouse giraffe whatever whatever works for your team right and the idea is that how would you make it happen is that designer goes and creates a scale scale is like this very smart it's like a musical scale it's basically based on numbers of human function in a beautiful pattern so based on numbers you create your scale from smallest to the biggest and then what you do you assign a style to it so these are your styles and you name them giraffe crocodile dinosaur and you go on and what you can do you can go crazy with them you can link the HTML elements to whatever style you want need and your product that is growing crazy is requiring so it's very simple thing what we are doing here is we are decoupling HTML elements from the styling and now we'll tell you how so traditionally we have styling in the HTML element itself so let's say in H1F this styling H2F this styling and we have classes that offer like those styling so this idea is to decouple the HTML structure and styling we are with applying this area we are able to avoid those CSS overriding help we are able to kind of put it clearly all our typographic scaling and styling in one places and then according to the style that is needed we just apply them any questions no okay I have one for you so sorry just the concept here is basically override the actual HTML tags so basically we don't want any styling to be applied in the HTML element we just want to create classes that put the typographic scaling there so in the old days you would say H1 is font size 16 and it's bold right that's how we used to design and code but the idea is that you remove that because then those that problem that I have showed you would not be solved you will restrict yourself to those styles that you've created or you will have to start overriding like crazy okay so fundamentally you are abandoning use of HTML for styling does it make sense sort of sure the previous problem about here what would you use for HTML tags for the create your account and the element what tags would you use H1 just that create your account we got a smaller font size so that the accessibility will pick up that's what I want exactly so it was probably a bit too fast because we went through this so many times so it's a very good point exactly any more questions so when I presented this because I was actually presenting this to my internal teams because we are structuring completely the code because we were not fast enough basically and we were not meeting all the needs that we had to for the product because the product was growing crazy right six products and then this lady came to me and she said so why don't you make everything H1 and they just assign different styles to it right that's developers thinking I like that and I was like oh my this is too smart for me again so the reason for that is one is the accessibility tools so if you have assistive technology there will be absolutely no hierarchy of the information that you are reading it will be everything one by one and that's not necessarily what you want to do imagine you have a blog post and it has a sub-sections even we read without assistive technology just the headings first and then we decide what we want to read next and that's how it should be also and that's what we attract the assistive technology trying to replicate for the people who can't see so that's why it is important to actually create those H1, H2 H3s and so on and so forth there is actually one more reason and it's SEO so it no longer actually no longer as important in SEO as they used to be the HTML elements but they still Google here and there comes up with these things and this is purely based on the fact that they go in, read the H1 which is this one and then pulls out all the H2s so it does have its advantages I see lots of people thinking that's very good any questions? so if you go back to that scenario the users are not we are not taking the user friendly website where if people who can't see would not be able to guess so you would say let's say this would be H6 for example and this would be H1 okay yeah yeah yeah definitely you feel free to write what we are talking about is scalability right so this has its advantages the moment the product starts rolling out to other countries in Europe AA accessibility is a must governments it's a must so it's something that is very you should be creating user friendly products I don't know much about SEO but I would SEO pick up error messages? do they crawl? I don't know good question any other? yes do you have a system in your system whereby you have a system in your system whereby the you go alongside with the ICG for product matching otherwise you would be thinking that because likewise we are saying to use Google Play for product and you use for example the meaningful comfort and then you use for example stencil for certain kind of things do you have that kind of principle in your system to identify the kind of usability in a match up system I'm not sure if I understand the question as in like from design perspective or developer perspective so how do we assign the font to the right place the photograph for example it is suitable for certain product line properly used for any of times or whatever it is not for some you know stabilized structures for some other thing for different sort of classification so do you have that in your system I think this is a design decision on the beginning we are trying to avoid multiple fonts and try to figure out which is the best one for that specific product itself but it's a dark magic you don't have suitability matching component so if I would say I have two products two digital products and they both have a login page and for one product I would like to use let's say Times New Roman and for another product I would like to use C Comixense for example is that what you mean that's the overriding from the code perspective because like when you use body tech you use Optima which is useful you know it is easier and then for example you are quite certain to use something on your reality and use her radical medium light and then you have applied you got three categories but then you know it exactly whether you use light, bold, medium or not it's a hard work on the beginning here yeah it is cool any more questions? no just a simple question how many from your experience how many phone scientists do you recommend? the magic number everyone wants a magic number okay so everyone has a different number of course my number comes from a gardener who recommends never have more than 11 types of plants in your garden hahahaha no okay so with typography there are some basic rules how you can do it so one is that if you are changing phone either don't change all three things at the same time size, weight and then it's only gonna color yeah sorry size, weight and color so if you go it creates scale up or down you either make it bigger but the same color and the same weight or you make it the same size and change the color or same size and you change the weight so if you try to apply everything at the same time there's gonna be no harmony in it like with typography and I am gonna prepare talk about it that's ratio yeah again everyone has a magic number people are just addicted to numbers it's amazing so there's the golden ratio for example there is the most commonly used the ones that you have in your system there's a reason why there is 8, 10, 12, 14, 16 and so on and so forth again it's a it's a system that everyone creates themselves it depends on the fonts that you choose it depends on the light height that you can afford there's a lot of things too but I think this comes with the experience and there are lots of articles you can learn about but I will hold a talk about typography I swear, you are welcome okay one notice here, I just quickly skimed SEO I was applying a couple of months ago to another place and SEO question was one of the key one so actually it's not recommended to use H1 in this case because SEO all the engines are still relying on H1, H2 down to H6 so it's recommended not to use H1 for example to throw such message maybe different size SEO does not care about the font size you can use other thing but H1 is like there is no magic SEO is not that smart too absolutely so now I have the balance SEO versus accessibility I'm not going to be user friendly or I'm going to be on top of the page if you are not targeting SEO then that's fine it's supposed to be searchable by SEO it's a business decision yeah, it is business decision awesome more so you do it by function can you usually it's a team decision basically we always have a joke that naming is the hardest part of the problem in our current project we usually name it based on directory wise we name it based on the module basically what's the functionality of these components yeah it depends on the size of it for example you might have a menu that might be different sizes depending on the name so it's always about so if you are thinking about naming you need to think about who is going to read that directory after you like that naming is after you so you need to make sure that you have enough information to understand what this is even without reading the code just by reading the name so it's just maybe a judgment call on you and your team to decide that we do have a couple of unicorns in part of our code though there's a stuff that I call actually unicorn okay any more question yes how would you sort of pre-sets in your typography class so how would you you have font weights which are addressing the popular variations called the larger stuff like that so how would you like you have five different you have one atomic level of typography scaling elements and when you have the pre-sets so how would you approach it so you leave it up to the developers to you can choose what preset they want for a particular use case or do you define everything as a predefined pre-sets or any typography class as much as I love these guys I would not give them the responsibility and also put them into such a situation that we find that all so from design perspective these are all each individual one of these is defined by design and it's usually hard work so for example these actually in our last project we only define these in iteration 6 imagine how much stories we have already played and how much deep into development we already went because only at that point we realized we have so many places where we need to accommodate and the fonts were just not working so we had to redo this next to each other and say we have to scrub these, scrub the changes and we came out with these styles and we said when to develop please can you implement it for us and refactor and make it happen and but from that beautiful day everything was then fast and easy so but yeah it's something that you have to yeah as a design you have to define for an example case a label is supposed to have font size 12 all gaps and same font style is supposed to be used same font size is supposed to be used for say footnote or something size 12 but not all gaps may need to be same as well so would those go together as like one style preset or different style and you have to define this yes up front that's the point you never know everything up front so you don't and you name it as per the use case of that you agree on this so we we've called it style 1, style 2, style 3 and then we had a troubles because we had to remove style 3 and suddenly we had style 1, 2 and 4, 5, 6, 7 right so like dinosaurs and tigers and mouse is highly recommended because it's not sequence but it has to be retrospectively if anything at least I have never been able to predict future so that styles I have defined on the beginning were actually the ones that went live cool recap just a quick one so we are all employed right we work for some business and we also need to make sure that we make an impact and our work is actually then translating into some tangible things for the business itself and it's always good to keep that on your mind so I've created amazing table for everyone to understand when you are creating scalable products these are the things that are in it for you so for a designer when we implement grid it means we are faster and we have consistent UI developers can be really really fast with their development because they know exactly and fast they don't have to do the measurements and the code readability and the maintenance is much more easier business they develop products faster they have less errors they have a lot of bugs happening for components designers we implement changes faster I change it here it changes everywhere and the same is for product defined patterns of use interaction next time I know there is going to be a drop down or I know there is going to be a model coming up I already know how it's going to behave simple I already have I'm building my server reference library for developers read usability and maintenance of a code simpler and this is the best thing for product less costly I have a component I change it here it happens everywhere that's where the making sure that you are building religion with your components actually pays off literally pays off typography I have a phone system that I can go and reach out to I know exactly how to use it when to use it for dev speed and simple and cleaner code and for business it's about I have actually creative assistive friendly technology so this is it any other questions can I just ask hands up who came here for as a developer developers hands up okay hands up who is a designer hands up I could have guessed so also and who is here for product okay and who's the rest what are your like BA's what you didn't raise your hand okay okay okay awesome any other questions link to that she has prepared something beautiful for you guys so we have prepared a sample code which is actually our debut sign up page which is inspired by Google sign up page you can look for the code in github and there is also like a demo of this basically in in the hero club so you can see inside the code base how we implement components without implements typography and also as a bonus there is also responsive design so if you go to the github page you can see that we actually implemented three different screens for different sizes okay the github is a bit laggy but yeah so they are responsive back into that and you also put a style guide for different inside that you can play around with and see how it's basically set up cool that's it awesome thanks guys okay I think you just pulled it off yeah awesome


of log day on our way to the hospital 614 we got to be there by 730 so we're on our way huh yeah be long day isn't it yeah yeah so a lot of traffic out they're all going to work yeah a lot of these factories they have to be at work by 7 yeah so that's what we're doing we see anything interesting or once we get there we'll kick you on huh yep too early I'm sorry not your fault just a bunch of crap that's happened all together okay it's a bunch of crap that you sent all together yeah we're saying that all together all together anyway so hey we'll kick you on here shortly or maybe once it turns daylight out so yeah traffic's all looking at me like look he's got a camera a lot of people know me more than probably a good guy's vlogging hey guys we'll kick you on in a minute wait before so but she felt sick she had nausea she felt nauseous a lot so why she did it she she made it through it so you can make it through this so it is a nuclear stress test I'm into some civilization now before came in it's out now yeah but see if we had staying on the highway we would have to go down archer and we would have had to hit all those lights so this way we're not hitting we're already almost right there already almost there last way yeah I could set up right there and sell should have brought stuff to sell you could have sold while I was doing this I do fine on this road be a good focus not focusing on a stretcher there we go it's focused well 440 ones on it oh that don't make it haunted oh yeah that's goblins it's got goes but you just made this way for the camera are you serious no I've been told there are in certain parts of it really maybe the camera picked up a ghost you never know so well we got 9.5 miles 13 minutes so we get ready to go through the planes so you might want to take a little bit of the planes planes for the airport all the fields hey there's camping up here there's camping it's closed I would want to be closed in there if I was camping yeah it seems to be focused okay now my eyes are blurry but this thing okay we go around the family from the planes it's like a big giant field of color we so it means oh so they don't call it they call it the planes they call it the planes they've actually seen people sitting on the side of the road and actually drawing it drawing it really yeah so it's pretty yes you've seen it before you've been by it here before we didn't come this way last time we have been this way we got off the highway and then we was like a mile from hospital so I've never been this way before I don't know how much filming I'll be able to do on the way back so I'll be all screwed up if they let you come home why wouldn't they let me come home my mom is some bad showing up and they might keep you oh come on I'm 50 years old your mom's like a hundred and sixty-seven and she's made it through this is an mother and appreciate you telling her that she's 168 years old well she don't look no more than 70 though she's not 70 she's 72 yeah I said she don't look no more than 70 so I'm complimenting her so it's your mom loves me yeah what's Marty doing she always asks about me and the dog yeah she'll say how's my dog nails done she's having a good time in the nursing home playing bingo every other day to see an a the dinner nails yeah my mother has a hand nail polish on her nails for many many years but that's cute to take nail polish that's cute though I mean you know they interact with people like that yeah come in they painted her nails yeah see we've got ten minutes say ten minutes will be there five point nine miles will be there in ten minutes here is this the planes all the prairie maybe we'll see a prairie dog okay that is pretty that's nice yeah look at the sunrise guys that beautiful look how gorgeous back there oh man you see that can you see that beautiful moving she's taking a picture of beautiful awesome so pretty taking a still image oh they got oh there's a boardwalk yeah but she was out she got her cell phone I'll bet she was taking pictures it's a beautiful sunrise did I say sunset the sunrise anyway that over there's the highway I'm gonna send little dots moving over some eyes that's the highway if we stay on the highway we'd be over there right now but yeah this is beautiful one more shot of that I took a still image I don't know how well came out I'll take another one yeah cuz it might be the last sunrise I see all right guys yeah that was pretty the planes but prayers like out west the prairie is like just open fields you know but this is pretty cool that was nice so we must be getting close eight minutes eight minutes how many miles three point seven miles three point seven where'd you get them glasses at they look nice on you I don't know they don't know yeah my last spare pair and she hers broke in and she bought this cheap pair it's black pair of glasses that didn't do nothing really I even tried them on and they couldn't really tell a difference so I had those put back and so I dug them out for my last pair huh that's okay because we share I'm using her camera right now solar panel look at that cut covers a damn house look at your front window you see solar panels and you're getting close yeah it's getting daylight your clock's wrong here I haven't said it that's weird you know I got three appointments ones at eight ones at nine ones at 930 so the 931 must be getting like two or three different tests that should be it and then they should be able to determine what they're gonna do if they can do hopefully they won't have to open me up so if they can't patch it that's that's the only other option pretty much we got leave you alone and then all you do is have multiple strokes until it gets really really bad that's it to your medication and just oh I don't want to have a stroke every three months no I don't want you having a stroke every three months because my worry is you end up in a vegetable in a vegetable in a bed looking at a TV set until you die that's not pleasurable that would not be living well no just take me yeah and you can live a long time like that a lot of people do just live a long time just well that's not living no no it's not just laying there I mean you're just existing so are we actually in names well now yeah this is a sign up or what's a sign say I can't see but 331 no not funny I can't see focus out of focus again it's trying to focus on a tell ladies come on let's say Alabama yeah Alachua and Lake Orange Lake Orange they cook a chubby no that damn butter oh it landed lakes yeah no that's the other direction no land the lakes is down by Leesburg area ain't it no no that's down by Bushnell there's a Bushnell where is it where is our our Coney Island place we go to Cody Island Carl would say that Coney Island oh that's in Brooksville yeah okay land the lakes is down below Brooksville right Lake City latch well I had a latch of right Lake City so US health see this is part part of that's where I'm going to US health but not back there so one-legged girls waitress that pancakes I need nothing till I get out of this place it's gonna be five o'clock 1159 last night I haven't had water for seven hours I think this is the street that I had to go by because I can't go down that's great for me here look at that this place is really that's the hospital there yes you ask you have health that's where I'm going down this and we can't right now it always tells us to go this way we do not enter so I gotta go down the hospital right behind me that's I have to go my big that these parking garages are and these are the are these apartments for regular people or students there for students student apartments they're like dorms yeah got this bridge guys that's walking and bicycle bridge to turn around we can't you know what's telling me to go down after a road this is hard huh look I'm gonna go this way this way we went last time because it took us this way before so I went up this way well I'll just keep it rolling rolling rolling rolling that again no one-time thing come on yeah there's the hospital yeah that's right yeah we came up this way big this is a big place at this light here like we did last time parking over there please look at that building isn't that cool I don't know if the camera's picking it up oh it's colorful then eat on here so I gotta shut you off cuz I'm gonna be getting out right up here okay so that's waiting in there for like 20 fucking minutes and when coming find out we're gonna glad to cross the road cross the road again because we was in the wrong building as I was told to go where I went last time in this not where I went last time no so we're walking down the at least she called them and told them I'm here yeah because I walked in I was early and I walked in it was like it wasn't even 20 minutes after and she said we don't know until 7 30 I was like oh Jesus bitch you know not much of a people person was she no we're here we're gonna go right down there yeah so we're going down here and we're going in down here yeah this is the north tower they call it so we don't get hit by a plane okay so far I am now radioactive man of radioactive radioactive stuff flowing through me so I gotta wait an hour and then they're gonna take pictures and the stuff what it does it glows through their cameras so they can see right what's going on so I am radioactive and then they're gonna take pictures and then I gotta wait another hour but then I can give you something to eat and drink right and then I go back after that and take more pictures what it does is simulates being on a treadmill right makes my heart rate go up and stuff so but there will be a physician present just in case yeah so that's what's happening so I am radioactive as we speak but you'll be fine this is easier as she said I won't have any superpowers or nothing no no she said I won't be like the Hulk or Spider-Man or anything but that's pretty wild because it's from range that they injected me with actually has lead around it because it's radioactive and she was like what we do with it all day long this is kind of to protect us I'm like I've seen I was like is that lead she's like yeah so the thing they inject me with the syringe I actually have the syringe goes through this lead thing and then they shoot one of them up there so we're waiting let's talk about another what 45 minutes left yeah then I go back take pictures takes about 10 minutes and then I get something to drink she could have a set she said I could have a drink of water but of course I can't find a damn water fountain nope and I haven't had anything to drink at all since midnight nope nope I'll make it yeah this won't be this piece of cake to me I thought it was gonna be a lot to you well you're not doing it no but don't matter it's better than going up here yes apparently they're not gonna do that they don't have to go through the drawing no so you shade me last night for nothing yeah I just got my stress test what part of it yeah I got my stress distress test part of this thing okay that was intense if you don't have to do it I wouldn't recommend it it's rough now we wait wait and hopefully things will open up so we can eat now he needs to eat we're in the cafeteria everything opens at 11 so it's about 11 so we're gonna see what they got so I get some tea I got my they don't have code so they got my Pepsi they said to drink caffeine it'll help that's rough hmm but then we eat and then we go back and do more pictures I gotta be it's 11 o'clock now pretty close by 11 o'clock and then I go back I gotta go back in 1140 1135 to 1145 and then they're gonna take more pictures of my chest they're still got the radioactivity stuff in me so I got a headache like crazy so anyway that's what yeah that's what's going on we'll be back with you okay guys yeah we're done for now for yeah for now that's rough guys I'm still out of breath and we can evaluate park for free but no she has to park us up in here free in a park garage well for for free but then we got to walk to it see and we got to go up four flights to where we could a valet park for free they would have parked it for us so we got elevators just gotta go get some his car no I was like way over here and attention because I was looking at other stuff so there we go let's go for a ride in the elevator car I'm so hard in the what could have crashed where's the truck way up on the hill did the seat did the CV antenna hit these things yes it fell down well you got to go slow you deed okay guys so anyway we're heading to the truck and I'll turn you back along when we do something else exciting what are we doing that's exciting sleep you're driving you know he's like doing that alone you wanted something exciting on long trips we take long trips on road trips and stuff with my friends I'll be driving once I would jump and they wake up and I go man you guys wouldn't believe the dream I just had and they're like you know you're driving right that's a funny show there's our truck yeah you knocked the damn antenna down hey we'll be back with you guys so we thought we'd give you a view or on the fourth the fourth view yeah the fourth floor see last time I was here I was over in that building there I was really cold for some reason so I had to go to where that door is if you see that door there that door right there can't go in or out it but I stood there at the door because the sun was coming in so and that building wasn't even started yet was it did they have the girders up yet I don't think so either I think they was just like you know don't do a little leveling that's how quick they're coming along on that building so there's a guy on a skateboard got a skateboard what's ever on this side huh life life oh there's a little is that a pond there's a pond over there is that upon tension thing retention pond yeah this is our condos for the university here but it's free though yeah well this is where the valet apparently parks so I went back to the same place figure I knew where this was I didn't want to get lost get lost here and that's stress testing ain't ain't no fun pictures are okay but stress test even though it only lasted what not even five minutes it just like she said as she said about 30 seconds you're gonna feel like you're losing your breath but don't be alarmed it'll go away and she wasn't kidding it was about 30 seconds I started couldn't catch my breath she's like it's okay calm down right and she is now what you want to feel you're gonna feel like you just ran up a flight of steps as fast as you can and no more she finished that just immediately I was out of breath like I was running right the only difference was my legs wasn't hurt as if I did but my chest and everything felt like I did that then that doctor he's he's the physician they keep a physician there he keeps an eye on because they got you hooked up to an EKG and he was looking at them at the readouts because it was like from here that white forward there as long as they were and he kept folding them up and he comes to one he goes oh man now I'm just fooling you I was like you son of a bitch a younger guy yeah it's really cool though so they don't read them they just do them well he's a physician so he has to make sure they coming through yeah he don't read the test he was reading my heart monitor yeah making sure really concerned by their faces well sometimes people will show no because because my heart my heart's working fine it just got a hole in it but he's there to make sure I don't go into a heart attack or something you know because some people can handle that no which my heart is pretty healthy except for the hole in it so yeah we're just we're gonna we'll take the backwards back home again yeah we always do that because it's fun huh well it's closer for us yeah it's closer for us and it's fun we didn't bring you that way on the way here because we just wanted to get up here and it was dark so well we did go that way halfway yeah about halfway but we'll go back the GPS probably well but we'll go back the backwards thinking the back way has to be closer we'll kick you back on when something exciting happens huh yeah let's go back to truck trucks over there but she said oh let's get you cut the other corner and there was a guy down there Tim dumpsters and them trash compactors throwing bodies in right down there that's that's what you said you said look there's a body oh look there's another one all right guys yeah but we wasn't in the basement so there were still one floor below us that's where the mord was and she's fucking with me going yeah they want to keep you closed just in case all right guys we'll kick you back on in a minute or almost to the truck so that siren you just heard turned down the street yeah because the truck it's just right over there on the other side of that truck and there's people down here looking up that street so see they're looking like you said it turned up that street so something's going on up there at least they're close to the hospital and there's there's an old I don't know if it's old but the RB sign remember the RB signs guys actually if we was on the fourth floor of a regular building like that we'd be about 40 feet up we're about 50 feet up because we're in the garage but yeah there's something going on over there back in there too much coffee too much coffee yeah we've got here is this a Porsche yeah that is a Porsche I don't think he'd be parking here Boxster cool alright guys more to come okay guys we just thought we'd shoot this with you we are at KP whole County Park it's very cool I think this is this the Rainbow River the Rainbow River you can see manatees in here and you can rent canoes and kayaks see how crystal clear that water is monkey's doing her vlog too we've done a video of this right now is the best time to be down here because you can find the manatees in here if they got lucky we might be able to find one but you know if we were out in the river a little bit more this is just so cool isn't it you just walk step right down in the damn water see how clear that is well this is all spring fed this is all spring water guys isn't that cool pure water I'll give you see we've got a bunch of this cool January the 8th and we're seeing this so my friend and family up north get your hearts out and beautiful you can walk right into the water and swim there's I take that boat on a tour I can't see real well this camera's like real the screen is like real dark so the other one one I usually use in and the zoom is kind of loud but the one she's using that's the one I normally use but I gave it to her because she really likes it's easy to use that's the blue one that one there has made some videos but so she's doing her little vlog because you know she hasn't had much time so yeah how are you see how you can rent the canoes the boards and the the kayaks that one board there's what they call paddle board that you stand up you paddle it stand up on it so that's pretty cool selfie time so beginning of January I am here with no jacket on there's a little chill near but it's not bad and I gotta get used to speaking up because this Mike's not as good as a Sony Mike so but yeah there we go we just thought we'd share share this with you because I'd never been here she said you want to stop there I was like I thought she'd you can so what is it she said well it's a park it's real beautiful it's on the water you'd like I'll see yeah let's go check it out let me see if I can pick these fish up see the fish there's the fish yeah she's looking for the manatees that cool so anyway guys yeah you just walk right down these steps and go right in the water there's another one right over here that comes down you walk into the water this is swim area here that's what the buoys are for so that's pretty cool this is nice yeah thank you is this telling him I thought he's joking at first you're like no it's beautiful it's on the water I was like hell yeah let's go check it out so you ever been in a kayak probably better rent a canoe but yeah would be fun I don't think I could do it anymore though yeah cuz I'm armed yeah but you be helping me kayak you know I got to do it on myself might not be too bad no but yeah so let's take a walk up here and the stabilization on this camera is not as good as the Sony either I mean all in all I do like the camera but I wouldn't if I would have bought this brand new for 180 bucks and that's what they cost and now it would have went back yeah see these are those boards you just stand on and you got a big like a big or that you use YOLO like she said well she's never been in a kayak so those are real weird if you which I know a lot of you guys have been so you know what I'm talking about but she's thinking she get just get in it like a boat and that's not the case now this I think she'd be alright in hopefully she did alright in our canoe but it was a wide bottom this is a canoe so she'd have to be very very careful even on this but and this is like this all the way across this whole river is like this no matter where you go you can see so this spring when we either get another boat or rent one of these boats we will yeah see this is where you can you can also bring your own bring your own canoe down and you launch it right here or there's a boat launch right here so but you don't take the go bring a GoPro we'll get some underwater shots so this is pretty cool very beautiful alright I'll kick you guys back on here getting in a minute I don't know what this is but I thought I'd share it with you is that the good it is let me see if I can get closer here I'm gonna bring you up here where I can get you steady thought I'd share this with you pretty windy out and think they'd have it up very low yeah sorry about the wind guys but I'm gonna try to get you propped up here and we'll get the zoomed in on it pretty good okay give me one second sorry about the wind here blimp you got him yep sure is awesome okay guys so that was our day all we got to do now is wait for the doctor to go over everything and get in contact with us and see what he wants to do yep good day though after that huh not nothing big but we went yeah just did the wrong the rainbow river rainbow river we saw where you guys saw the rainbow river and of course the blimp we saw the blimp yeah that was pretty cool yeah that was not expected no no just haven't looked over I see it it's like pull down in there I don't know what you're looking at look at that a fucking come on follow me oh I see it yeah the tree was in the friggin way I couldn't see it and then once you got closer to the lake there you had more open area yeah you could see it better that's pretty cool yeah it was windy there so yeah well it's choppy sorry about the wind but now traffic scores and we're in the backyard at home so always something yeah worry about it and then this guy next door has chopped my friggin bushes oh he chopped his bushes no they're my bushes on his property I think that's what it was they were growing over there so he just hacked away so now I gotta look at his friggin backyard yeah well you'll grow though I mean you know he's allowed to cut he didn't cut anything on us so I'm not too happy but it'll grow yeah but and if it doesn't grow we're putting a fence up see those those they go show you his bushes that was all his shit growing up there no I don't think they were I think part of them were mine that were on his property well then they weren't yours well I was allowed to cut as long as they're on his yeah so that's all he did was cut what was on him he didn't even clean up his mess over there he still got it all laying all over the place he didn't even burn it stupid whatever plan bamboo back there and in about six months half his half his front yard to be man well back you're yeah we need to have a fire yeah we got all that stuff to burn yeah you've been for hours and all that stuff up out there from that other tree limb that fell and then all this stuff yeah we need clean the backyard up I guess yeah oh look is a squirrel squirrel nest up there on that little lamb you see it yeah hanging yeah that's a squirrel nest right there I don't think they're using it anymore they used it last year seeing them going in and out of them yeah yeah little baby gray squirrels yeah yeah because we got a shit ton of squirrels around here yeah that's one we got too many yeah because I can't even get the birds in here because of it they'll come but they don't stay too long and you can't have food out because well they chewed out they were living in that they were living in your birdhouse they built for you yeah how big they know I've never seen a bird in there well no because the squirrel see how big they gnarled out the hole yeah but it's there so at least nature's using it yeah you know so yeah all right so anyway guys thanks for hanging with us today we appreciate it thanks for coming along for the ride and hope everybody's having a good day there so yep but being said stay tuned for more awesome videos from monkey 1000 and shea bear 1000 and we'll chat you guys soon bye yeah shea bear and with the main legend gone for now I'm gonna do it why have a good one guys takes away all my fun you don't want to know oh come on they don't want to know radioactive man bye


Maturity is not simply something that comes with age. Whether you're physically old or young, emotional maturity comes from how you act and think in life. Do you wonder if you're more mature than most? Why is it beyond your age, they say? Are you often considered the old soul in your group of friends? Then perhaps, you may recognize some of these signs of emotional maturity. 1. You acknowledge you know very little. Along with the willingness to learn things, you feel no embarrassment in admitting that you don't know everything. Carrying this mindset creates an appetite for curiosity and the ability to appreciate learning. This also ties into the Dunning-Kruger effect, where one is overconfident in their abilities, which unknowingly limits their intake of knowledge. The Greek philosopher Socrates once said, the only true wisdom is in knowing you know nothing. 2. You keep an open mind towards the opinions and beliefs of others. Being able to see different points of view allows us to accept others differences in opinions or thoughts with respect, humility, and empathy, regardless of whether you agree with them or not. Do you find yourself actively listening to the views and opinions of others? Being able to tolerate the perspectives of others without forcing your opinions upon them makes you someone people can trust. Trust goes hand in hand with being approachable. The ability to have this open mind ensures that you take advantage of opportunities to learn and enrich your life with the everlasting flow of knowledge. 3. You feel no embarrassment in admitting your mistakes. Everyone makes mistakes in life and that's perfectly okay. Maturity is when you hold yourself responsible for your mistakes and build trust rather than deny and lose respect. In fields like business, those who accept and learn from their mistakes frequently get higher leadership positions than those who don't. Whether it's work or your mind, growth directly correlates with the willingness to acknowledge your weaknesses. How has being responsible contributed to your overall work ethic? 4. You are open and willing to accept change. With modern day advances, society is always changing. The importance of certain issues can drastically change in a short period of time. As funny as it may sound, change is the only promised consistency in life. Being able to mold our ideas and beliefs on new and reliable information helps you keep up with the everlasting cycle of change in our lives. This emphasizes the importance of being aware and mindful of different ideas and perspectives. The human race and its success is the result of our natural instinct to adapt and change to anything new. Whether it be blockbuster or Kodak film, there are many historic examples of success being toppled by the stubbornness to change. What made you change a long-held belief? Has that improved your way of thinking about yourself or others? 5. You're considerate of how your words and actions affect others. Whether you're nervous or trying to keep a conversation flowing, it's easy to lose track of what you say. Although it might be a tough habit to master, considering what impact your words will have on someone before you say them can be crucial to what others perceive you as. How have you shown consideration to others in your words and actions taken? 6. You can forgive others and let go. Ever had a falling out with someone that you felt bitter about for a long time after? It doesn't feel good, does it? Matureing is being able to put that grudge aside and move on. Moving on may be forgetting the past and maintaining a healthy relationship or even evaluating the incident and being at peace that the two of you simply did not fit and you go separate ways. Can you recall a time when you resolved a disagreement after holding a grudge against someone? 7. You're empathetic to yourself and others. The ability to put yourself in someone else's shoes means that you can position yourself in different situations as well as different perspectives. It can also help you understand a variety of challenges and get along with people during difficult times. When was the last time you empathized with someone and what was it for? 8. You'll ask for help when needed. It's often believed that avoiding help is being independent, strong, and mature, whereas the reality is the opposite. Asking for help is admitting your own shortcomings, displaying humility, and showing an awareness of self-care. This also shows that the person has the confidence to show vulnerability and know as they will still be okay afterward. What are some situations where you reached out for help? Do you see yourself in any of these points? How mature do you feel yourself to be? Regardless of if you do or don't see any of these signs in yourself right now, thank you for watching and learning. We're all in this together. Let us know which sign you value the most and why in the comment section below. As always, thanks for watching.