Hi, Psych2goers! Have you ever wondered what makes a person attractive? It might just be their magnetic personality. This means that they hold certain qualities that instantly make the people around them feel acknowledged, respected, and welcomed. Curious to know how they do it? Here are nine personality traits that make you magnetic. Number one, they are present. Magnetic people have the distinct trait of always being present and living in the moment. Because of this, they can make you feel seen, heard, important, and appreciated. And according to an article on Facile Things, a person who is present is more likely to have high levels of productivity, creativity, and a better ability to make decisions. The article adds that people who can focus their attention on the now are more flexible, can easily overcome workday stress and restore order after a chaotic situation. Enjoy getting things done, make better decisions, have better relationships, and produce more. Number two, they are vulnerable. Have you noticed that you feel more connected to people who show their vulnerability to you? This is because being vulnerable takes strength, and it shows that you're able to recognize and accept yourself for who you truly are, which is an attractive quality to have. Other benefits of being vulnerable, according to Eugene Therapy, is that it helps you build empathy, strengthens your ability to work through your emotions, strengthens your resiliency, and it helps cultivate stronger bonds with others. Number three, they are genuine and authentic. Have you ever wondered why people who are genuine are attractive? In an article for Psychology Today, licensed psychology guy Wench PhD, states that there are three reasons why genuine and authentic people are more appealing than fake people. The first one is truth and honesty. According to Wench, we are more likely to trust a genuine person than a fake one because we believe those who are true to themselves are also likely to be truer and more honest with us. The second reason is that you associate being genuine with being strong in character and being emotionally resilient. And correctly so says Wench, as being true to yourself takes confidence, tenacity, and often even bravery. The final reason is that people are normally attracted to uniqueness and individuality. Quality is genuine people usually have in spades, says Wench. Number four, they have a good sense of humor. Can you make others laugh a lot? While laughter can open the doors to people and relationships by putting them at ease to be more open, it can also depend on the type of humor. Humor that is self-depreciating, critical, judgmental, and meant to humiliate others can push people away as no one likes to be made to feel worthless. This is why people with magnetic personalities tend to distance themselves from this type of negative humor and instead focus on humor that makes people feel good about themselves and which uplifts the people around them. Number five, they're creative. Ever wonder why creative people can touch others with their art? Creative people can see things from different perspectives and empathize with all parts of different people. They understand new ideas and concepts that make others feel seen. Their open-mindedness can also make it so that they don't judge others for their beliefs or feelings. Instead, they can make you feel like you're not alone in the world. This comforting non-judgmental attitude and validation creates a place where people can feel safe and seen. Anyone with these qualities is automatically magnetic because of the radical acceptance they offer to everyone. Number six, they're naturally curious. Are you curious about the world and the people around you? According to an article in The Greater Good magazine, curiosity can help foster closeness and protect you from negative social experiences. The article states that people who are curious make other people feel closer to them, can cope better with rejection, are less aggressive, and foster more positive social experiences. Number seven, healthy optimism. Optimism usually attracts people because, in a sense, it gives hope. Psychologist Elizabeth Scott, PhD, says in an article that, for people who are optimists, negative events are more likely to roll off their back while positive events affirm their belief in themselves, their ability to make good things happen now and in the future, and the goodness of life. This view of life, according to Scott, benefits the believer in various ways. For example, studies have shown that optimistic people have better health, have more achievements, don't give up easily, have better emotional health are more likely to positively handle future setbacks, live longer, and have less stress. Number eight, good communicators. Are you good at communicating? Magnetic people are able to actively listen and pay attention to others and what they have to say to make sure they feel heard. The one thing states that making others feel welcomed and exuding the ability to get things done attracts people. Magnetic people do not only know how to communicate using words, but also with their body language and personal energy. They're also good observers and can detect changes in other people's body language and tone of voice. This makes them good people readers who can act in accordance with what they perceive. And number nine, well-versed and knowledgeable. Because of their curiosity, magnetic people tend to research and know about vast amounts of topics. This helps them interact and connect with a variety of different people. Having a vast amount of knowledge over a subject also signals how well-versed and interested they are in the world around them. It also makes them less prone to fall for a lie and more able to keep up with varying types of conversation. So do you have a magnetic personality? Let us know in the comments below. If you found this video helpful, be sure to like, subscribe, and share this video with those who might benefit from it. And don't forget to hit the notification bell icon to get notified whenever Psych2Go posts a new video. The references and studies used in this video are added in the description below. Thanks so much for watching and we'll see you soon.


Good morning folks. This doesn't say Elasticsearch, so if you're here for talk about Elasticsearch, you've come to the wrong camp. My name is Mark Conroy. Someone who was supposed to speak about Elasticsearch has cancelled, or couldn't make it to that. I'm putting it instead. This is a presentation I gave a number of months ago in Cork, in Ireland. It's based on our use of pattern lab and our district error, let's say, for Photoshop and English and sketch and other static mock-up creators. So the presentation won't be as polished as I might like it because, out of the last night, I had quite a number of breaks. If I could fill in, and I'm filling in. Okay, so my name is Elasticsearch Mark Conroy. I'm a lead front-end developer with Anarchec. We're Ireland's leading group of agency, listening to one Irish red agency a year, which is nice. We build mostly websites for government and non-profit organizations. We're starting with some for-profit clients now, but most of our work has been non-profits and government. What we're going to look at today then is the idea of using Photoshop, or the idea of stopping using Photoshop for designing websites. Then the idea of using something else for designing websites instead of Photoshop. I don't mean something else. I don't mean envision. I don't mean sketch. I don't mean anything like that. Then looking at the benefits of that and why that can allow us to have projects that, God forbid, come in on time. Come in on budget, maybe even under budget. Sometimes web agencies make a profit rather than just break an evening. We'll look at that for a little bit as well. I'm going to guess this sounds familiar to lots and lots and lots of people. The client signs off on a designer. Then you build a website and it's based on these designs.  To my mind it's exact same as the designs, but it's not exactly like the designs. It's not what we call pixel perfect. You have a design and the design were 960 pixels wide. The CEO of the company looks at it eventually and his monitor is 800 pixels wide. He's still using IE6 and it's not exactly like the designs. So we don't get the pixel perfectness of what we're looking for. That's not your fault. You've done your best job. You've got the design and you've built the spec and the website according to what the design said. That's not your fault. That is not exactly like the designs anymore. But at the same time it's not the client's fault. All the client did was sign off on designs and said, these are designs I want. Is that too hard to ask for? No, it's not. So what went wrong? Something went wrong. Something is to blame. The client now has a website that they're fairly happy with. You've got a website that you've built and you're fairly happy with. And it probably went over time. It probably went over budget and nobody's happy enough. But everyone is fairly happy. So the problem we are discovering more and more is often the content that you get a design for a news listing page. And every single news item on that news listing page has a title called LORUM. It's a dollar set and it's five words. The longest word has five letters. We've climbed it all. It's a local government agency. There's five words in the name of that department. The day their website goes live, when they say the name of their department launches a new website, they've got nine words. Not five, they've got nine. So this goes on to two lines, not one line. Now this is nothing to design because it goes on to two lines. And you as a developer or as a front-end developer, obviously it goes on to two lines. We've got more words. But it doesn't go on to two lines in designs. Can you not think it's smaller? Sure. Yeah, we reduce the font. Then we get a 25 word, you know, local government agencies. The Minister for Health and Finance and whatever else he is meets with the local person for charities and something else, something else to discuss. And that's the headline. One headline with 25 words down. Okay, we can reduce the font size, no problem. And then we've got two pixel fonts. And our websites are WCAG, 2.0, whatever it is. Two pixel fonts, don't cut that. Next problem is the designs are static. They're just photographs. They're not websites. They're an approximation of what your website might look like. So this is one version of one rendering of your page. And what I designed is exactly, or what I built is exactly the designs with a different rendering, with different content, with a different aspect ratio, with a different width, whatever it is.  That's Photoshop. I don't consider it a design tool. I think the name says it. It's for manipulating photographs, not websites. A website is not a photograph. If you want to get a website and take a screenshot and manipulate that, you might guess, use Photoshop, no problem. Don't come near me, please, with a Photoshop designer. This is what we use to design websites. So this is a screenshot. This is an image we created for our blog post. We wrote about design wars. It was a series of blog posts. But each of those Photoshop layers that you can see there, each of those is from a Photoshop document that we received from client. So I've got a layer there called subheading 2. That's probably inside group 15. So why is subheading 2 in group 15 not the same as heading 6 in group 11? Just a different color. I don't know. What is subheading 2? I've got a layer called dot capital letter DOC1. I don't know where to start. I really don't. This is the bullshit that we have to deal with day in, day out when someone comes to us with Photoshop. So like I said, it's a great tool. It is a fantastic tool. Well done Adobe. You've got something brilliant there and you've got a product. You can make lots of money out of it. It's brilliant for editing photographs. It is terrible.  I'm glad I'm polite. I wouldn't dare use that language. In 2017, if your designer is using Photoshop I think you hired a wrong designer. If they're still using Photoshop, except for manipulating photographs you hired the wrong designer. One of our competitor agencies and we're very good friends. We like them a lot. At the end of this session I asked what do you do if you have designers use Photoshop and only use Photoshop for design? And my answer was very simply fire them. That's what you do. If these people are clever enough to understand how to use something as complex as Photoshop they can write a little bit of HTML. It's not that hard. If they want an image on the left they don't have to drag this thing and drag it across on Photoshop and have it on the left. They can write 10 characters. Float left. That's nine characters. There's a code on it in the middle. Browsers render fonts differently. Again, we're in another local agency or local government agency that we're working with at the moment. They can't understand why they have a font and it is size 72 and it's bold. And on Photoshop it looks whatever way it looks to sign off designs, let's say. On Chrome it looks a little bit different because Chrome renders fonts different than Photoshop does. On Firefox it looks a little bit different. They're seeing you don't use windows. It's a little bit different again. So there are these changes and these discrepancies that we just cannot account for. We can't say enough it's not our fault how Firefox renders a font. It's not our fault how Chrome renders a font and it's not our fault that your designers use Photoshop. So if you want to make a minor change then in Photoshop you want to change something small. Say for example a button. We don't like the background color in the button. We don't like the green. We'd rather if it was yellow. Well, I've got 46 and again I'm trying to have 46 desktop designs in Photoshop. You want to change that button. You've got to go through 46 Photoshop files and God knows how many groups and layers inside your door you get down to it to get the buttons to change all the buttons. If you use HTML and CSS and JavaScript you go to your dot button class that sounds better to me. So it's not responsive. Like I said, I've received and I've been literally 46 desktop designs more than 50% of our clients are on mobile and they tell us we want mobile first and they give me 46 desktop designs and six mobile designs and zero tablet designs So what I have now is I know exactly what it's going to look like on a desktop at 1700 pixels about 900 pixels not 1200 pixels not 1700 and one pixels at 1700 pixels only that's what I know it's going to look like and that's what the CEO knows it's going to look like. I also know what it's going to look like at 320 pixels. So that's nice. So for between 320 pixels and 1700 pixels I haven't got a clue. So where we have a grid of tree items and tree items I'm guessing on a tablet we have two and they'll be a bit wider. But I don't know. So the client gets the designs your guest gets the robot's eye back and says this doesn't look like designs.   What do you want to do? But on mobile it's got one column. Grand, okay we're making one column. Now you've got 800 pixel wide image and it's 1500 pixels high. Couldn't have done that on the browser. You would have seen exactly what it was going to look like very very quickly. So with Photoshop we have I should have stopped using Photoshop but static model, popups. We have one version of one page of the website at one specific viewport and that is it. We don't have the responsiveness. We don't see what's going to happen when someone's on a life one when someone's on a galaxy when someone's on a tablet we also don't see what's going to happen when you're I've lost my train of thought so I'll go to the next slide. This is a disaster. This is a total disaster. This is one of our own websites we designed so the designers in the disaster. The disaster is clients zoom out.  You can see the header and you can see the photo and the sidebar of everything in one go. That's not how people look at websites. That is not how people look at websites. You look at that. I'm guessing. Can anyone read one word on that? No.   You know, is that how people look at websites? No, it's not. So you can zoom out. You need to at least have that 100% so you can see, okay, when I load this website this is how much it's been going to see. I'm going to see the header. I'm going to see the hero slider that shouldn't be there in the first place but the marketing department decides that we need that. So our second most important piece of content will see that and slide number two. We're going to see it. But you need to be able to see these things. You can't be zooming out. When you use that in mock-ups it's too easy to have bonkers ideas. Here's three examples and each of these examples gospel truth. These are things I've been asked for. Not as paramount I would say but at home and we're kind of small local clients. Someone says, when you click on my products or when you click on, you know, say for example, we work with say Oxfam and other big charities in Ireland and they might have a campaign about the war in Syria and when you click on Syria it would open up a light box that gives you information from Wikipedia about Syria. I wanted to do that but it has to look like our branding. We couldn't have someone thinking that we actually use Wikipedia's content. Let us find Photoshop. No problem at all. We take a screenshot. We stick them over the Android and we do some stuff and yeah, we have Wikipedia art deals looking like whatever a client's branding. There's a website in Ireland called Dundeeel. It's basically either really popular for selling cars, but it's selling everything. I would find he sells stoves and he tells me I don't like the look of our stoves on Dundeeel. What can you do about it? Take a different photograph I suppose add something else to it. No, no, no, it's the colours. I don't like the branding background. Can you change that? I don't own Dundeeel but look at the brand. Can you make that the same colour as our branding? And can we... And no amount of talking to him would let him know that I don't own eBay when you're trying to sell your stoves. But on Photoshop, that's not a problem. Yeah, sure, I can take that and look any way you want. My job down here.  We spend a week doing gradients on images. Try once the image, it's in colour because the image is in colour and you upload the image and we strip out the colour. And after we strip out the colour we add some output transparency for contrast and after we do that we add a gradient that's one colour to the top after 24%, it's a different colour and it treats another colour. But at the end of the different gradient it goes from the bottom up. And on top of that there's another gradient that has, I don't know what it is. We spend a full week, literally one full week doing this. Then we see an email from the designers. A lot of our work is building websites that somebody else has designed. An email from the designers to the client to tell them, we don't think this is possible in code. But the client says, that's the design that we signed off on, we've got to build that. So we spend a week doing it. Why don't you just upload the original image? Then it will be exactly like it is in designs. And then the client decides, eventually, do you know what would be nice? If we had none of those layers on it, none of those gradients on it, none of the output transparency, none of the black and white, just have another image. It's much more vibrant. So after spending a week doing this, they decided, no. So you know, these kind of bonkers ideas that these lens layers pop out and glow and do stuff, they're simple in Photoshop, or at least achieve with Photoshop. But we're dealing with what has to get rendered, which is CSS, HTML, JavaScript. And that's more tricky than that. So what's better? Well, Sketchup is better. I'm not going to go into Sketchup, which I actually love Sketchup. I think it's great. It's really good for designing user interfaces. It's really good for doing things quickly. It's really good for kind of talking to a back-end or to say, here's the kind of things we want to do. We want to open a front-end. Here's the general approach to the layout that we're going to use. But ultimately, it fails. Because again, once you're finished designing, you're sending this image off to a client. Well, they're just going to look at exactly what you've done with Photoshop. It's a specific image of a specific page, a specific viewpoint, and it has all the problems then that we have with responsiveness and whatnot. So, I have no idea why I have to slide up. This is a passive timer. It's our in-house timer app for whatever tasks we're working on. Anthony built it. I made it look... I'll say pretty. I made it look like this, let's say. I use Sketchup once very quickly just to put together, like I said, I've no idea where to slide through. So, I'll move on again. Well, I would say be like Clark. I don't know who Clark is. Oh, he's the owner of InVision. Anthony! My thoughts on InVision are... I'm not a fan of it. So, I did a tweet. You turn on InVision and again, this is loading 46 Photoshop files in InVision. It has this lovely thing saying, loading your experience.  So, I said that on Twitter, and Clark, the CEO of InVision, he said, unfortunately, you're correct, sir. I'm all over it. Expect significant improvements soon. I think the team in there can InVision next week. The term... I think they don't have to talk about it. They can make it better. But... Yeah, Clark recently. Shit problems. So, the solution then really is design in the browser, or at least design for the browser. Back in the early days of the web, there was this old technology called HTML. A little bit there, called CSS, called JavaScript. Can you imagine that if we're going to hand over a website, eventually to our clients, in HTML, CSS, and JavaScript, we designed the damn thing in HTML, CSS, and JavaScript, and we give them a prototype of what they're going to receive eventually. We don't give them an approximation. We don't give them a specific viewport. We give them the exact target they're going to receive just with the content. So, what we do is we send them a URL. We do our designs, we use patterned out or whatever generator we use. We tell the client, here's your designs. It's called maracomri.anrotech.com and that URL will be forever more your style guide. Here's your approach to doing that. So, we do some discovery. We all meet our clients. We ask them what they want. We do some research. So, rather than asking the client what you want, and they tell us all the things they want, if you were to use this website, what would you want? And then we do some rapid prototypes. So, we get our pens and papers and we draw them into sketches and that's fine. It's very, very quick and we can draw them out very quickly. They're responsible. Then we might do some more rapid prototypes something balsamic or sketch up. Now, we don't start the client these things. We do these very, very quickly ourselves. Just to say, if we were to have a slider here, or if we were to have a listing page like this, and if we were to change that, just how much less work would it be? Then we agree on different design components. So, we know we have a homepage. What are the components of a homepage? We know we have a header. We know we have a photo. We know we have a listing page for news. We agree on those design components. Then we build them. And it's very simple. I'm not coming to much of a pattern here because I'm guessing everyone has heard of and they understand the idea of atoms, molecules, organisms, templates, and pages. But when we build these out there and HTML, we have the CSS and if needed, we have JavaScript if there's some little interactivities or animations or something that we need. In terms of pattern lab and Drupal phase two, we have a great version of pattern lab that integrates with Drupal. You can write your front-end and pattern lab and the templates that you write for the pattern lab are templates since they're intrigued that you will be using in Drupal later on. So, they can kind of match one-to-one. So, we create these component designs in the pattern lab. We create the templates in Drupal. We extend the templates from Drupal to use the pattern lab templates. So, for example, we have a template in Drupal called node-teaser.html that's where you get your teaser if you go to template. What we do inside that is you have to install the components module as well. And I would say this template here you will find the file for this template here up inside the pattern lab folder called templates, called listing page, called small or something like that. And then we do one more thing inside that and we've got the variable. So, in Drupal you've got the content variable only. What we'll do is we say content.fieldimage equals patternlab.image and content.fieldbody equals patternlab.fieldlongtext or whatever it is. So, we've got the same templates in patternlab and then in Drupal we map the variables we want with whatever variable name we used in the JSON for patternlab. And then when it's complete and it's signed off, that would be your Drupal team. So, if your client is looking at a pattern lab version that's generated on it, the exact thing they see is what you're going to hand over. And while you're building that front-end, while you're designing that and showing the different components and they're signing off from them, that's that part signed off. So, you're doing your design and your front-end build at the same time. Here's an example. On the top we have a menu with five menu items, home about us, our work log contact. They're just five random words I put into a JSON file in patternlab. You can see the shortcuts and the Drupal stuff. That's the Drupal version. And you can see it exactly like what's above it except the words changed. Because in Drupal we're using the menu so whatever words we have in our menu that's the words I get put into the menu obviously and in patternlab we're using dummy content. So it's handy to have just those five words because they're generating up that we can reuse them on a new website. Then we go once there further and we add in the branding block. And under that you've got the Drupal version. And you can see the logo is exactly where the logo is in patternlab. The slogan is exactly where the slogan is in patternlab and the menu is in the exact same position. So again, what the client gets is what the client's was expecting to get. And then we go another step further and here's a version of an old article. This is just random I don't know if it looks quite ugly but it's good enough for a presentation. And again, we've got the title in patternlab and in Drupal it's called Save Female. We've got an image that was with us when we went to Web Awards four or one night. And then you've got the same image with the same dimensions in terms of the widget but we haven't skewed it and we haven't chopped off the kitten's head and things like that. And that looks the exact same then in Drupal and in patternlab so again the client gets what the client expects. So this is on the left hand side it's called horizontal-menu.tweak so I've got two menu files one called horizontal menu one called vertical menu and the only reason I've got two is that in that class you can see in line 34 called menu underscore underscore horizontal and that's only so I can have things displayed in line and things like that. So that's actually the menu.html.tweak file from Drupal I cut it in the page that opened to patternlab and this is the exact same markup mostly because I'm clever enough to work out how macros and things like that work so that kind of solved the problem and on the right hand side then you've got the Drupal file so menu.html.tweak.tweak in Drupal all it does is it says include items, menus, horizontal horizontal menu.tweak so when you write the front end on the left left hand side yeah this is the exact this is exactly what you're going to get from Drupal anyway and then what you have on the right hand side is the it's just one line of code say stop reading this file and find it up in a different file the next step then the branding block code here this is taken from phase 2 so you've got your branding logo and your branding medium and your branding slogan and you've got a couple of variables and one called line 4 has URL line 5 called psych logo and there's a site slogan there line 17 so what we do then is when we're having that html on the left hand side we come to one on the right and that's a block hyphen hyphen system hyphen branding hyphen block.html I would say this one here will include a molecule called branding that branding that html that's the one on the left hand side except the variable url that you'll see on the left will use the drupal path to front page for that so we swap out those variables that's what I was saying but that's where you would say that for content.field hyphen image you swap that in there so we see that then here this is our article content type it has a class of articles then it's got four fields article title image article body and article tags and on the right hand side then we say use pages content types article.true and swap out the following variables so when you see title in the left use drupal's label where you see body on the left use content.body and the same then with tags and the image field so it's quite simple that drupal then each template we need we just have to find it somewhere else and interchange some variables so why isn't it good? well what's on the left is static mockups what's on the right is design and browser type stuff so content isn't like the background color on buttons like this when you're around you've got to go through every single pst or I think there's some ways you can import or reuse things but whatever way it is it's more work to do this in Photoshop to change things if you're talking about using a pattern app or something you go as simple as find.btn or that button class and change your background color if you want to update everywhere in terms of qa the designer on the left hand side designs the website the developers build it it goes to the client client looks at it and says yep happy enough I think there's a bug on whatever it is we come back and we fix it and it goes back to them and there's never an issue we come back and we fix it and it keeps going and going and eventually we get sign off what we're doing on the right hand side in terms of like mockups well this sign off and this qa is done up front so there isn't a big long here's the discovery phase here's the where here's the content phase here's the design phase here's the build phase here's the qa phase qa becomes part of the process rather than item on the tone you get a little style guide so our clients at any time can go to clientname.amatech.com and they can see what their works are going to look like the new feature I won't go to that oh it's a two side sign ah when we want a new feature we build a new feature they can look at it and they can say yep that's the feature I want that's exactly the way I want it to look let's put that live and we do that but they're seeing this on an interactive prototype first the CEO you know it doesn't come along five weeks later and realize oh there's a problem here we get a new component we can add in Backstop.js or one of those kind of regression units and we can see ok here's a screenshot of the website today here's a screenshot of the website after we build a new feature has anything broken and we can solve that now we're rather than realizing in two months time that something broken on the donation page and that's mission critical for charities so the CEO doesn't have a hard stack and everyone's happy is everyone happy no one's happy any questions? if you are given a PSD based design no choice about firing the design out because the client is the designer that's more sort of a work yeah yeah what you recommend is the best way to start adapting it to work with something like pattern lab is it really just a case of actually some poor front end sold as the pain of building pattern then moving forward exactly yes yeah at some stage you're going to have to write the CSS and the JavaScript so whether you're using Drupal files for that and then you write your SAS and you write your JavaScript you might as well have a pattern lab up front so it's kind of all the one where you write in the pattern lab and then you've got your front end build and you've got your front end build so yeah if you get static mobs you basically tell the client you want to get yourself a free style of writing that's a problem too empty though because I always find clients with the best of intentions you say to them here you've got 50 shades of grey here can we rationalize this way yeah by all means I don't know what the designer was at we don't want all those things we want to sustain about so we knock it down to maybe 35 shades of grey and we've got 15 different font sizes because the line on the listing page only goes to one line for the title so the designer gets to 4 shots and makes it a little bit smaller so you've got 15.6 pixels for this title but you've got 16.2 for this and your base font is 16 pixels so we rationalize this yeah by all means that's what we want we want something good why do we do that this doesn't look at the designs now no we kind of do that 15.7 are all going to be 16 yeah but it's not like the designs I don't mind being 16 but I have to be like the designs so there is that problem that we rationalize things and we ask them to be saying or about it but it ends up not looking like the designs to me that's an education problem as much as yeah it's a client problem for just having clients easier if you're doing this first as you recommend is there any distinction you can make then in terms of implementation was it all one activity I don't see a difference so you don't have a designer base then you just expect implementation that was not my intention yeah I think if someone wants to be a web designer then you don't understand the web if you want to be a web designer at least you should be a right HTML it's not hard to write p-tag it's not hard to add a class and at least you should know how to flow through it it's not hard to work out background whatever hex code or whatever it is so yeah I've seen front end and design is pretty much one of them not necessarily implementation of the front end I have no problem I'm not a great designer but I think I'm quite a good front end developer and I wouldn't have a problem with someone besides me I'm them using sketch to say this is the way I want it and me quoting at the same time but I certainly wouldn't hand over to a client a sketch file say again is there a video of your talk somewhere because that's what it is apparently everything has been recorded all the talks not the video but the slides are recorded I presume they've been on the website I don't always tell you that as the kind of the sign is okay you want to build mockups that work and I should not be using the sign I don't know it's just like something I hate I can't I haven't used it you know when it comes to the web I kind of like the idea that HTML, CSS and JavaScript costs very little money I mean it's so cheap it's free I just don't see the point of paying thousands of euros to Adobe every year for an inferior product space because you know write some dibs or some CSS and there is the idea that we would I just don't understand I don't know why it happened isn't that nice I don't understand I think designers historically were designing for magazines and things like that and then the web came and disrupted that and designers were too lazy to go and learn about the web I just wanted to continue using their old fashion tools and teaching this in science courses I have no idea actually isn't that the place where you have to go and say like look you are the sign of the web now and not the magazines yeah I'm not sure because I know one or a hundred or seventeen of us and as far as I know two people went to college to study computer science everyone else, Anthony is a civil engineer I'm an English teacher somebody else is a geneticist somebody else is a stellar biologist she's an astrophysicist and teaching that in college I'm guessing most people here call yourself Todd as well as designers and that you know but yeah it certainly should be if you're doing that in college you shouldn't do that but at the same time I guess academics are lazy and they're not up to current standards maybe either so they might see HTMLC as some JavaScript as programming languages rather than design languages so the graphic design school might not teach it but they might compare some of their um but yeah it should be


Hello, this is Amit Dan of AmitDan.com you're watching one of my Australia travel videos and today I'm taking to the Sydney Harbour cruise in Sydney, Australia. So this is of course the heart of Chinatown through to our left. So this is now through the southern end of the old darling harbour, Chinese gardens My Sydney Harbour cruise started from downtown Marina and lasted for two hours. The spacious caramaran had three levels. The mid-level was where all the tables were located and we sat there for lunch. The buffet style lunch had plenty of items to choose from, including seafood. I chose rice, beef, mashed potatoes, broccoli, green beans and salad. I ended my lunch with fruit salad and tiramisu. I saw some top landmarks such as Sydney Harbour Bridge, Sydney Opera House, Fort Denison, Sharp Island and Sydney Harbour's coastal residential areas. Nice and upscale condos and houses nested among the coastline of Sydney. These homeowners have a nice ocean view and access to the water within a few steps of their homes. A lot of foreign buyers, especially Chinese investors, snapping up real estate in Sydney driving up the prices. I remembered Auckland Harbour tour where I saw Auckland Harbour looked very different and I did not see any residential housing in Auckland Harbour along the coastline. In the next few videos, I'll be sharing my experience in Sydney Australia with you. Thank you for watching this video. Don't forget to subscribe to this channel. Don't forget to like this video. There will be more videos coming up so I'll see you shortly.


Wow, you've got to be kidding. This is the house that Jordan built. Not only is Michael Jordan considered the greatest NBA player of all time, he's also the first athlete to become a billionaire, making him the richest. He's retired from ball these days, but he spends his downtime relaxing in a pretty lavish mansion. He's owned multi-million dollar estates all over the US from Chicago to Park City and where he's currently at these days. In this video we'll give you all the details on his 20 million dollar custom Florida mansion, his past homes and more. Michael Jordan is a former pro basketball player, and like I said, dubbed the best NBA player there ever was. He now owns a Charlotte Hornets NBA team after playing 15 seasons in the league himself and winning 6 championships with the Chicago Bulls. He was one of the best marketed athletes and helped to popularize the NBA in the 80s and 90s. Remember Space Jam? Recently, basketball fans are hyped thanks to a new series on Netflix. Despite the worldwide pandemic bringing the NBA to a halt, there's something for ball fans to watch on Sunday night. The last dance is a 10-part miniseries slash documentary about Michael and the Chicago Bulls and reviews say it's a must-watch for anyone who loves the sport. But today we're focusing less on the new MJ show and more on his real estate. Like I said, Michael is the first billionaire athlete and his income these days is way more than his salary during his career. Aside from his money from when he used to play, he earns a lot owning the Hornets and of course, all his product endorsements and deals over the years like Air Jordan. Michael's current estimated net worth is at 2.1 billion US dollars. Hey guys, it's Karen today. We're doing another house tour here on Famous Entertainment. We'll be looking at where billionaire Michael Jordan calls home like his mansion in Florida, his epic Chicago place and more. If you like these videos, make sure you're subscribed and ring that bell to be notified when we post. You can always be up to date. We've also done house tours in the likes of Steve Harvey and Eminem and we'll link to some at the end. Follow me on Instagram because I love connecting with you guys. I've also been reading all your comments and I'm going to be responding to some at the end. I need you to let me know who to do next in the comments down below and whose home you'd like to see. Now let's get into this video. First we'll take a look at Michael's previous mansion in Chicago that served as the family home for more than two decades. As of fall 2019, this place was still for sale and has actually been on the market for a whopping 8 years. I'll tell you why in just a moment. His mansion is located in Highland Park, Illinois. It's just 25 miles or so north of downtown Chicago and it's one of the wealthiest areas to live in. It's right by the water too so it's clear to see why Michael chose this neighborhood. He had the home and surrounding property built from scratch in order to suit his personal case. Of course, Michael called Chicago home for quite some time thanks to his successful career with the Bulls. The mansion was built in a modern style back in 1995 and then renovated again in 2009 sitting on 7.39 acres of land. Inside, Michael's previous home spans an insane 56,000 square feet and has more than you could ever imagine. There are nine beds and 15 basks spread across three floors. You can tell immediately that this is the legend's house considering the gate at the front has his number 23 right in the middle. In fact, there's a lot through the house that is all about Mr. Jordan so a new resident would have to change a lot to make it their own. There's a long drive up to the home from the gate covered by trees that ensures privacy. Upon walking into the Chicago mansion, there's an epic entryway and the common areas resemble more of a luxury resort than a family home. There are plenty of living spaces like a piano room, family rooms and more than one great room. One set of doors on the main floor is actually from the original Playboy Mansion in Chicago. There's a games room, a large sitting room and dining room with a Baghdad table where the tabletop is based on the streets of that city. There are other detailed eating areas too like a massive kitchen with a beautiful skylight over the eating area. Other features of Michael's previous mansion include a movie theater and a lounge, cigar room, poker room, huge wine cellar and a wet bar. What was said to be MJ's fave room in the home is apparently the upstairs library which also had a drop-down movie screen. There's also a full-home gym where Michael and the Bull teammates used to work out every morning and we can't forget the basketball court. Of course, the indoor regulation-sized court reads Jordan on the floor and has motorized backboards and the Juntman logo at center court. In between the main home and the guest swing, there's an entertainment pavilion beneath a row of skylights. Leading to the back patio, there's a room with a hundred and ten inch movie screen that used to be an indoor pool. This room is renovated with sliding walls on each side to be an indoor outdoor style room. Elsewhere on the massive property, there's a three-bedroom guest house with a family room and kitchen as well as a climate-controlled 15-car garage. Outside is equally as impressive offering a full-tennis court, large patio, putting green, pond with fish and infinity pool with a grass island in the center. What's amazing about this mansion is Michael's clearly having trouble selling it. It's been on the market since 2012 and was even in an auction in 2013 but the minimum bid was never met. Apparently, the home was first for sale at 29 million and has since had to be relisted for as low as 14.9 million. The exact price is $14,855,000 and the numbers add up to 23 Jordan's number. There are a few reasons why Michael may be struggling to unload this place, one of them being all the personal customizations. They'd be a lot for someone to change. The neighborhood is also more modest than somewhere like Beverly Hills per se so the home is a bit much. People also want to be a bit closer to Lake Michigan if they're spending that much on property not to mention the taxes. The annual bill is about 100K. In 2013, MJ invested in some other real estate, a gorgeous lakefront home in North Carolina. This makes sense considering the team he owns is based out of the same state and he grew up in North Carolina. The mansion is located in Cornelius which is a lakeside town in North Carolina offering miles and miles of shoreline and only 22 miles from Uptown Charlotte. It's its right on Lake Norman and the Peninsula Golf Club. Public records show that the Jordan family gift trust was listed as purchasing this place for 2.8 million after it was foreclosed on. Michael's North Carolina estate is impressive at first glance thanks to the large pillars surrounding gate and front steps. Upon walking in, you're greeted by the huge entry with double height ceilings, windows all over. The listing at the time said this home had stunning panoramic lake views from almost every room and I'm not surprised. The house has six beds, eight baths and spans 12,310 square feet of living space. The property is also big sitting on over an acre of land. Everything in Michael's lakeside house looks grand as you move from room to room. Features include a two-story great room that opens out to the main terrace and an expansive basement with gym and entertainment center. There's a lot of amenities you could imagine including a pool and the fact that it's surrounded by water on three sides. Not to mention the private dock and walkway. I'm not sure if Michael spends more time in this North Carolina mansion or the other home he bought around the same time. Apparently this next mansion is Michael's main family home at the moment. It took six months of planning and 18 months of construction but he managed to create his dream house. This place is located in Jupiter, Florida the northernmost town of Palm Beach. Construction costs at least 7.6 million. So after finishing touches and furnishings Michael's custom estate would be worth well over 20 million. You'd think a home at this price would be on the water if you're in the sunshine state but surprisingly it's not. It is however located in the super exclusive Bears Club community which is heavily gated, guarded and private known for its celebrity residents. The membership initiation fee alone is 350K and then there are monthly dues. Michael's mansion spans a gigantic 28,000 square feet with 11 bedrooms and 11.5 bathrooms. To make the size of the home a little less obnoxious looking it's designed with 18 separate roof lines in the architecture creating a home within a home look. The style of Michael's home is quite modern and although we haven't seen much of the interior we do know some of the features. There's a separate pool or guest house as well as a two-story guard house. The main residence is separated into more than one wing including an athletic wing with a full basketball court obviously. There's also a media room that's built to handle massive amounts of smoke. The heavy-duty ventilation system is in place so Michael can enjoy all the cigars he wants. We know he loves them. Although the mansion isn't on the beach at least we can see that Michael has an enormous pool and spa out back. So now we've seen the billionaire Michael Jordan's properties like his custom mansion in Florida and his lakefront North Carolina spots. Although we didn't get to see the inside of his current residence looking at the size you already know it's impressive. Not to mention his long time home was in Chicago. Although Michael is having some trouble selling it it's one of the most memorable homes I've seen I gotta say. What did you guys think? Okay now I'll read a couple comments from you guys. On our M&M house to our Tebow Merkins wrote I need to know how do you always look so fabulous I love this channel and keep up the great work. Thanks so much for this sweet comment I appreciate it but it's getting harder and harder to look fabulous with this quarantine if we're being real. And on the same video Justin Johnson said about M&M's homes I can definitely see why he's low-key you'd never see me if I had properties like those. Agreed. Alright guys that's all I got in the NBA king Michael Jordan's homes. I'm sure everyone is watching that new docu series he's got on Netflix so I'm sure we'll keep hearing a lot about the man. I want to hear from you guys which one of his mansions did you guys like the best what did you think? Let me know in the comments as well as what other celebrity houses you'd like to see. Follow me on Instagram if you want to chat and I'll see you all in the next video. Bye!


Hi, my name is Fernando and I'm a technical marketing manager here at GitLab and today I'm going to show you some of the new security features released in GitLab 14.1 Now let's get started. The first feature I want to show you is the ability to select the role for the project access token So in the past project access tokens always gave the role of the maintainer to the user But there could be project access tokens which require less permissions and we don't want it to be too permissive So we introduce roles for project access tokens So in order to see this we can go to settings and then click on access tokens and Now when we create our project access token, you can see that we can add the scopes, but we can also have the role Which we can add This feature was added in order to avoid abuse to the API's The next feature I want to go over is quick access to the compliance report entries So with the compliance dashboard, you can see the different merger quests their approval status and The newest pipeline that has been run on them So when clicking on the actual merger quest you get additional information and this makes it easier to go through the information And saves developers and maintainers time. So let's take a look at that So when I go to security and compliance and click on compliance You can see all the different merger quests for the different projects And if I click on one of them, you see the additional information here You'll see which project that's part of what merger request number it is what path it is Who made the change who reviewed it and who it was merged by this is great audit information The next feature I want to show is the tracking of usage of security scanning across multiple teams We can track which groups across our organization are using sast and das scanning So in order to do this We go to our group We go to analytics see the DevOps adoption And then now you can see that there is a sec image And it tells us that four out of four sec features have been adopted It'll give us das first testing sast and dependency scanning and what this shows Is that Dependency scanning has been enabled for at least one project if there is a dot here So this means that das has been enabled for at least one project same thing for dependency scanning first testing and sast And this is useful because it helps us track which groups are actually using security tools So here at git lab. We're committed to constantly releasing updates to all of our tools Here you can see that the sast Analyzer has been updated and you can see a couple of the different updates within this release So there's going to be Different updates for flaw finder, gosec, some grep and mob s up and the bigger changes Are the fixed bugs and detection patterns new detection patterns and setting a time limit Uh of 10 seconds per file And within mob sf we're removing support for python 3.8 to mitigate a security issue And these are all updates from the actual Open source community which maintains these tools and then we maintain it within our git lab infrastructure And the last new security feature I wanted to go over is the das UI configuration experience So we've added a UI in order to configure all the different security scanners Making it easy for someone to get started with integrating security into their git lab project So within our project we go to security and compliance and we click on configuration And here we see that dynamic application security testing can be enabled So if we don't have it enabled it'll show not enabled but once we enable it We'll show it. We'll see it there. So I'm going to use an existing scanner profile and site profile Which tells us which site to target and gives us more information on the scanner and we can edit these or add new ones But I'm going to go ahead and generate that code snippet And what all this will do is it'll copy the code snippet and open the git lab UI Now I'm in the git lab ci.yaml and now I'm going to go ahead and add these items. So I pasted the code I recently copied And I'm going to move this over to stages Remove this And here's the include template Here's das running on the dash stage And the configuration providing the site profile and the scanner profile that we've defined And I can go ahead and commit these changes And you can see that a pipeline is running clicking on that pipeline You'll see that das has been added Back at the security configuration window we can see that das has been enabled So in the past this was only available for sast But you can see that we have also introduced this for dependency scanning secret detection And api fuzzing and more will come soon Thanks for watching and I hope you enjoyed this coverage of the new security features with git lab 14.1