Learning HTML/CSS, is it Important for UI/UX Design? Tips and Advice

[@krome431]

I think the most important thing for UX designer, is that you're a problem solver and a researcher

[@kristylg]

Thanks so much for this video. You explain things very well. I've always thought UX/UI were all about designing and coding for web and devices and that it was too overwhelming to try and transition to as a print designer. I'm glad to know I can choose one path or the other and that they're two totally different job roles.

[@lep2525]

I luckily learned HTML/CSS before deciding I wanted to be a UX Designer. It's made understanding UI design easier

[@pedroserapio8075]

Great video. I agree that knowing little bit of coding helps a lot. I see some young people in company where I work only knowing Photoshop to makeup the page, creating sometimes very difficult or hard to use designs when they go to be coded. Knowing coding can help a designer decide the path to go, knowing the coding limits or find new ways to present the website in creative and with motion.

[@thechocolateaddict]

Mike, love your videos, thank you so much for sharing your experience with us. I love that you work in the motivational videos to your channel as well :) Really happy to hear about Fireworks, I learned how to use it about 15 years ago, then stopped recently thinking it was too old school, for websites etc. I always really liked it. I'm trying to update my web design skills and get back into it again after a long hiatus. Your videos are very helpful and much appreciated! - Kat

[@MikeLocke]

Glad you're inspired and enjoy my videos. Thanks for the positive feedback.

[@thechocolateaddict]

***** if someone is just designing small websites, 2-4 pages. Do you think learning CSS is still important? I never learned CSS, I just use Dreamweaver and Fireworks, and I think everything looks great! I'm trying to figure out if it's something I should learn. I do know HTML. Are there things you can do with CSS that you can't do with HTML? Thank you Mike!!!

[@MikeLocke]

The requirement for HTML and CSS is really only required if you plan on landing a job as a Designer. If you're working well and building simple sites without it, no need really. Though its not required, learning the very basics will open eyes to other cool things you can do. So in that, its still useful to look into learning what you can do with it.

[@donnorman6526]

Ok I understand your point. The thing is some of us like the mix of creative websites. And for that you need to know front end (javascript,html&css) and a lot of design. I'm talking more about websites like awwards and so on. The websites are amazing and I truly wanted to dig in javascript for fun. But yeah is hard.

[@tequishamcdearmon9152]

I'm enrolled in a Associate's program for Front-end Web Development but I want to design. I believe I'll finish the coursework so that I can have HTML, JavaScript, and CSS under my belt. But I would like to transition into UX Design because I'm creative! Great video!

[@FacundoEzequieldsg]

Im agree with this video, and I might say that it is really importanto for a UI/UX desginer to know how to write code, why? because it is really important to know "how does it work", how does the navbars work, how the side menus work, that's like key today, knowing how does it work will really help a lot to improve the experience, the space and it also helps to imagine how it will look and stuff in your head even before to start the project. About what you said about having some references, its okay, in fact its recomended to have'em, I work a lot with frameworks, mostly bootstrap (Im a front-end web developer) and I dont really know every single line of the framework's code so I use a lot the documentation that bootstrap provides. Anyway, nice video mike.

[@MrSrinivasrangu]

Thanks Mike, I am a Designer ! its really helped to me, i have fear about coding to learn , Now its clear to Learn.

[@Dom17sk8]

Mike, you are a real inspiration thanks for the content please keep it coming!

[@cathyfang7262]

It is really true that only have the design skill set is enough to be a UI/UX designer. However, it is really hard to be a good UI/UX designer without any basic coding knowledge.

[@cathyfang7262]

Really like your video, the tips are all the points!! Compare to some highlevel big concept lecture, realy love your POINTS

[@thedanfernando]

Mike, when you say HTML/CSS is important for UI/UX designer, are you referring to a one-person freelancer who do all the work (research, strategy, production, design, and development) by him/her self?

[@MikeLocke]

Yes, mainly for the one-person freelancer. But in an organization where you're on a Product team and you're the UI/UX Designer, you probably won't do that much coding at all. That responsibility will be on the Front-End Developers who you will work with all the time.

[@kays3599]

Thank you so much for all your info Mike! I'm actually trying to work very hard at this, I'm learning a lot. I think most of it is listening to talks and classes on ux ui design like this to get familiar with the UX vocabulary. Prototypes, research, agile. All that goes into the process. I'm working on my portfolio right now. Can you possibly do more videos on the process of creating your portfolio and maybe how to find freelance work? I apologize if you already have videos on this subject up. -Kay

[@ankushk45]

Thank Mike very good information about UI UX Designer profile

[@pedroalmeida6185]

Mike, If You a person (graphic designer) is working as a freelancer and knows more than just graphic design (by more I mean front-end skills, knowing both front and back-end is almost impossible) this person will have more work, more clients...etc What normaly happens is, You handle a person to do the UI/UX part, than to a person who knows front-end (css, html, javascript) and than to a person who knows back-end, right? But today, I think if You want to be successful, You have to know both, graphic and front-end skills ? So it can be easier for the client. Do You get my point ? If it is not like this now, I think ina few years it will be, graphic design skills will not be enough if the clients wants logo design and website, He will go for the designer who as both skills, and not asking for 2 people to do 2 things that only one designer can do.

[@reda4135]

*You should not say graphic designers should code because. a graphic designer can do many sorts of work like logo design, business cards, icons, 3d, advertising design posters...and much more those don't require any kind of coding but I'll agree for UX/UI I will say yeah* ✅

[@sida9908]

I was looking for this. thank you

[@ramureddy9721]

Mike, thanks for sharing your experience..

[@darshandakshapanchal2051]

Thank you very much. i am very much clear now. will learn what needed.

[@NbaLive4ever]

Glad I already know HTML and CSS then :) What are the most needed skills besides knowing Illustrator or Photoshop? I have basic skills on those. I just feel that the job descriptions need EVERYTHING as a requirement and it's hard to apply to those when I'm still learning myself. Thanks for the video!

[@dyunior]

learn Wordpress.

[@suffiyanansari7544]

What is different. Of front end devloper or ui/ux devloper I m totally confused. About these all thing i have knowledge. Of html.css java script.jequre and litel.bit php so.which is the best for me

[@jokerbatman119]

HTML,CSS,JQUERY,JAVASCRIPT four major web languages for front end design, of course still need a graphic designer who is really good in Adobe PS and AI then you can really make a very fascinate and attractive front end website

[@globalgaming8304]

Cleared a lot of ques...Thanks!!

[@rachelsvideos4913]

So well said! Thank you!

[@terrellharper9690]

Mike, great videos as usual! So once you have a portfolio together, who do you market them to? Are there websites that you can upload your work to land a client, or for freelancers are you on your own as far as marketing?

[@SoCalBrian]

Where did you go to school for ui/I'd design? For front end developers there are coding bootcamps that last 12 wks…are there bootcamps for ui design? What's a good wizywig? Is it like the browser console?

[@proo5577]

Great video bro! Learned a lot.

[@captainalpha4853]

thank u sir for all your videos My questions are : what all stuff i need to learn to become a web designer? and how much does a web designer earn per hour ? hope u answer me thaaaaaaaaaaaaaaaaaaaanks :)

[@OuRaymondHangwei]

What kinds of prototyping tools you like? There are tools like Flinto, Invision, and UXPix. These kinds of products don't require coding skills.

[@ktstt65]

Love your channel

[@AbdullahGad95]

thank you mike it was very helpful.

[@ronaldjohnson4470]

Thanks Mike.

[@dolphinsatsunset1]

Very helpful! Thanks.

[@kingjoe97]

What other skills would you recommend learning? Do you experience working in large groups on a Dailey basis? So group /speaking skills for example. Or maybe you could share what you do on your average day as a ui/ux designer, just to give us an insight on what this career would be like.

[@MikeLocke]

Yes, speaking skills does come into play a lot as you will be doing a lot of presenting of your ideas to stakeholders and things like that. Being a good team player, speaking, good listener, confident in your proposals are some good things to learn when working in a larger team. I'll touch on my day to day in a video.

[@kingjoe97]

***** Cool, thanks.

[@71dhwand]

Mike I have a uestion for you. I love using Fireworks it's a great tool. I designed a site for a photographer and it came out really nice. I would like to know if there is a way to create smooth page transitions when going back and forth to all the pages. Is jquery the only solution for this task ? I would really appreciate your advice on this.

[@jokerbatman119]

Let's say, you create a file save name as any name you like but save it with the format like xxx.css then inside the xxx.css file you create class or id, then at the main html file you use division command to call the css id or class that you have created. css example: .container (this is class) { } #mytype (this is id) { } HTML example contents Or contents

[@MrCaseBox]

Thanks for insights !

[@MikeLocke]

You're welcome!

[@Jesslman45]

Thank you, that was great!

[@NatalieDiViesti]

Thanks for your videos ! They are very helpful. I'm in school now for web design, and feel a little nervous about getting into the field after I finish. What do you think about locations to live to get a job when I finish school? I'm in Jacksonville, Florida and I've heard it's very difficult to get a job in anything tech here. Would you recommend me moving to Atlanta, Georgia? What are your thoughts on this?

[@LooCyppher]

We have a small project to do with a friend. I am supposed to take care of the graphic page of the site. This is a video from 2015, is everything current? I am at 0.3 IT level on a scale of 1 to 10 hyhy;). Your video inspired me very much and let me believe that it will not be so difficult if my friend takes care of java script, etc. Because he is like my boss;)

[@micjakes1]

Mike can you come up with a whole new series of videos? For 2018? Thanks.

[@meowdora1615]

Thank you.

[@AlexSerranocreativefeather]

Awesome, Thanks a lot.

[@MAYUR_Yudhaswa]

Great Work !!!!

[@mamunurrashid5652]

Thank you....

[@wiledwiredweasel560]

Hey Mike, I'm trying to learn SQL, HTML, PHP, AJAX, XHTML so I can be a web designer. Is this overkill? Is this not enough to get started? What's your thoughts?

[@esteemaco]

So how would I start a portfolio from scratch? Just design make believe apps and websites? Is ui merely the appearance?

[@margaretanderson5011]

Hi Michael, Is Fireworks Dead or Alive? I follow you due to mutual Fireworks enthusiasm! I keep hearing from various "unreliable" resources that Fireworks is dead, obsolete. I have been a fan/follower/ true living believer in Fireworks. When requesting Adobe Create Cloud Suite in my corporate license, was declined due to cost/budget, and advised to pair down to perhaps one program vs. entire suite. I selected Fireworks. Covers: vector drawing, bitmap editing, photoshop layering, optimization,javascript for hover menus, table layout for html. I especially prefer to optimize my graphic files as png. My goal is to progress to video. I'm a former Macromedia Fireworks, Freehand, Pagemaker. (Prior typesetter/keyliner/stripper before desktop publishing came online!) Spurred on in 1995 met Terry White - Mac User Group Detroit here in the D! What can you tell me/ us about the future of Fireworks? Is it supported going forward in Adobe?

[@MikeLocke]

It's definitely alive. Adobe still supports it, still sell it, still offers it as a stand-alone product and apart of their Creative Cloud Subscription suite. As long as these things hold true, its still alive. The only news we've heard from Adobe on this almost 2 years ago (may 2013) was that they will not develop any new features for it. Aside from that, its still alive. I use it for 99% of all my work, have been since 2000/2001. Its still the best software for UI/UX Design work kzbin.info/www/bejne/mF6wf2pshK9qfas ... use it, enjoy it, stop worrying about if its dead or not. I've been saying this for the past 2 years to people. I'm sure I'll be saying this for the next 5 years or so. ;)

[@MarkLeeFilms]

Great content. Easily hot that subscribe button. I have a technical interview to start a UI/UX course this saturday. Wish me luck.

[@Rcinch1]

Why do they call some designers "DEVELOPERS" and others "Designers"? Is Developer entry level and Designer a management type job? Just a little confused!

[@jayshrivastava3804]

Can you provide a good example or links to a goodentry level UX Designer portfolio?

[@anasbaroud7531]

Hi Mike i'm Anas From Morocco i'm Also a designer I want to know is coding very important for UI / UX? i use only html and css and i want to become UI/UX. Thank you

[@Dominateanotherday]

was adobe Fireworks stopped from being downloaded?

[@Alateeef]

Thanks :)

[@sunilsd1908]

how to do room viewers in website can you help for this . ..

[@JalalKhan-br3ld]

i make a visit to ur web as you mention but tell me which one soft you have used design this web in funny question bt anyway...

[@toulaishkejiou189]

Mike...You are damn Awesome man!

[@linko85]

Thanks for the video Mike. What about animation? Because a lot of platforms strongly rely on meaningful animations like iOS or Android Lollypop? Is knowing After Effects important for UI/UX Design?

[@MikeLocke]

Animation does play a role in mobile and on the web. But Its not something you need to code, you just need to understand where these animations or transitions take place. You relay this to the developer and provide examples of what the animation should be like and the Front-End developer should be able to accomplish it using jQuery, CSS3, etc.

[@ramilderogongun9480]

Michael do you think of Adobe Muse? Looks a great tool for pure designer and doesn't have time to learn to code :)

[@MikeLocke]

Adobe Muse seems like a great tool, haven't used it fully for any project. But I don't think it allows you to view the source code. When learning HTML/CSS, always need an app that allows you to view the design and source code.

[@Jerminator1984]

Is this info still accurate in 2020?

[@josephine8204]

hi, mike...i learnt html&css, photoshop, ai, fundamental graphic design...so what is the next step i should do to be web designer?

[@Sneak9210]

+wee almond Start building up a portfolio. This will be your golden ticket to getting a job. Regardless of how much code you know you have to prove it with websites. If you don't have any clients just start by making demo sites to showcase your skills. Here's a quick checklist to get in the field of web design. 1.) Learn HTML5 and CSS3. 2.) Learn Sketch, Photoshop, and Illustrator. 3.) Learn bootstrap or foundation. 4.) Understand responsive design. 5.) Use a grid system for your layouts. 6.) Learn javascript and jquery (at least the basics). 7.) Learn and use Github. 7.) Build up your portfolio with sites. 8.) Start applying for jobs. When a potential employer sees your resume the first thing they're gonna do is looks at your work. Without a strong portfolio, you won't get passed this stage. The next step is usually a simple test on HTML and CSS. Javascript and jquery in some cases. If you get passed that you'll get a face to face interview. This may also include more test. I've been a web designer for over 8+ years and this basically how it works these days. As a side note in some cases, your design skills alone can get you a job, but those jobs are hard to come by. Mostly likely coding skills will be required. This is also true for UI/UX designers. Follow these steps and I promise ya you'll be successful. Best of luck!

[@josephine8204]

+Job Barrs Thanks for your guide!! I find do it=)))

[@jaypatrick8026]

Do you still think this is true? Some companies want full on protos coded to hand over to dev and even going into react.

[@kawaiiufocafe5399]

where do you found it in a UI / UX design job requirement?

[@zeezee5744]

👍🏽

[@kairofsffsfds]

nice guy

[@treadwater1]

I have been looking into other AI based design tools that take some of these steps out of the equation. I need a design tool that does some of the preliminary design for you and this company looks pretty awesome. TheGrid.io/#31 What are your thoughts guys and gals?

[@Jamie-wh3kd]

wtf. i've known html and css since i was like 13 lmfao does that seriously mean i could just be a ui/ux designer. wtf