Forms/Input Bootstrap Choosen https://github.com/alxlit/bootstrap-chosen Twitter Bootstrap Wizard https://github.com/VinceG/twitter-bootstrap-wizard This Twitter Bootstrap plugin builds a wizard using a formatted tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually. Media Bootstrap Image Gallery https://github.com/blueimp/Bootstrap-Image-Gallery Bootstrap Image Gallery is an extension to the Modal dialog of Twitter’s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality. p/s: this post is being updated time

When I’m doing a responsive web design, I try to work on 1200px wide first. Find the max size of image needed and then work on different size from there. I recently encountered the problem where I need to have the same image height but different width using only 1 image. I need to center the image properly so that it still looks like being cropped properly. HTML :

CSS :

Update : Flisterz have nice suggestion (using js) http://jsfiddle.net/flisterz/FxTwN/4/

HTML :

CSS :

1. Interfaces exist to enable interaction 2. Clarity is job #1 3. Conserve attention at all costs 4. Keep users in control 5. Direct manipulation is best 6. One primary action per screen 7. Keep secondary actions secondary 8. Provide a natural next step 9. Appearance follows behavior (aka form follows function) 10. Consistency matters

1 5 6 7 Page 7 of 7

Search stories by typing keyword and hit enter to begin searching.