Head smacking moment - Bootstrap from twitter

Started by Rooftop, March 07, 2012, 09:16:47 AM

Previous topic - Next topic

Rooftop

I use Springpad to note all sorts of things that I spot and should take a look at sometime. Unfortunately my spotting rate is much faster than my looking in to rate.

Just "re-discovered" bootstrap from twitter. It's been on my list, but being ignored for an age. Kicking myself for that as an hour after looking at it properly it was already saving me time and money.  In my mind it had more to do with twitter, so I pushed it back. Stupid.

In case I wasn't the last person in the world to look at it properly: http://twitter.github.com/bootstrap/
In short it gives you HTML, CSS & javascript scaffolding for new projects, including a usable grid system (as opposed to the numerous ones that are not usable). Things look tidy out of the box and you have common UI elements pre-built and pre-styled for you.  Bootstrap probably saved a day of development on the first project we used it on.

bill

Hey, there are WordPress plugins for this! I might have to give this a whirl. It would beat hand-coding an HTML 5 responsive template any day.

ergophobe


Rooftop

I don't really get the point of using bootstrap as a drupal or WordPress themes. The advantage for us is less code. I suppose it makes developing the theme easier, but where is the payoff for the site owner?

Gurtie

has anyone SEO'd a bootstrap site? tips?

I've just seen a demo of a new site for a client, it looks lovely but there are a lot of ajax-y content changes and smooth as they are I'm not sure where we're headed from a search friendly PO (not just SEO, linking pai and display into specific filters could be fun too.

So before I reinenet the wheel, if there are good resources out there?...

ergophobe

I'm more familiar with Foundation, but since Bootstrap is an outgrowth of Foundation....

I don't believe any AJAX stuff is Bootstrap. Bootstrap is a front-end framework, meaning it is server agnostic, meaning it doesn't know anything about AJAX, JSON, node.js etc etc etc that drive what we generally call AJAX.

the $.ajax method you might see in a Bootstrap site (you can see examples in the Bootstrap docs) is simply the in-built JQuery AJAX method and has nothing to do with Bootstrap itself.
http://api.jquery.com/jquery.ajax/

Aside from that, from an SEO point of view, I suppose the main issue with the frameworks is that there is a fair bit of bloat in the CSS and JS. The plus side is that if you serve it from a major CDN (e.g. Google for Jquery... not sure for Bootstrap), there's a very high chance that someone will already have a cached copy and that they SE spiders will recognize it as such, so it will move on to crawl your actual content.


Gurtie

cool, thanks.

This is going to be interesting, I think.

rcjordan


nffc

We are using bootstrap on everything nowdays. My man has a tool to remove the bloat, xan find the details if anybody wants?

ergophobe

Again, less familiar with Bootstrap, but with Foundation you can create a custom distro with just the components you want very easily on their website or with a little SASS magic (BS uses LESS, but I assume you have similar abilities).

rcjordan

>bloat

BS had become so omnipresent in today's web that the 3rd-party hosted stuff is likely to be in the user's cache.

>seo

Simply put, the top menu bar (responsive) is useful for old-time div manipulation/stuffing. In my tests, I synced it with one strong forum profile link and everything worked like 1999. I was only working within the 20-50million serp range, though.

rcjordan

<added>

I should add that I used it on 3-5k page static sites.

rcjordan

<added 2>

While I really don't have anything further to add re BH-ing BS, I'll note that we're outside ...should anyone want to get serious.

Drastic

>my man has a tool to remove the bloat, xan find the details if anybody wants?

Yeah!