4 ms·

This!! All my little dashboards and apps I use bootstrap for them initially. Once they've come to a suitable position where the bootstrap framework gets in the

by nstart 10y ago

This!! All my little dashboards and apps I use bootstrap for them initially. Once they've come to a suitable position where the bootstrap framework gets in the way by being a little clunky/big/not specialised enough in certain ways/just looking boring (:D) I go ahead and rip it out. But that feels like the whole point of a framework called bootstrap right? Like its name is literally its purpose :).

WA 10y ago
How do you rip it out if half of the HTML code is written only to suit Bootstrap?
- um_ya 10y ago
  Haven't you heard? It's now a popular trend, to claim that you do things differently just to be different, even though it doesn't make logical sense, and takes a lot of work. We call it the hipster hunger games.
- scrollaway 10y ago
  I'd like to know, too. I've been using bootstrap in a couple of places and every time we change a page to use it, it feels like it'll be 10 times harder to rip it out later. Does anyone know of an scss-based UI framework, where I can just call mixins into my css? Or is that even possible with bootstrap? Adapting html to a UI framework's code feels like a completely upside down approach.
  - nstart 10y ago
    Ok this is an excellent question. The way I do it is by first converting stuff to semantic names. If it's a somewhat serious project I'm likely to have done that from very early on. I use a method similar to https://www.sitepoint.com/sass-semantically-extend-bootstrap/ https://www.sitepoint.com/sass-semantically-extend-bootstrap... to do this. Later, I start converting this stuff to be what I actually want in either a custom CSS or by integrating some other framework. Note though. I explicitly mentioned this is for my little dashboards and apps. When I start this process, pages will look broken from time to time and there might be pages that look Frankensteined. I've never done this on a serious app although I want to do that for one client I'm consulting for. Since I wrote all the code myself, here's my speculation on how I'll do it. Since I have a fairly structured way of arranging my divs and my forms, I'm going to hack together a parser using beautifulsoup/htmlparser to get the bootstrap stuff out and convert those to semantic names. So it'll be something that goes through a file, and then tells me it found a div.row here (show me the surrounding lines to get me an idea of where it is) and then ask me to input the semantic name. It'll spew out the sass files I want and change the jinja templates. From there I'm going to attempt to plug in material just because I like it so much :D
    - scrollaway 10y ago
      That seems like a lot of trouble to go through, to use a UI framework which is supposed to save you time. :/ Do you have any recommendations on a better, leaner scss UI toolkit?
      - nstart 10y ago
        No I'm afraid I don't. You are right that this is a lot of pain for a UI framework that's supposed to save you time. But because I've done this a few times over it's become fairly simple once it's coupled together with some vim macros and snippets. But it's not a very good workflow that someone else can adopt quickly. I just found bootstrap to be super comfortable to get started and I also built some generators that auto generate templates for me when I work on my little projects. When I wrote those I made them to use bootstrap and I can't be bothered going back to change them now
  - mcintyre1994 10y ago
    If you download the source, Bootstrap is all Less[0] with an official Sass port[1]. For v4 they're moving to Sass too.[2] :) [0] http://getbootstrap.com/css/#less http://getbootstrap.com/css/#less [1] https://github.com/twbs/bootstrap-sass https://github.com/twbs/bootstrap-sass [2] http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/ http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/
  - dan_b 10y ago
    Zurb Foundation. Though it is, literally, a foundation to build your own look-and-feel on.
- Kequc 10y ago
  Bootstrap is bloated and identifiable within a second of opening a webpage, it's eventually removed from every project that goes anywhere. But it's a slow and painful process, because it has hooks in all over the place. It's better to start out with some very simple css boilerplate, the app is new it doesn't need to look like Twitter... if the app is new it probably shouldn't look like Twitter anyway, it's current-year.
  - ZeroGravitas 10y ago
    Someone set up a hot or not style web app that asked whether the screenshot was of a bootstrap site or not. It was harder than you give credit for, and interestingly it was hard both because many Bootstrap sites don't look like stereotypical Bootstrap, but also because many non-Bootstrap sites do look like stereotypical Bootstrap.
    - ZeroGravitas 10y ago
      For anyone who wants to try it: http://www.bootstraphero.com/quiz http://www.bootstraphero.com/quiz
  - deleted 10y ago
    [deleted]
- awesomerobot 10y ago
  It's an unpleasant process.

by nstart 10y ago

WA 10y ago

How do you rip it out if half of the HTML code is written only to suit Bootstrap?

um_ya 10y ago
Haven't you heard? It's now a popular trend, to claim that you do things differently just to be different, even though it doesn't make logical sense, and takes a lot of work. We call it the hipster hunger games.
scrollaway 10y ago
I'd like to know, too. I've been using bootstrap in a couple of places and every time we change a page to use it, it feels like it'll be 10 times harder to rip it out later. Does anyone know of an scss-based UI framework, where I can just call mixins into my css? Or is that even possible with bootstrap? Adapting html to a UI framework's code feels like a completely upside down approach.
- nstart 10y ago
  Ok this is an excellent question. The way I do it is by first converting stuff to semantic names. If it's a somewhat serious project I'm likely to have done that from very early on. I use a method similar to https://www.sitepoint.com/sass-semantically-extend-bootstrap/ https://www.sitepoint.com/sass-semantically-extend-bootstrap... to do this. Later, I start converting this stuff to be what I actually want in either a custom CSS or by integrating some other framework. Note though. I explicitly mentioned this is for my little dashboards and apps. When I start this process, pages will look broken from time to time and there might be pages that look Frankensteined. I've never done this on a serious app although I want to do that for one client I'm consulting for. Since I wrote all the code myself, here's my speculation on how I'll do it. Since I have a fairly structured way of arranging my divs and my forms, I'm going to hack together a parser using beautifulsoup/htmlparser to get the bootstrap stuff out and convert those to semantic names. So it'll be something that goes through a file, and then tells me it found a div.row here (show me the surrounding lines to get me an idea of where it is) and then ask me to input the semantic name. It'll spew out the sass files I want and change the jinja templates. From there I'm going to attempt to plug in material just because I like it so much :D
  - scrollaway 10y ago
    That seems like a lot of trouble to go through, to use a UI framework which is supposed to save you time. :/ Do you have any recommendations on a better, leaner scss UI toolkit?
    - nstart 10y ago
      No I'm afraid I don't. You are right that this is a lot of pain for a UI framework that's supposed to save you time. But because I've done this a few times over it's become fairly simple once it's coupled together with some vim macros and snippets. But it's not a very good workflow that someone else can adopt quickly. I just found bootstrap to be super comfortable to get started and I also built some generators that auto generate templates for me when I work on my little projects. When I wrote those I made them to use bootstrap and I can't be bothered going back to change them now
- mcintyre1994 10y ago
  If you download the source, Bootstrap is all Less[0] with an official Sass port[1]. For v4 they're moving to Sass too.[2] :) [0] http://getbootstrap.com/css/#less http://getbootstrap.com/css/#less [1] https://github.com/twbs/bootstrap-sass https://github.com/twbs/bootstrap-sass [2] http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/ http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/
- dan_b 10y ago
  Zurb Foundation. Though it is, literally, a foundation to build your own look-and-feel on.
Kequc 10y ago
Bootstrap is bloated and identifiable within a second of opening a webpage, it's eventually removed from every project that goes anywhere. But it's a slow and painful process, because it has hooks in all over the place. It's better to start out with some very simple css boilerplate, the app is new it doesn't need to look like Twitter... if the app is new it probably shouldn't look like Twitter anyway, it's current-year.
- ZeroGravitas 10y ago
  Someone set up a hot or not style web app that asked whether the screenshot was of a bootstrap site or not. It was harder than you give credit for, and interestingly it was hard both because many Bootstrap sites don't look like stereotypical Bootstrap, but also because many non-Bootstrap sites do look like stereotypical Bootstrap.
  - ZeroGravitas 10y ago
    For anyone who wants to try it: http://www.bootstraphero.com/quiz http://www.bootstraphero.com/quiz
- deleted 10y ago
  [deleted]
awesomerobot 10y ago
It's an unpleasant process.