4 ms·

I've always built interfaces by hand, but for a recent project that is going to be heavy on the use of selecting options/button/etc, I was considering Bootstrap

I've always built interfaces by hand, but for a recent project that is going to be heavy on the use of selecting options/button/etc, I was considering Bootstrap for the first time. However, looking at the source, and the sheer amount of "stuff" in there, I'm just not too keen on it. Is there a much lighter alternative, that satisfies quick standardized UI creation? SemanticUI i saw mentioned in here.

oliwarner 10y ago
I agree but still use Bootstrap. There's too much well-thought out stuff to ignore or attempt to reinvent. I don't include bootstrap.min.css though. I wrote a custom LESS (I'm still using v3) stylesheet to replace bootstrap.less, which pulls in just the bits I want. I also use this to customise and theme the whole thing. I also don't use Bootstrap's classes in my HTML. These are replaced in my custom version by semantic and descriptive things that work very well on a site-by-site basis for keeping markup low. And this can be kept just-about-separate-enough from Bootstrap to make upgrading it not too traumatic, as long as you stay within the major version and don't edit the original files (just override or replace them). Wrapping up just the bits of the Bootstrap JS is the harder challenge IMO but this can also be done. I have a plaintext file that lists the files (in order) that I just cat together, minimise and compress. Here's my personal blog as an example: https://thepcspy.com/ https://thepcspy.com/
ohitsdom 10y ago
You can select which options you are going to use a download a lighter version of bootstrap. As a bonus, you can save your configuration to make downloading updates all that more simple in the future. http://getbootstrap.com/customize/ http://getbootstrap.com/customize/
prashnts 10y ago
tachyons could be something you might be interested in? [0] http://tachyons.io http://tachyons.io
SippinLean 10y ago
Use the Sass source and comment out what you don't need
91bananas 10y ago
purecss.io, skeleton.css, spectre.css are three pretty nice ones. When you get more features like Bootstrap has, you get "stuff" and weight.

oliwarner 10y ago

I agree but still use Bootstrap. There's too much well-thought out stuff to ignore or attempt to reinvent. I don't include bootstrap.min.css though. I wrote a custom LESS (I'm still using v3) stylesheet to replace bootstrap.less, which pulls in just the bits I want. I also use this to customise and theme the whole thing. I also don't use Bootstrap's classes in my HTML. These are replaced in my custom version by semantic and descriptive things that work very well on a site-by-site basis for keeping markup low. And this can be kept just-about-separate-enough from Bootstrap to make upgrading it not too traumatic, as long as you stay within the major version and don't edit the original files (just override or replace them). Wrapping up just the bits of the Bootstrap JS is the harder challenge IMO but this can also be done. I have a plaintext file that lists the files (in order) that I just cat together, minimise and compress. Here's my personal blog as an example: https://thepcspy.com/ https://thepcspy.com/

ohitsdom 10y ago

You can select which options you are going to use a download a lighter version of bootstrap. As a bonus, you can save your configuration to make downloading updates all that more simple in the future. http://getbootstrap.com/customize/ http://getbootstrap.com/customize/

prashnts 10y ago

tachyons could be something you might be interested in? [0] http://tachyons.io http://tachyons.io

SippinLean 10y ago

Use the Sass source and comment out what you don't need

91bananas 10y ago

purecss.io, skeleton.css, spectre.css are three pretty nice ones. When you get more features like Bootstrap has, you get "stuff" and weight.