How To Build Clean UI

#coding #ui #website #javascript

_____________________________________________________________

Timestamps:
0:00 Intro
0:44 UI Libraries
3:03 D.R.Y.
5:00 Look at others
7:19 Less is more
9:22 Stare at your screen
10:50 Summary

[goosydev]

"Good designers have good perception." - someone probably

My tip would be: Go to google images or something, find designs that you like and save them but also save designed you dont like. Ask yourself "Why do I like this", "Why do I not like this" and learn that way. Also contrary to the last part "Stare at your screen" you should also take a pause, go outside and let it rest for a day and come back looking at your design with "fresh eyes" (if you have the time).

[Bilz_-fddo]

Nizar, I just want to thank you cause your channel seems to have everything that we need, and the way you explain things, its better than most of paid courses. As I already said, I'm still at school, but starting to study to create projects for my portfolios and I just came across the perfect video for this moment: "How I Plan Features For My Apps". Then i was like: "how am I going to make the UI?" and then, this video. Thank you!

[RubixCubed]

I would also recommend building a skeleton of a page, meaning get the bare bones ui elements on the page just to get it functioning and then once the functionality is all there, then work on styling and refactoring. It’s what I try to do on my side projects and has helped alot. I used to put too much effort into making it look pretty first and I just got burnt out before I got to why I built said thing in the first place. But im just a nobody building only my own personal projects that help me on my actual job which is not a development job. So, I guess take it with a grain of salt.

[AlbertCelmaOrtega]

"This freaking...GLOBE...huugh" Loved it! Awesome video Nizar! As civil engineer here learning it is cool to see you were in Law. Keep it up.

[TheRealMxnny]

Truly love this & superb helpful! I am planning to build alot of startups in near future & this is so useful

[EPIC-evlx]

Coding is hard when you are working for someone

[abdeldjalil.hachimi]

Thanks for your recommendations, I would like to ask you which Mic you are using to record your videos?

[culjrdc]

I found that DRY isn't always the best approach. with new requirements coming in, the components diverge from each other and the abstraction you created for them becomes an obstacle rather than a helper. you'll find yourself spending more time trying to make that abstraction work for all usecases and it just becomes ugly.

my advice is to only abstract highly reusable components like form inputs, buttons, etc. and even those components it's better to create variants when you have a new usecase for them.
also using patterns like compound components will allow for using the same components in different ways, thus supporting multiple usecases with the same code.

[scientiac]

honestly, I was more interested in the black book

[ShouryanNikam]

bro started the video by judging a book by its cover

[chrikke]

"stick to one type of font" i don't like that advice, as fonts can be used to tell users what the text is.

If you have a serif font for headers for examples, users understand immediately "that is a header". Just don't use 60 different fonts

[gm]

Clean code is a toxic book if you're actually a programmer

[jeffkirchoff]

You should not call it a clean UI untill and unless you know the principles of UI - UX