My Idea for BukkitDev's Design

Discussion in 'BukkitDev Information and Feedback' started by rtainc, May 30, 2013.

?

Is the design decent?

  1. It's pretty nice.

    18 vote(s)
    81.8%
  2. No (please elaborate in a reply.)

    4 vote(s)
    18.2%
Multiple votes are allowed.
Thread Status:
Not open for further replies.
  1. Offline

    rtainc

    As with every year/week/day/hour/minute/second, the world has changed design standards, and BukkitDev is (to no offense given intentionally) still in 2011's idea. I've made an HTML5/CSS3 page which is my idea for BukkitDev. Please consider checking it out -- any feedback (besides what nkrecklow has done) is welcome.

    I may actually try to make a version that grabs the actual information from dev.bukkit.org and puts it into this design, but that's a bit over-the-top for a lousy design :p


    [​IMG]

    Things changed (well, all of it):
    • New navigation bars
    • Grouped some navigation menus (like "Hi rtainc")
    • New overall design
    • "Recent files" made a bit cleaner
    • Added noise to background
    • doing more...

    Live demo: http://rtaink.com/bukkitdev.html

    EDIT by Moderator: merged posts, please use the edit button instead of double posting.
     
    Last edited by a moderator: Jun 1, 2016
  2. Offline

    hawkfalcon

    I think this is definitely a step in the right direction, may I have the css? :)
     
    C0nsole likes this.
  3. Offline

    rtainc

    It's actually just Bootstrap (I know, I know) but modified a bit.
    http://twitter.github.io/bootstrap
     
  4. Offline

    hawkfalcon

    Yeah, I realize its bootstrap, I suppose I meant may I see the source?
     
  5. Offline

    rtainc

  6. Offline

    Coelho

    I believe BukkitDev's design would be a ton better if it was consistent with the design of the forums, which it tries but fails to do.
     
    Hoolean, hawkfalcon and evilmidget38 like this.
  7. Offline

    JOPHESTUS

    Looks pretty good, you should centre the search bear on the html page
     
  8. Offline

    kreashenz

    This would look great. Next you could try the bukkit.org page. :)
     
  9. Offline

    user_43347

    Username is way to big, also doesn't have the proper padding to it's left.
    Download and Ticket links are too far to the left due to the icons.
    Recent Files section is oddly small compared to the rest of the page, and has a random top padding.
    Also, that search box looks horribly aligned.

    Also, Bootstrap sucks.
     
  10. Offline

    rtainc

    • Bootstrap's fault
    • Bootstrap's fault
    • Bootstrap's fault
    • Bootstrap's fault
    • agreed.

    Oh and btw, the new Minecraft launcher is going to use Bootstrap -- have fun :p

    EDIT by Moderator: merged posts, please use the edit button instead of double posting.
     
    Last edited by a moderator: Jun 1, 2016
  11. Offline

    user_43347

    So instead of fixing it and playing the role of designer you chose, you're just blaming it on bootstrap and calling it good?
     
  12. Offline

    rtainc

    I don't think it's worth even arguing with this one. Please take the time to think about the imbecility of your remark.
     
  13. Offline

    user_43347

    Calm down there, I'm missing where I insulted you. Also, what I said is correct. I pointed out problems, flaws, and mistakes in the design. And instead of fixing them or even looking into them, you promptly blamed them on Bootstrap and left them at that. And I'm the imbecile for saying as the designer (you started this whole thread concerning the design you made, didn't you?) you should FIX your design instead of blaming it on the product and calling it good?
     
    tanveergt5, JOPHESTUS and cMan_ like this.
  14. Offline

    rtainc

    I worked on it for about an hour but Bootstrap limits the abilities to do so. I like the overall design, but not that in particular.
     
  15. Offline

    user_43347

    Bootstrap prevents you from opening the CSS file and editing it?
     
  16. Offline

    rtainc

    If I do something like float: right, it will make the whole entire page mess up. I can't just "open the CSS file and edit it" without it messing up a part of the page.
     
  17. Offline

    user_43347

    Yes, it's called CSS. You have to adjust the rest of it to work with the change. It's like taking the engine out of a car and confused why it doesn't run.
     
  18. Offline

    cMan_

    You shouldn't fix things that aren't broken [In response to this design].
    If you solely change bukkitdev, it would not be in sequence or harmony with bukkit forums.
    Bukkit forums is built off of xenforo, and if you were to also redesign it in bootstrap (to provide harmony), it would just promote unnecessary work off of the existing well-written xenforo infrastructure. In my opinion, bukkit dev looks better and more unique now than with your changes.
     
    user_43347 likes this.
  19. Offline

    lukegb

    Your bottom navbar container should probably be:
    HTML:
    <div class="container" style="padding-left: 10%; padding-right: 10%;">
    <ul class="nav">
    <li class="active"><a href="#">Overview</a></li>
    <li><a href="#">Files</a></li>
    <li><a href="#">Images</a></li>
    <li><a href="#">Tickets</a></li>
    <li><a href="#">Pages</a></li>
    <li><a href="#">Forum</a></li>
    <li><a href="#">Repository</a></li>
    <li><a href="#">Subscriptions</a></li>
    </ul><form class="navbar-search pull-right"><input type="type" class="search-query" placeholder="Search"></form>
    </div>
    to make the search box look nicer.

    For your top navbar,
    HTML:
    <div class="navbar navbar-inverse">
    <div class="navbar-inner" style="border-radius: 0;">
    <div class="container" style="padding-left: 10%; padding-right: 10%;">
    <ul class="nav">
    <li class="active"><a href="#">Bukkit Mods</a></li>
    <li><a href="#">Authors</a></li>
    <li><a href="#">Wiki</a></li>
    <li><a href="#">Knowledge Base</a></li>
    <li><a href="#">Store</a></li>
    <li><a href="#">Paste</a></li>
    <li><a href="#">Back to Bukkit</a></li>
    </ul>
    <ul class="nav pull-right">
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" style="outline: none;font-size: large;" data-toggle="dropdown">Hi rtainc <b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li><a href="#">0 PMs</a></li>
    <li><a href="#">Sign out</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </div>
    </div>
    works. Inline styles are annoying - I'd probably move them out ASAP and into some custom CSS classes.

    Aside from that - although your redesign is nice and all, the same HTML templates are used across CurseForge, with only differing CSS and some feature flags used for controlling certain displayed items changed between them. It would be nice to adopt custom theming but the amount of extra effort we'd have to ask Curse to go to to maintain both sets of templates (and what if some of their other communities asked the same thing? Nightmare!)

    We like to maintain a Flexile-esque theme across our sites, though, so even though tools.bukkit.org and plugins.bukkit.org do actually use Bootstrap, they have some tweaks applied to make them look (a bit) more like Flexile.
     
    tanveergt5, rtainc and lol768 like this.
  20. Offline

    rtainc

    I had some freetime so I just went ahead and made it in 15 minutes... I'm not anywhere near expected they'd change it.
     
  21. Offline

    user_43347

     
  22. Offline

    cMan_

    1/4 of an hour is pretty much an hour. Give or take 45 minutes.
     
    Hoolean and user_43347 like this.
  23. rtainc you've out done your self with this :) this looks really sick!
     
    rtainc likes this.
  24. Offline

    Jnorr44

    Looks great. If I have one comment it's that the search bar is a little too high. (At least on my browser (latest Opera)). But that should definitely be the next bukkitdev style.
     
  25. Offline

    rtainc

    Yeah, that's an issue with Bootstrap. I'll probably remake it with my own CSS, but it's not worth it considering they'll never use it.
     
  26. Offline

    crushh87

    Way better than how it is now. I especially like the files tab to the right!
     
  27. Offline

    TnT

    Image Spam Removed.
     
    rtainc likes this.
  28. Offline

    rtainc

    Tried it and it works great! I might just use this for a project of mine.
     
  29. Offline

    tanveergt5

    The problem is, you have to be able to make a xenforo theme, no point making a little CSS/html site, as they are not compatible. It is nice and more modern, perhaps a simple reskin on this theme with CSS3 markups would suffice
     
    user_43347 likes this.
  30. Offline

    rtainc

    I might as well make a XenForo theme... I mean why the hell not.
     
Thread Status:
Not open for further replies.

Share This Page