Forms/Input

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 by 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 4 5 6 Page 6 of 6

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