Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Jumpstarting App Development with Twitter Bootstrap

DZone's Guide to

Jumpstarting App Development with Twitter Bootstrap

· Web Dev Zone
Free Resource

Get deep insight into Node.js applications with real-time metrics, CPU profiling, and heap snapshots with N|Solid from NodeSource. Learn more.

Like many other engineers I’ve worked with, Twitter engineers will use any set of tools they are familiar with to deliver the front-end of their applications.

Many of us app developers aren’t UI experts, and many of the projects we build don’t have requirements for a high quality UI, so we just slap together whatever we can. Which often looks like shit.

Twitter has spearheaded an open source UI toolkit, meant to kickstart the development of web apps and sites, called Bootstrap.

Twitter Bootstrap provides CSS and HTML for several key areas of UI development:

  • Grids
  • Layouts
  • Typography
  • Media
  • Tables
  • Forms
  • Navigation
  • Alerts
  • Popovers

Bootstrap’s also comes with custom plugins that work with jQuery and Ender, to make sure your UI is interactive and sexy.

I’m using Bootstrap as a base UI for all my prototype projects. Bootstrap gives me a complete set of UI tools to start with, leaving me to focus on how the application works. When I’m ready to share with anyone, it immediately looks good, increasing the chance that my prototype will have the desired impact.

I really dig what Bootstrap has done for my development, and I encourage anyone to download or fork on Github, and get involved using and adding to the Twitter Bootstrap project.

 

Source: http://www.kinlane.com/2011/12/jumpstarting-my-app-development-with-twitter-bootstrap

Node.js application metrics sent directly to any statsd-compliant system. Get N|Solid

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}