Shahidul Islam DevShahidul

🎯

Focusing

I am a professional front-end web developer.

DevShahidul / slick total slide count.html

Created November 15, 2018 03:41

See the example on Ramzy ride project


	<!-- Slider counter structer -->
	<div class="slide-count-wrap trck-count">
	<div class="prev"></div>
	<div class="next"></div>
	<span class="current"></span> /
	<span class="total"></span>
	</div>

	<script>

DevShahidul / slick custom nav.html

Created November 13, 2018 12:19

See the Ramzy ride >>> http://staging.greenboxdesigns.com/ramzy-ride/v2

	<!-- Beginning hero section
	==================================== -->
	<section class="hero-wrap">
	<div class="hero-slide-wrap" id="hero-slide-wrap">
	<div class="slide">
	<div class="hero-thumb" style="background-image: url(images/home-hero.jpg)">
	<div class="common-wrap clear hero-thumb-inner">
	<div class="hero-title">
	<h1>Hello Jozi. We are Ramzy Ride</h1>
	<p>Ramzy Ride is a distinctly African ride-sharing alternative to traditional taxi cabs.</p>

DevShahidul / Select IE and EDGE browser.css

Created October 26, 2018 15:02

	/* This css for edge broser */
	@supports (-ms-ime-align:auto)
	{
	.why-choose-us {
	background-attachment: scroll;
	}
	}

	/* This css for IE broser */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

DevShahidul / set same height all element in jquery.js

Last active November 2, 2018 04:55

See the example on linton park project >>> http://staging.greenboxdesigns.com/linton-park/our-wines-selected.html and here >>> https://jsfiddle.net/mKd6V/

	var maxHeight = 0;
	var heightHolder = [];
	$(".wine-info-wrap").each(function(i){
	var getHeight = $(this).outerHeight();
	heightHolder.push(getHeight)
	maxHeight = Math.max.apply(null, heightHolder);

	})

	$(".wine-info-wrap").each(function(){

DevShahidul / Scroll horizontali section.js

Created October 1, 2018 23:14

See the example here >>> https://codepen.io/Shahidul_56/pen/YJywXa

	/* See related post at
	https://codepen.io/Javarome/post/full-page-sliding
	*/

	var width = 0;
	$(".scroller-wrap > div").each(function() {
	width += $(this).outerWidth( true );
	});

	$('.scroller-wrap').css('width', width);

DevShahidul / Mouse Up and Down event.js

Created October 1, 2018 22:11

	$(document).on('DOMMouseScroll mousewheel', function(e) {
	var moved = e.originalEvent.wheelDelta \|\| e.originalEvent.detail * -1 \|\| 0;

	if (moved > 0) {
	// scrolled up
	} else if (moved < 0) {
	// scrolled down
	}

	});

DevShahidul / Fullpage scroll down jquery.html

Created October 1, 2018 22:04

See the example here >>> https://codepen.io/Javarome/post/full-page-sliding

	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<title> Linton-Park \| Our Wines Selected </title>
	<style>
	body {
	margin:0;
	padding:0;

DevShahidul / Get total element margin-padding with jquery.js

Created October 1, 2018 09:17

See the example on vigor and vice project and here >>> https://stackoverflow.com/questions/7420434/jquery-how-to-get-elements-margin-and-padding/7420530

	var totalItem = $('#firstMiddle-link-info li').length,

	tM = $("#secondMiddle-link-info li").css("margin").split(" "),
	Margin = {
	Top: tM[0] != null ? parseInt(tM[0]) : 0,
	Right: tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0),
	Bottom: tM[2] != null ? parseInt(tM[2]) : (tM[0] != null ? parseInt(tM[0]) : 0),
	Left: tM[3] != null ? parseInt(tM[3]) : (tM[1] != null ? parseInt(tM[1]) : (tM[0] != null ? parseInt(tM[0]) : 0))
	},
	TotalMargin = Margin.Right + Margin.Left,

DevShahidul / Get element with checkbox checked.html

Created August 28, 2018 12:05

	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<title>Title</title>

	<link type="text/css" rel="stylesheet" href="css/style.css">

	<script type="text/javascript" src="scripts/jquery-1.12.4.min.js"></script>

DevShahidul / Add dynamic transition delay.js

Created August 17, 2018 12:10

See example >>> http://staging.greenboxdesigns.com/pelican-v4/

	var delayTime = 0.2
	$('.menu-wrap ul li').each(function(i){
	$(this).find(' > a').css({
	'transition-delay' : delayTime + (i * .05) + 's'
	});
	})