Skip to content

Instantly share code, notes, and snippets.

View bulbul84's full-sized avatar

Md Bulbul Hasan bulbul84

View GitHub Profile
@bulbul84
bulbul84 / input type range style
Last active September 7, 2015 15:01
HTML Input type range style for cross browser compatibility
<input type="range">
<select name="pickupsel" id="pickups" style="line-height:33px; -webkit-appearance: none;">
Wordpress CheartSheet:
http://wpcheatsheet.net/
=========================================
Extract CSS: http://webservicebd.com/extractcss/
==========================================
Images optimiser: https://tinypng.com/
==========================================
***Add Expire Headers
<FilesMatch "(?i)^.*\.(ico|flv|jpg|jpeg|png|gif|js|css|woff)$">
ExpiresActive On
ExpiresDefault A2592000
</FilesMatch>
PageSpeed Insights not seeing the Gzip compression:
1. List of jQuery Selector: http://www.w3schools.com/jquery/trysel.asp
2. List of jQuery Selector Reference:
@bulbul84
bulbul84 / style.css
Created November 13, 2015 17:54
how to solve wow.js twice animation/ dubble animation problems
/* Write this simple css for soleving this issue */
.wow {
visibility: hidden;
}
@bulbul84
bulbul84 / index.html
Created November 13, 2015 17:57
How to use or solve isotop hidden problem or not showing issue
/* write isotop jquery script on your .html page and use $(window).load(function () {}); function like below */
<script>
$(window).load(function () {
// our lasest project
$('.grid').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
columnWidth: 3,
gutter: 30
@bulbul84
bulbul84 / index.html
Last active November 14, 2015 14:28
How to style input type file element
<div class="fileUpload btn btn-primary">
<span>Upload</span>
<input type="file" class="upload" />
</div>
step 1: dail: *5000*0*4*3#
step 2: *5000*55#
step 3: *5000*8*1*1*2#
@bulbul84
bulbul84 / index.html
Last active March 15, 2016 09:10
Bootstrap 3 responsive columns of same height
<div class="row">
<div class="col-xs-12 col-sm-4 panel" style="background-color: red">
some content
</div>
<div class="col-xs-6 col-sm-4 panel" style="background-color: yellow">
kittenz
<img src="http://placekitten.com/100/100">
</div>
<div class="col-xs-6 col-sm-4 panel" style="background-color: blue">
some more content