DEV Community

Discussion on: Follow Friday: UX/UI Edition (29 July 2022)

 
iyanukit profile image
Onoja

Thanks so much ❤️ Well I want to code with HTML and CSS cause that’s what I’ve been practicing for a while. 🙏🏾

Thread Thread
 
perssondennis profile image
Dennis Persson

Alright :) I can't really recommend some specific websites for it since I haven't used any for a long time. I can however recommend you what to learn. I don't know about you previous experience but I will take it from start.

HTML is basic. Learn using tags such as div, a, img, button input and that's enough for a starter. Later comes semantic tags such as main, article, section etc.. It's important for accessibility but don't mind if you don't understand when to use which, learn that later I would say.

Most important things in CSS is flex, learn that. Margin, padding, border, background and border-radius are have-to-learns, make sure to master them. Animations are next-level but required if you want things to move. You have some pseudo classes as well you need to learn. But most often it's enough with :hover and :focus.

Moreover, kinda use id and classes as css selectors. Try avoid using nth-child, or nested selectors (e.g. div > span > link) as long as possible. That only makes it harder to maintain the code.

When you know HTML and CSS like that, you can do most UIs yourself. Then start looking at CSS in js and UI libraries to see how CSS often is used today. It's the same CSS, just integrated with the javascript. If you are using React you should look in to styled components or emotion, and the UI library Mui. Learning CSS in js and Mui requires that you know about javascript and React though.

After mastering those things, you are up-to-date to develop modern UIs.

Thread Thread
 
iyanukit profile image
Onoja

This is a great guide for me …. Thanks so much for your time and honestly I love this ❤️.