- Local time
- 07:30
- Joined
- Oct 7, 2019
- Messages
- 189
- Pronouns
- she/her
I used to be a Foundation kind of guy but since getting better with Flexbox and Sass I normally just go frameworkless these days.
I don't like Bootstrap because everything made with it tends to look the same. I also take issue with how many people choose to learn Bootstrap instead of learning HTML/CSS since it's so abstracted and teaches some bad practices.
Tailwind (and utility based CSS in general) has never appealed to me but works great for some people!
If I was going to use one now it would be Bulma. Seems to be keeping with the times and still providing value on top of modern CSS.
My go to framework is Bulma. I love how simple the classes are. Everything is very easy to read and understand. The docs are absolutely phenomenal. I also like that it’s fully customizable.
I’m not a fan of Bootstrap. It seems unnecessarily complex.
I don't use any of CSS frameworks because I prefer component-based styling, with styled-components
, styled-system
and Rebass.
I set up the theme, like this:
export default {
fonts: {
body: '"Source Sans Pro", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif',
monospace: '"Fira Code", monospace',
heading: 'Aileron'
},
fontWeights: {
heading: 1000
},
radii: {
small: 6,
medium: 30,
large: 60
},
colors: {
black: '#232121',
white: '#F2F2F2',
blue: '#1E95D9'
},
shadows: {
medium: '0px 10px 40px rgba(0, 0, 0, 0.2);'
},
space: [0, 4, 8, 14, 24, 36],
text: {
subheading: {
fontFamily: 'Aileron',
fontSize: '1.2em'
}
}
}
<Box />
or <Text />
. It is very comfortable to use but in the beginning you might struggle with understanding how it all works.I usually do no framework. I used to have a reset css but that hasn't really been needed for years, so I usually do without and just reset what I need. Recently I've been checking out Tailwind and used it for a few projects and while it's nice initially, it's difficult to have it remain consistent if you don't work on it all the time or use a heavy componentized structure. I wrote about that here: Making functional CSS work for me.
I love Bulma, it feels really simple compared to others.
The only thing I find really annoying about it is the class on titles.
<h4 class="title is-4">Hello</h4>
should be
<h4>Hello</h4>
This is an interesting point of view. ThanksI find the class on titles to be a great thing. It allows you to be accessible with your headers, but use is-3 on any text.
I used to use Bootstrap on a lot of projects but I tend not to use any frameworks anymore if I can avoid it.
I realised that I only really used Bootstrap for the grid and navbar but since the introduction of CSS Grid I just build from scratch.
From design perspective great but will reduce your SEO rating. Google analysis element style since a long time and will reduce rating of a headline doesn't look like one or a text looks like a headline.I find the class on titles to be a great thing. It allows you to be accessible with your headers, but use is-3 on any text.
SEO gets more towards books: well written and human understandable content.
I've used Bootstrap for years, but luckily already had a handle on HTML/CSS before I started using it, so I think I've managed to offset bad habits. I used PureCSS recently though when I just needed a grid system, and it's super light-weight. I've heard lots of good things about Tailwind in the past year though, so maybe I should give it a go :)
I've used Foundation and Bootstrap in the past — mostly for the grid. With Flexbox and CSS Grid, I don't find a need for a framework anymore.