Tag: design
jQuery item / image slider
Momentum Scrolling iOS Device
iOS has default scrolling animation on Safari. When you flick the website up or down, it keeps going for a sec, then slow down & stop. This animation stop work when you use overflow:hidden. But you can add it back. Here is the code
html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
overflow-y: scroll; /* must be scroll */
-webkit-overflow-scrolling: touch;
}
Swapping DIV in CSS only
Vertical Centering With CSS
CSS: Range Slider
See the Pen CSS Range Slider Bar by Shohag Bhuiyan (@shohagbhuiyan) on CodePen.
CSS: How To Center an Object Exactly In The Center
Slider: Pure CSS3
Webfont
If you want to use different font than default font of internet browser, you can try this.
Go to Google font for more fonts.