Skip to content

Obviate.io

To anticipate and prevent

  • Home
  • About Us
  • History
  • Privacy Policy
  • Toggle search form

Video Review: Bootstrap Studio

Posted on 2015-10-19 By Jon No Comments on Video Review: Bootstrap Studio

Today was the release of Bootstrap Studio so I took an early look at the software.

For those that don’t want to watch the video, the tl;dr version:

  • You need a decent grasp of CSS and bootstrap to use this application. It’s not for beginners; there is no help in app.
  • It makes some tasks easier, but a lot of tasks are harder/slower.
  • The software is very MVP/”1.0″. Lots of rough edges and issues.

The features I liked:

  • Live view / hot reload

  • All the bootstrap components are listed and drag & drop-able
  • Create/save your own user components
  • The multi-size preview is real nice, but not completely functional (for that you need the live view in browser)
  • Shows the active CSS for that specific element, but won’t show you CSS from parent elements.

    Issues I had:

  • Copy/Paste doesn’t work on OSX right now (does on Windows)

  • Creating a new CSS class requires you find the 1 px tall spacer
  • Adding/Editing class requires bringing up the HTML view.
  • Impossible to copy and paste CSS
  • Exported CSS is not minified (nor any options around it)
  • No options for LESS/SASS
  • No “File>Export” option
  • No warning of overwrite on export
  • Really hard to optimize your screen real-estate usage
  • Can’t re-arrange the UI nor any preferences
  • UI lacks polish. For example, duplicating CSS classes does’t give any UI feedback
  • HTML view doesn’t update when closed
  • Can’t turn off/down the highlighting
  • Can’t import existing content
  • If you make a mistake on the component type you can’t easily fix it, e.g. you cannot convert a P to an H1.
  • You can’t import/use JavaScript.

    As I say in the video, I really want to like Bootstrap Studio but it’s more of a pain than a help. At this point I’d suggest skipping it and sticking to using your favorite IDE (or text editor) and viewing pages in a regular web browser.

  • Tech, Video Tags:1.0, bootstrap, Bootstrap Studio, css, design, electron, HTML, initial thoughts, javascript, MVP, twitter bootstrap, webdev

    Post navigation

    Previous Post: The Steam Controller is here!
    Next Post: Re-Bootstrap’ing JonDavis.name

    More Related Articles

    Setting up Node.JS on OSX – Quick and Easy Code
    SocketIO IRC-style Tutorial – Part 4 – The client code Cloud
    Why Slack when you can Rocket.chat? Cloud

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    October 2015
    S M T W T F S
     123
    45678910
    11121314151617
    18192021222324
    25262728293031
    « Sep   Nov »

    Copyright © 2022 Obviate.io

    Powered by PressBook Premium theme