DEV Community

Which CSS framework (if any) for my portfolio website?

Dan V on February 01, 2020

Hi all. First time posting on DEV so I hope I'm posting in the right place for this sort of question. A little background about myself: I'm a juni...
Collapse
 
perlatsp profile image
Perlat Kociaj

Hi Dan, short answer is dont use any CSS framework!
When I wanted to build my portfolio website, I went through many iterations, I've used Bootstrap,the later changed it to UI KIT.
Then i decided to go no framework, which is the best option in my opinion, as a junior looking for your next job you need somehow to proove your skills,and no framework would be the best way to do it. Also make sure you dont forget that It doesn't need to be perfect

Collapse
 
dan_v profile image
Dan V

Thanks for the advice, sounds like a good plan! It will definitely challenge me to not rely on a framework and it'll be interesting to see what I can make from scratch. Looking forward to giving it a go. ๐Ÿ˜

Collapse
 
shanerainville profile image
DevOpsTea

Absolutely great advice. Learning the fundamentals is far more valuable than specializing in a framework. By doing so you will gain a deeper understanding of a framework's mechanics and your knowledge will allow you to manipulate it further.

Collapse
 
kaeldougherty profile image
Kael Dougherty • Edited

I was building a friend's portfolio and he asked for this very bare bones layout that there was no clearer way about it than to use HTML/CSS and nothing quite like it that I could copy and paste.... Ended up being far more of a learning experience than I could have predicted. Glad to see that's a valid way to prove one's skills. Is there anything else I'm not taking away from what you were getting at?

Collapse
 
jcs224 profile image
Joe Sweeney

If you're looking for some convenience but don't want your sites to all look the same, Tailwind is fantastic.

If you want to do your own styling without a framework, I highly recommend using a CSS reset like Normalize to avoid super-annoying browser inconsistencies.

Collapse
 
dan_v profile image
Dan V

Someone recommended Tailwind to me not long ago, it sounds really cool. Just took a quick look at their website and I like the philosophy behind it, i.e. utility-first, not opinionated style-wise. Thanks for the tip.

Also I've used CSS Baseline which I believe does essentially the same thing as Normalize, though interested to see how they compare. Thanks again.

Collapse
 
lukethacoder profile image
Luke Secomb

+1 for Tailwind as a utility. Still gives you freedom to use custom css without having to use !important tags everywhere to override. The theme config is also awesome

Collapse
 
mzahraei profile image
Ardalan

I use Bulma it's great

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

Currently, I use Bulma a lot, but it is not complete -- no spacing helper, so I created spacing.scss

I also want to recommend no framework, but heavy use of CSS preprocessors, such as SCSS;also with Flexbox.

Collapse
 
faseeh12 profile image
faseeh12

Hey Dan,

I have an advice for you whenever you go for CSS frameworks like bootstrap and MUI they have thier limits if you want to polish your skills go ahead and write your own css from scratch try to make it responsive it will take time but it'll be worth it.

Collapse
 
nataliedeweerd profile image
๐๐š๐ญ๐š๐ฅ๐ข๐ž ๐๐ž ๐–๐ž๐ž๐ซ๐

Why not none and code it all from scratch - to show you know how? :)

Collapse
 
louislow profile image
Louis Low

I use Yogurt to craft my beautiful portfolio website.

Collapse
 
pachicodes profile image
Pachi ๐Ÿฅ‘

I am a user of pure CSS myself, and created my portfolio with Gatsby

Collapse
 
souksyp profile image
Souk Syp.

A custom Milligram css in sass/scss. Just @import what you need. Super lightweight.

Collapse
 
epranka profile image
Edvinas Pranka

Hi, If you are using the React.js, how about the styled-components ?

Collapse
 
ramkr82 profile image
Ramkrishna Pednekar

I use tailwind because of its utility classes.