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...
For further actions, you may consider blocking this person and/or reporting abuse
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
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. ๐
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.
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?
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.
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.
+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
I use Bulma it's great
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.
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.
Why not none and code it all from scratch - to show you know how? :)
I use Yogurt to craft my beautiful portfolio website.
I am a user of pure CSS myself, and created my portfolio with Gatsby
A custom Milligram css in sass/scss. Just @import what you need. Super lightweight.
Hi, If you are using the React.js, how about the styled-components ?
I use tailwind because of its utility classes.