DEV Community

Cover image for 15 CSS basics that will πŸš€ boost your designing confidence as a frontend developer by 10xπŸ¦„πŸŽ‰

15 CSS basics that will πŸš€ boost your designing confidence as a frontend developer by 10xπŸ¦„πŸŽ‰

CodeWithYaku on January 25, 2022

1. Use CSS Grid for Better Layouts CSS Grid Layout is a new way to create layouts on the web. It provides a more efficient way to layout your cont...
Collapse
 
chanid profile image
ChaniD

In other word use CSS πŸ˜€. Good beginners article. Well done and thanks

Collapse
 
codewithyaku profile image
CodeWithYaku

ChainID thanks for reading my novice article recently I started going back to doing things in pure css and I have learnt a lot that I didn't earlier with help of tailwind now all these concepts are now easier to apply nonetheless Thanks for reading really appreciate it πŸ™‚

Collapse
 
benjaminv profile image
benjaminv

Or use bootstrap or tailwind instead.

Collapse
 
devwillis profile image
David Willis • Edited

Sure, if you want to learn a proprietary approach that will be completely useless one day when those projects are defunct. While you're at it, learn jQuery instead of Javascript and use NPM for everything so you can do as little coding as possible. You'll save so much time! What could go wrong?

Collapse
 
codewithyaku profile image
CodeWithYaku

I agree with you David also maybe sometimes a proprietary solution is what gets the job done faster, seemingly? But I have recently started appreciating the old way of doing things especially when it comes to front end ....it's like the way we have options whether to use react native or flutter both are okay but nothing compares to writing kotlin or java code that actually runs Natively Android

Collapse
 
zippcodder profile image
Deon Rich

Exactly.

Collapse
 
zippcodder profile image
Deon Rich

Wouldn't call them tricks, rather basic CSS.

Collapse
 
codewithyaku profile image
CodeWithYaku

Hey Deon, thanks for reading the article really appreciate your feedback

Collapse
 
zippcodder profile image
Deon Rich

All about improvement πŸ‘

Collapse
 
andrewbaisden profile image
Andrew Baisden

CSS the gift that keeps giving.

Collapse
 
codewithyaku profile image
CodeWithYaku • Edited

Andrew Baisden very true I also think that CSS is a gift because it allows web designers to create professional-looking websites with very little effort. CSS is also a great way for beginners to learn how to create websites, because it is relatively simple to learn and it allows for a lot of creativity I am really enjoying looking at CSS again after a long time of using proprietary solutions like bootstrap lol

Collapse
 
chiloanerk profile image
Relebogile Chiloane

I'm enjoying grid layouts and flex so far. There's so many ways of doing things in css it's crazy. I want to know all I can with working with CSS before I hop on to those other stuff people say save time.

Collapse
 
codewithyaku profile image
CodeWithYaku

Yes you are right and thanks for reading this article. I never used to like CSS because I thought it was hard but now I think it makes a lot of designing very easy. Tailwind is good in some ways but having a solid understanding of CSS can really save you time in the future...

Collapse
 
raibtoffoletto profile image
RaΓ­ B. Toffoletto

You forgot about Flex containers. They are my way to go lately, more than grid.

Collapse
 
lolcabanon profile image
lolcabanon

Grid for the big main layout stuff, then lotta flexbox in lotta flexbox ^^

Collapse
 
codewithyaku profile image
CodeWithYaku

Hey Rai B, thanks for taking time read my article ...I will surely update it thanks

Collapse
 
larryjyang profile image
Larry J. Yang

Hey friends, Number of marketing tools are in the market which you can use for this. In case you need designs for your content you can master bundles check this website. Here you will find the enough details.

Collapse
 
jimmoo profile image
Jim Moore

Do all that with open-props.style