Skip to content

Instantly share code, notes, and snippets.

View technbuzz's full-sized avatar
🎯
Focusing

Samiullah Khan technbuzz

🎯
Focusing
7 followers · 2 following
View GitHub Profile
@technbuzz
technbuzz / player.js
Created January 23, 2021 10:53
HTML5 Player controls Bookmarklet
(function() {
var video = document.querySelector('video');
if (video) {
var wrapper = document.createElement('div');
wrapper.style.position = 'fixed';
wrapper.style.top = '0';
wrapper.style.left = '0';
wrapper.style.zIndex = '1000';
var buttons = [
{
@technbuzz
technbuzz / cloudSettings
Last active February 28, 2022 08:26
Visual Studio Code Settings Sync Gist
{"lastUpload":"2022-02-28T08:26:29.600Z","extensionVersion":"v3.4.3"}
@technbuzz
technbuzz / app.component.ts
Last active October 25, 2017 04:55
Fix Ionic Common Issues like timeout and splash screen delay, or apk installation
initializeApp() {
this.platform.ready().then(() => {
this.statusBar.overlaysWebView(false);
this.statusBar.backgroundColorByHexString('#243B72');
this.statusBar.styleLightContent();
setTimeout(() => {
this.splashScreen.hide();
}, 100);
});
@technbuzz
technbuzz / cloudSettings
Last active May 9, 2018 05:13
Visual Studio Code Sync Settings Gist
{"lastUpload":"2018-05-09T05:13:51.612Z","extensionVersion":"v2.9.2"}
@technbuzz
technbuzz / avada-report.md
Last active January 7, 2017 13:13
Report about Avada

Limitations

1. Pricing Table:

  • When we add pricing table using fusion builder we are asked for the option like color etc for the first time and it adds dummy content. In order to add more content we need to modify the shortcode. The default style are very basic which aren't enough so custom styles are required.

2. FAQ

  • The current version of Avada (Version 4) comes with the page template for FAQ.
  • One solution is Fusio Builder toggles. The Version 5 of Avada deprictaed the FAQ page Element for FAQ Element
@technbuzz
technbuzz / Parallax.js
Created December 22, 2015 13:53
Simple Parallax Scrolling
///////////////////////////////////////////
// Paralax Effect
////////////////////////////////////////////
var el = document.getElementById('header-image');
window.addEventListener('scroll', function(){
var yPos = -(window.scrollY / 15);
var coords = '50% ' + yPos + 'px';
el.style.backgroundPosition = coords;
@technbuzz
technbuzz / .gitignore
Created October 21, 2014 13:47
Git Ignore for Grunt, Sass and Sublime Text workflow
dist
generated
node_modules
bower_modules
.DS_Store
.sass-cache
*.sublime-project
*.sublime-workspace
.gitignore
@technbuzz
technbuzz / Bootstrap Starter HTML
Last active August 29, 2015 14:04
Bootstrap Starter Html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
@technbuzz
technbuzz / Smooth Scroll Section
Created July 26, 2014 13:44
A nice and smooth scroll transition to particular section, normally used in single page navigaiton.
$("nav").on('click','a',function (event) {
event.preventDefault();
var elAttr = $(this).attr('href');
$('body,html').animate({
scrollTop: $(elAttr).offset().top
},700);
});