Skip to content

Instantly share code, notes, and snippets.

View bulbul84's full-sized avatar

Md Bulbul Hasan bulbul84

7 followers · 32 following
View GitHub Profile
@bulbul84
bulbul84 / fullwidth-video-background.html
Created February 2, 2017 17:41
How to make a video full width like background image cover with perfect ratio and play video when hover on parent div
<!-- Video Hover Play Scripts -->
<script>
$( document ).ready(function() {
var figure = $(".video").hover( hoverVideo, hideVideo );
function hoverVideo(e) {
$('video', this).get(0).play();
}
function hideVideo(e) {
@bulbul84
bulbul84 / changes-class-by-click-main.js
Created February 22, 2017 15:43
Changes/Add and Remove class by click, jquery tricks
jQuery(window).load(function(){
/* List table sort columns */
$('.button-collapse').on('click', function (e) {
e.preventDefault();
$(this).toggle2classes("menuOpen", "menuClose");
});
$.fn.toggle2classes = function(class1, class2){
if( !class1 || !class2 )
@bulbul84
bulbul84 / select-all-checkbox-together.html
Last active March 3, 2017 19:24
How to check or uncheck all checkbox together
<form action="#">
<p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
<fieldset>
<legend>Loads of checkboxes</legend>
<p><label><input type="checkbox" /> Option 1</label></p>
<p><label><input type="checkbox" /> Option 2</label></p>
<p><label><input type="checkbox" /> Option 3</label></p>
<p><label><input type="checkbox" /> Option 4</label></p>
</fieldset>
@bulbul84
bulbul84 / Gulp Extension Install
Created May 30, 2017 22:50
# Install NPM: npm install
# Install node: npm install node
# Install gulp: npm install gulp -g
npm install gulp --save-dev
# Install gulp extension together:
npm install gulp browser-sync gulp-sass gulp-clean-css gulp-notify gulp-file-include gulp-rename gulp-sass-bulk-import g
ulp-sourcemaps gulp-autoprefixer --save-dev
@bulbul84
bulbul84 / Sublime Text 3 Build 3103 License Key - CRACK
Created November 10, 2017 11:50 — forked from angrycoffeemonster/Sublime Text 3 Build 3103 License Key - CRACK
Sublime Text 3 Build 3103 License Key - CRACK
I use the first
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
@bulbul84
bulbul84 / Sublime Text 3 Build 3103 License Key - CRACK
Created November 10, 2017 11:50 — forked from AdReVice/Sublime Text 3 Build 3103 License Key - CRACK
Sublime Text 3 Build 3103 License Key - CRACK
I use the first
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
@bulbul84
bulbul84 / flexbox.css
Created January 20, 2018 10:47
CSS Flexbox Vertical+Horizontally Center and Equal Height
flex-container {
display: flex; /* primary flex container */
flex-direction: row; /* horizontal alignment of flex items
(default value; can be omitted) */
align-items: stretch; /* will apply equal heights to flex items
(default value; can be omitted) */
height: 100%;
}
flex-item {
@bulbul84
bulbul84 / wp-config.php
Created July 14, 2018 09:47
How to increasing the php maximum execution time, add the following line in your wp-config.php
ini_set('max_execution_time', 300); //300 seconds = 5 minutes
@bulbul84
bulbul84 / remove-link-highlights.css
Created July 14, 2018 14:21 — forked from pixelchar/remove-link-highlights.css
Remove Gray Highlight When Tapping Links in Mobile Safari. JS allows :active styles to work in the CSS on a page in Mobile Safari. http://css-tricks.com/snippets/css/remove-gray-highlight-when-tapping-links-in-mobile-safari/
@bulbul84
bulbul84 / stock-googlemap-shortcode.php
Created July 22, 2018 18:32 — forked from raselahmed7/stock-googlemap-shortcode.php
<?php
function stock_styled_map_shortcode($atts, $content = null) {
extract( shortcode_atts( array(
'lat' => '40.7433379',
'lng' => '-74.0103219',
'title' => 'Head Office',
'desc' => 'House 21, Grand St.<br/> New York, USA',