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.
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.