How to make a nice site with less CSS

🔗 Links

⌚ Timestamps
00:00 - Introduction
00:35 - Starting off with a minimal reset
01:23 - Creating a color scheme
02:45 - Picking fonts
03:30 - Basic styling
07:18 - Typography
12:10 - Using our colors
15:10 - Balancing text
16:20 - Improving the spacing

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[juxtopposed]

Thank you so much for giving Realtime Colors a try. Sure hope it makes everyone's job easier!

[CirTap]

IBM Plex is great. Literally massive: the font has a ton of glyphs which makes it an ideal choice for international scripts (Greek, Hebrew, Arabic, Cyrillic, Thai...) and this blows up the download size. Try subsetting it to the language and script you need to not waste visitors bandwidth and mobile data plans.

[iamtharunraj]

Kevin, huge thanks to you. I was really confused when it comes to color scheme and font combination. But the two sites you showed in this video are absolute game changers. You are really awesome!

[caiosantosvargas]

Congratulations I had not seen these properties but now and only success

[RaveKev]

Absolute awesome 19 Minutes!
(I had to rewind the whole time, because i distracted myself with slamming my Spacebar on Realtime Colors :D )

[rogerpence]

Another supremely helpful video. Thank you, Kevin. Your fast path on this basic stuff is really great.

[herbowenby]

WOW! This will make life so much easier. Thank you, Mr. Powell!

[NKonly]

I've just recently started a new pet project and was asking myself exactly what the title promises 🤔 So thank you, Kevin, I'm confident this is another excellent video from you

[JosephCodette]

Utopia is really great, I also use the space properties for anything margin or padding

[josipbjezancevic]

I just googled that 'flapper' word, and it actually exists. Very vintage of you @KevinPowell 😂

[ichoupettev]

that is just one small video with a stupid lorem article, but I learn so mutch stuff in 19minutes ! thanks you ! :)

[MauriceKindermann]

Damn, nice work mate. I've learnt a lot of these things piecemeal over the last year in an attempt to upskill my vast but dinosaur CSS knowledge. This fits a lot of pieces together in a very simple and comprehsneive way. Appreciate it!

[Richard-clkt]

Great video. Working a lot with Tailwind CSS and already quite good at it. At the moment im studying and for a project i needed to use plain css. This really helped me a lot to get things going. Thanks. I already knew Utopia but couldn't really figure out how to work with it!

[Lucsy]

Really nice, some great new stuff that I gotta pick up!

[Allformyequine]

YAY! your Flow Space finally explained !

[Eupolemos]

This was an amazing video - all the stuff you need to know not to shoot yourself in the foot at the start of a project, all in one video with no filler.

Thank you <3

[genaroibc]

Kevin, I never comment, but your videos are amazing ❤

[justkailash]

Love this tutorial learn... few more things.... I must say you should try once for a admin panel development from the scratch ... so we can go for the next level now.... how to plan admin panel in terms of front end development.... fontsize.... variables... etc... Thanks a lot

[OnlyADownstat]

light dark mode switch using CSS... awesome thankyou

[saywrdz]

Hi Kevin, I was never interested in learning css but your channel really grew on me and now I'm excited to start. I looked through your playlists to see if there is a starting point but was confused with the sheer amount of awesome videos you have. If you have a minute, could you just point me into the right direction on where to start on your channel?