jQuery item / image slider

VIEW RESULT IN FULLSCREEN

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;
}

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

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.

Website for mobile header should have…

When you are making website for mobile view. You need to have following code at HTML header. I am using my links, just replace with yours. 🙂

<meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="author" content="Shohag Bhuiyan">
<link rel="author" href="https://plus.google.com/u/0/+ShohagBhuiyan">
 <meta property="article:author" content="http://au.linkedin.com/in/shohagbhuiyan/" />
 <meta property="article:publisher" content="http://www.shohagbhuiyan.info" />
 <meta name="description" content="Shohag Bhuiyan's personal website.">
 <meta property="og:title" content="Shohag Bhuiyan"/>
 <meta property="og:image" content="http://www.shohagbhuiyan.info/img/Shohag-Bhuiyan.png"/>
 <meta property="og:url" content="http://www.shohagbhuiyan.info">
 <meta property="og:description" content="This is my personal website. Please visit to see my work sample or contact me. Thanks."/>
 <link rel="icon" href="http://www.shohagbhuiyan.info/img/icons/favicon.ico">
 <!--[if IE]><link rel="shortcut icon" href="http://www.shohagbhuiyan.info/img/icons/favicon.ico"><![endif]-->
 <link rel="apple-touch-icon" href="http://www.shohagbhuiyan.info/img/icons/mipmap-xxxhdpi-ic_launcher.png" />
 <link rel="icon" href="http://www.shohagbhuiyan.info/img/icons/mipmap-xxxhdpi-ic_launcher.png" >