Skip to content

Instantly share code, notes, and snippets.

Avatar

Shahidul Islam DevShahidul

  • http://webtricker.com/
View GitHub Profile
@DevShahidul
DevShahidul / App.md
Created Nov 3, 2022 — forked from kcak11/App.md
Country Codes
View App.md

Country Codes

List of all Country Codes (ISO & Dialing) sorted in alphabetical order.

View 404 error in wordpress solution.txt
First time you need to change the permalinks then edite your
.httaccess text
=====================
for main domain
==================
View Show description bellow the content (featured gallery) box.js
View youtube video auto play api.html
<!DOCTYPE html>
<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>Youtube video</title>
<style>
View Sticky Sidebar function.html
<style>
.sidebar{float: left; width: 360px; max-width: 100%;margin-top:97px; position: relative; background:#efefef;}
.sidebar-inner{width: 360px; position: absolute; top: auto;}
.sidebar-inner.fixed{position: fixed !important; top: 92px; bottom: auto;}
</style>
<!-- Html structure -->
<div class="common-wrap clear">
<div class="content-wrap">
<h2>Content title</h2>
View swiper custom pagination counter.html
<!DOCTYPE html>
<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>VMR | About</title>
<style>
#numberSlides{
View Custom play youtube video function.html
<!-- Html structure -->
<div class="video-wrap">
<iframe class="embed-player" width="100%" height="100%" src="https://www.youtube.com/embed/mQWxbjjn0gw?enablejsapi=1&controls=1&fs=0&iv_load_policy=3&rel=0&showinfo=0&loop=0" frameborder="0" allowfullscreen></iframe>
</div>
View wrap all same classes element.js
// wrap images with class of portrait into a group for styling
$(function(){
var cWrap=$('<div class="portrait-set clear"></div>');
$('.articleImages figure.portrait').each(function(){
var o = $(this).next('figure.portrait').length;
$(this).replaceWith(cWrap).appendTo(cWrap);
if (!o) cWrap=$('<div class="portrait-set clear"></div>');
});
});
View play,pause,stop HTML5 video custom function.html
<!DOCTYPE html>
<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>Tswalu | Happening Tswalu</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/slick.css">
@DevShahidul
DevShahidul / wrap each line with span tag in paragraph.html
Last active May 15, 2019
Note: Please Don't use the float: left css in body-copy selector ;
View wrap each line with span tag in paragraph.html
<!DOCTYPE html>
<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>Strider | Home</title>
<link type="text/css" rel="stylesheet" href="css/style.css">