Skip to content

Instantly share code, notes, and snippets.

View DevShahidul's full-sized avatar
🎯
Focusing

Shahidul Islam DevShahidul

🎯
Focusing
  • http://webtricker.com/
View GitHub Profile
@DevShahidul
DevShahidul / Highcharts Cheat Sheet.js
Created August 20, 2023 05:44 — forked from X-Raym/Highcharts Cheat Sheet.js
Highcharts Cheat Sheet
View Highcharts Cheat Sheet.js
$('#container').highcharts({
chart: {
alignTicks: true, // When using multiple axis, the ticks of two or more opposite axes will automatically be aligned by adding ticks to the axis or axes with the least ticks.
animation: true, // Set the overall animation for all chart updating. Animation can be disabled throughout the chart by setting it to false here.
backgroundColor: '#FFF', // The background color or gradient for the outer chart area.
borderColor: '#4572A7', // The color of the outer chart border.
borderRadius: 5, // The corner radius of the outer chart border. In export, the radius defaults to 0. Defaults to 5.
borderWidth: 0, // The pixel width of the outer chart border.
className: null, // A CSS class name to apply to the charts container div, allowing unique CSS styling for each chart.
defaultSeriesType: 'line', // Alias of type.
@DevShahidul
DevShahidul / App.md
Created November 3, 2022 13:59 — 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">