4 ms·

Twitter Bootstrap competitor?

by dudus 12y ago

Nico2706 12y ago
More like html5boilerplate alternative.
- kinlan 12y ago
  I think this is a fair comparison. Right now we are not providing components like the ones you get in Zurb and Bootstrap. EDIT: clarified.
  - brbcoding 12y ago
    It seems like this is more of a workflow than just a framework. Zurb and bootstrap don't come with build tools as far as I know, whereas this includes a gulpfile and a bunch of other stuff that's very common in my workflow. This feels more yeoman-esque + generator to me. Edit: Totally posted this before I read 'Web Starter Kit is inspired by Mobile HTML5 Boilerplate and Yeoman's generator-gulp-webapp, having taken input from contributors to both projects during development. Our FAQs attempt to answer commonly asked questions about the project.'
    - kinlan 12y ago
      Yeah. that is a very good summary. If you want build process and tooling to help then we have that based on the tools that we think are the best, however we don't force workflow on people if they don't want it.
      - dwd 12y ago
        Noticed Paul Irish is no longer active on H5BP, is he now on team Web Starter Kit or working on the broader Web Fundamentals?
        kinlan 12y ago
        Paul Irish has given us guidance, input and feedback and is on the same team as me, but Addy Osmani is the main driver of starter kit, with me leading Web Fundamentals.
        dwd 12y ago
        Thanks for the insight. Given his broader influence and role at Google it made sense he was involved in some way.
- Kiro 12y ago
  Definitely more Bootstrap than H5BP. H5BP is just an index.html with some reset CSS and Modernizr. This is much more.
- rog3r 12y ago
  More like Yeoman competition.
addyo 12y ago
Good question. We don't consider ourselves a Bootstrap competitor, but rather a combination of best practices and tooling when it comes to starting work on new multi-device/mobile web projects. Bootstrap, Zurb and similar libraries provide a great start for prototyping your apps, but one of the biggest challenges with them is that it’s (almost too) easy to get stuck using their styles, look and feel for the lifetime of your application. We think this leads to a poorer experience. It's also easy to just end up with 100KB+ of styles (unless you're opting for a modular build) that never get removed. In Web Starter Kit, we provide you a boilerplate set of base styles and a visual style guide for your components, but we actively encourage you to change these to suit your own app. This may require a little more work, but the reality is that any serious project is going to have it’s own look and feel and we want you to feel comfortable changing the kit to suit your own needs. We also include tooling for removing unused CSS. So, even if you use our styles (or choose to use Bootstrap instead) we should hopefully help keep your pages lean.
- deleted 12y ago
  [deleted]
- joshma 12y ago
  Is there any way to use the tooling independently of web starter kit? Wasn't able to find a link on the site, are they just warnings you see once you start developing? Can the tooling account for JS changes and navigation between pages? Sorry for the barrage of questions, just really hoping to find a decent tool to clean up CSS...
  - mofle 12y ago
    If it's just cleaning up CSS you're after, I would use UnCSS. Checkout grunt-uncss task or gulp-uncss to hook it up to your build process. We don't currently document using the tooling independent of the kit, but you should be able to pluck the package.json and gulpfile.js and edit per your needs. We'll try to get this documented.
  - deleted 12y ago
    [deleted]

Twitter Bootstrap competitor?

by dudus 12y ago

Twitter Bootstrap competitor?

Nico2706 12y ago

More like html5boilerplate alternative.

kinlan 12y ago
I think this is a fair comparison. Right now we are not providing components like the ones you get in Zurb and Bootstrap. EDIT: clarified.
- brbcoding 12y ago
  It seems like this is more of a workflow than just a framework. Zurb and bootstrap don't come with build tools as far as I know, whereas this includes a gulpfile and a bunch of other stuff that's very common in my workflow. This feels more yeoman-esque + generator to me. Edit: Totally posted this before I read 'Web Starter Kit is inspired by Mobile HTML5 Boilerplate and Yeoman's generator-gulp-webapp, having taken input from contributors to both projects during development. Our FAQs attempt to answer commonly asked questions about the project.'
  - kinlan 12y ago
    Yeah. that is a very good summary. If you want build process and tooling to help then we have that based on the tools that we think are the best, however we don't force workflow on people if they don't want it.
    - dwd 12y ago
      Noticed Paul Irish is no longer active on H5BP, is he now on team Web Starter Kit or working on the broader Web Fundamentals?
      - kinlan 12y ago
        Paul Irish has given us guidance, input and feedback and is on the same team as me, but Addy Osmani is the main driver of starter kit, with me leading Web Fundamentals.
        dwd 12y ago
        Thanks for the insight. Given his broader influence and role at Google it made sense he was involved in some way.
Kiro 12y ago
Definitely more Bootstrap than H5BP. H5BP is just an index.html with some reset CSS and Modernizr. This is much more.
rog3r 12y ago
More like Yeoman competition.

addyo 12y ago

Good question. We don't consider ourselves a Bootstrap competitor, but rather a combination of best practices and tooling when it comes to starting work on new multi-device/mobile web projects. Bootstrap, Zurb and similar libraries provide a great start for prototyping your apps, but one of the biggest challenges with them is that it’s (almost too) easy to get stuck using their styles, look and feel for the lifetime of your application. We think this leads to a poorer experience. It's also easy to just end up with 100KB+ of styles (unless you're opting for a modular build) that never get removed. In Web Starter Kit, we provide you a boilerplate set of base styles and a visual style guide for your components, but we actively encourage you to change these to suit your own app. This may require a little more work, but the reality is that any serious project is going to have it’s own look and feel and we want you to feel comfortable changing the kit to suit your own needs. We also include tooling for removing unused CSS. So, even if you use our styles (or choose to use Bootstrap instead) we should hopefully help keep your pages lean.

deleted 12y ago
[deleted]
joshma 12y ago
Is there any way to use the tooling independently of web starter kit? Wasn't able to find a link on the site, are they just warnings you see once you start developing? Can the tooling account for JS changes and navigation between pages? Sorry for the barrage of questions, just really hoping to find a decent tool to clean up CSS...
- mofle 12y ago
  If it's just cleaning up CSS you're after, I would use UnCSS. Checkout grunt-uncss task or gulp-uncss to hook it up to your build process. We don't currently document using the tooling independent of the kit, but you should be able to pluck the package.json and gulpfile.js and edit per your needs. We'll try to get this documented.
- deleted 12y ago
  [deleted]