Advertisement:

Author Topic: Maybe in our world there lives a happy little responsive Curve2 over there  (Read 106470 times)

Offline Dragooon

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 6,738
  • Gender: Male
  • I'm bIn
    • ShitizGarg on Facebook
    • Dragooon on GitHub
    • dragooon on LinkedIn
    • SMF-Media
Has anyone here other than me actually attempted to integrate Bootstrap into 2.1's theme? Slapping Bootstrap in doesn't magically make it responsive. You still have to rewrite the theme to play with Bootstrap in the first place.
I have, 0/10, would not recommend.

So You want to limit how a theme will Work on a 27" screen, just to make it Work the same way on a 5"?!
Nope.

Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 71,643
    • StoryBB/StoryBB on GitHub
Yeah, I came to much the same conclusion but I'm not enough of a themer to do a fat lot else and don't like the jQuery Mobile route much either.
Don’t try to tell me that some power can corrupt a person. You haven’t had enough to know what it’s like.

No good deed goes unpunished / No act of charity goes unresented.

Offline Dragooon

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 6,738
  • Gender: Male
  • I'm bIn
    • ShitizGarg on Facebook
    • Dragooon on GitHub
    • dragooon on LinkedIn
    • SMF-Media
Yeah, I came to much the same conclusion but I'm not enough of a themer to do a fat lot else and don't like the jQuery Mobile route much either.
Bootstrap is nice if you're starting from ground as it already handles a lot of things for you and has a defined structure, but in SMF's case it'll require re-doing a lot of templates to properly fit bootstrap which is more work than creating your own responsive stylesheet.

Offline [yub] Lazo

  • Jr. Member
  • **
  • Posts: 175
  • Gender: Male
  • YUB - Obaramo rekorde, postavljamo standarde !
    • YUnited Balkan
Bootstrap is nice if you're starting from ground as it already handles a lot of things for you and has a defined structure, but in SMF's case it'll require re-doing a lot of templates to properly fit bootstrap which is more work than creating your own responsive stylesheet.
YUP! I fully agree. I also tryed it out, it's just to much work, and it still is not what you would call a good solution(for SMF).

Dynamic forum signatures v1.2

Offline Bloc

  • Full Member
  • ***
  • Posts: 514
  • Gender: Male
    • bloc67 on GitHub
Quote
Well, as already pointed out a highres 5" and lowres 5" should look just the same(because the physical size is the same, though the quality will be different - better for high-res of course) - but in order to accomplish that you have to stop the stylesheet for switching to 20" optimised styles even if the resolution is the same as the 20" screen.
Please please actually try a responsive design and read up on them before throwing your claims that the responsive design will switch to the 20" optimised style even if the device is 5". That's complete and utter nonsense, you can very well make the 5" high res device return the value as if it's a low res standard 5" device which is actually the backbone of proper responsive design.

Also, there's a difference between mobile-first and responsive designs. I don't know anyone said anything about mobile-first designs here. SMF 2.1 is not having the mobile design first and then being blown up to support desktops, it's the other way around
Then please explain. If I use ONLY media queries that search for certain widths..how can it filter out that its still a 5" device even if the width is above 1200px? By using other media query keywords to learn that?  Which ones? And how to combine those? I don't care about auto-zooming or what else mobile browsers do of tricks to make it look better, my simple need is a way to make responsive design look the way I intend to on ALL devices - not what the browser decides is the best. Thats not good design, I  might as well use Tapatalk then.

I am not "throwing out" stuff btw, I am voicing MY concerns and needs. If its possible, great, fine, super. But so far I haven't seen a good solution to it, so stop saying its possible and rather enlighten us ( or me it seems :P )


..I am not even sure what I am debating this still lol, since I suspect we have similar goals. I should stop, as of right now.

Offline Dragooon

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 6,738
  • Gender: Male
  • I'm bIn
    • ShitizGarg on Facebook
    • Dragooon on GitHub
    • dragooon on LinkedIn
    • SMF-Media
Quote
Then please explain. If I use ONLY media queries that search for certain widths..how can it filter out that its still a 5" device even if the width is above 1200px? By using other media query keywords to learn that?  Which ones? And how to combine those? I don't care about auto-zooming or what else mobile browsers do of tricks to make it look better, my simple need is a way to make responsive design look the way I intend to on ALL devices - not what the browser decides is the best. Thats not good design, I  might as well use Tapatalk then.
Use device-width. Seriously. That's it, use device-width.
Code: [Select]
@media (max-device-width: 320px) {
}

The above will apply even if your device has 1120 x 640 resolution (a la retina iPhone), because the browser downscales the device-width to the relevant old-fashioned width to suite the actual needs. It is not a trick, it's a proper documented css3 feature. If you want a live example, pick up a phone and go to http://getbootstrap.com.

Offline Dragooon

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 6,738
  • Gender: Male
  • I'm bIn
    • ShitizGarg on Facebook
    • Dragooon on GitHub
    • dragooon on LinkedIn
    • SMF-Media
Bootstrap is nice if you're starting from ground as it already handles a lot of things for you and has a defined structure, but in SMF's case it'll require re-doing a lot of templates to properly fit bootstrap which is more work than creating your own responsive stylesheet.
YUP! I fully agree. I also tryed it out, it's just to much work, and it still is not what you would call a good solution(for SMF).
It's a wonderful solution if someone has the patience to rewrite all the templates from scratch, but I don't think anyone does.

Offline Tekkla

  • Jr. Member
  • **
  • Posts: 228
  • Gender: Male
  • Jupp!
    • Tekkla.de on Facebook
    • Tekkla on GitHub
    • @TheTekkster on Twitter
Has anyone here other than me actually attempted to integrate Bootstrap into 2.1's theme? Slapping Bootstrap in doesn't magically make it responsive.
Not only tried. With the current state of Antes theme it works quite well. There are some points where Curve and Bootstrap do not live in good harmony but it wouldn't be a big deal to change this.

Of course, as discussed a few weeks ago, including BS bloats the forums css without profit for the forum itself. Maybe it would be a good idea to make Curve RWD theme a little bit more compatible to Bootstrap so modder can use it without theme glitches if they want.

Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 71,643
    • StoryBB/StoryBB on GitHub
Well... it's not beyond the bounds of feasibility, but I have better things to be doing than completing such a rewrite (since I started)
Don’t try to tell me that some power can corrupt a person. You haven’t had enough to know what it’s like.

No good deed goes unpunished / No act of charity goes unresented.

Offline Tekkla

  • Jr. Member
  • **
  • Posts: 228
  • Gender: Male
  • Jupp!
    • Tekkla.de on Facebook
    • Tekkla on GitHub
    • @TheTekkster on Twitter
Well... it's not beyond the bounds of feasibility, but I have better things to be doing than completing such a rewrite (since I started)
Coexistance in harmony would be a better solution. There are only a few things to change in Curve to reach this. A complete rewrite is like pain in the ass.

Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 71,643
    • StoryBB/StoryBB on GitHub
That's because you have to do a complete rewrite to ACTUALLY make it work properly, otherwise smashing tables and stuff into Bootstrap is a total waste of time and energy.
Don’t try to tell me that some power can corrupt a person. You haven’t had enough to know what it’s like.

No good deed goes unpunished / No act of charity goes unresented.

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 8,951
  • Gender: Male
  • Black cat rulz!
    • Antes on GitHub
    • merta on LinkedIn
    • @XinYenFon on Twitter
    • WoWSnips
There is a difference between adapting and rewriting. Yes we can use bootstrap 3.x on SMF2.2 (for example) with small patches on it, but will it look good? I don't think so - that's the point Arantor showing. If you want to use that type of things you need to do complete rewrite to theme. Otherwise you end up patching it like a rewrite (on long run).
You can support me directly via Patreon

In Catnip We Trust.
The solution is Catnip!
Vote for Catnip!

Current Project(s): [ WoWSnips ]
Past Project(s): [ ezPortal ] # [ Lunarfall ] # [ RDD (HTML5) ]

Offline Tekkla

  • Jr. Member
  • **
  • Posts: 228
  • Gender: Male
  • Jupp!
    • Tekkla.de on Facebook
    • Tekkla on GitHub
    • @TheTekkster on Twitter
Have you ever tried to include Bootstrap after index.responsive.css?

Offline Dragooon

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 6,738
  • Gender: Male
  • I'm bIn
    • ShitizGarg on Facebook
    • Dragooon on GitHub
    • dragooon on LinkedIn
    • SMF-Media
Have you ever tried to include Bootstrap after index.responsive.css?
What purpose would that serve?

Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 71,643
    • StoryBB/StoryBB on GitHub
Mass style breakage and no responsive benefits whatsoever?
Don’t try to tell me that some power can corrupt a person. You haven’t had enough to know what it’s like.

No good deed goes unpunished / No act of charity goes unresented.

Offline Dragooon

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 6,738
  • Gender: Male
  • I'm bIn
    • ShitizGarg on Facebook
    • Dragooon on GitHub
    • dragooon on LinkedIn
    • SMF-Media
Mass style breakage and no responsive benefits whatsoever?
So, lots of fun? :P

Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 71,643
    • StoryBB/StoryBB on GitHub
If, however, you add it FIRST, things are decidedly less broken. Still very broken but it doesn't hurt nearly so much to try to fix. At least, that was what I found.
Don’t try to tell me that some power can corrupt a person. You haven’t had enough to know what it’s like.

No good deed goes unpunished / No act of charity goes unresented.

Offline Tekkla

  • Jr. Member
  • **
  • Posts: 228
  • Gender: Male
  • Jupp!
    • Tekkla.de on Facebook
    • Tekkla on GitHub
    • @TheTekkster on Twitter
No mass style breakage. You can see some differences in padding and margins. And you can see differences in how SMF and BS are using html elements. Mostly in heading usage.

http://tekkla.de/pics/with_bootstrap.jpg
http://tekkla.de/pics/without_bootstrap.jpg


It's only the boardindex, but the rest of the forum isn't much more broken than this.





Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 71,643
    • StoryBB/StoryBB on GitHub
Which 2.1 alpha is this based on? Is that current, or is that - say - from 3 months ago when I forked and started doing an integration (knowing full well that there's been a ton of work rewriting the templates since then)
Don’t try to tell me that some power can corrupt a person. You haven’t had enough to know what it’s like.

No good deed goes unpunished / No act of charity goes unresented.

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 8,951
  • Gender: Male
  • Black cat rulz!
    • Antes on GitHub
    • merta on LinkedIn
    • @XinYenFon on Twitter
    • WoWSnips
Have you ever tried to include Bootstrap after index.responsive.css?
Nope

Have you ever tried to include Bootstrap after index.responsive.css?
What purpose would that serve?
Nothing :D

Mass style breakage and no responsive benefits whatsoever?
lol :P

No mass style breakage. You can see some differences in padding and margins. And you can see differences in how SMF and BS are using html elements. Mostly in heading usage.

http://tekkla.de/pics/with_bootstrap.jpg
http://tekkla.de/pics/without_bootstrap.jpg


It's only the boardindex, but the rest of the forum isn't much more broken than this.

Because bootstrap only changed the general elements such as h3 / img etc... that picture (with bootstrap) 95% or even more only using index.css
You can support me directly via Patreon

In Catnip We Trust.
The solution is Catnip!
Vote for Catnip!

Current Project(s): [ WoWSnips ]
Past Project(s): [ ezPortal ] # [ Lunarfall ] # [ RDD (HTML5) ]