Skip to content

Instantly share code, notes, and snippets.

Avatar

Vik Ramanujam vviikk

View GitHub Profile
@vviikk
vviikk / two-finger-history-navigation.js
Last active Feb 18, 2021
two-finger-history-navigation.js
View two-finger-history-navigation.js
// This script is responsible for implementing the functionality of
// going back/forward in the navigation history when the user scrolls
// the page left/right using the touchpad.
// Each horizontal scroll event is intercepted and if the total motion
// within a given time is greather than a threshold, the code triggers
// a history.back() or .forward()
// Settings are handled by the background script bg.js.
function twoFingerScroll() {
// define a motion accumulator
@vviikk
vviikk / smooth-scrolling.js
Last active Feb 18, 2021
Smooth scrolling you can add inject into any Nativefier app
View smooth-scrolling.js
// ==UserScript==
// @name Smoothscroll
// @author Creec Winceptor
// @description Smooth scrolling on pages using javascript
// @namespace https://greasyfork.org/users/3167
// @include *
// @version 9.6
// ==/UserScript==
const Smoothscroll = {};
View userChrome.2019.aug
Toolbar {
visibility: collapse !important;
}
/* For only Tree Style Tab sidebar #1397 */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none !important;
}
@vviikk
vviikk / index.html
Created Jan 9, 2019
Electron Fiddle Gist
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<style>
.tabbar {
position: absolute;
left: 0;
top: 0;
@vviikk
vviikk / index.html
Created Jan 7, 2019
Electron Fiddle Gist
View index.html
<html>
<head>
<style>
</style>
</head>
<body>
<form name="form">
<input name="input" placeholder="https://messenger.com/" value="https://messenger.com">
<button type="submit">submit</button>
</form>
@vviikk
vviikk / index.html
Created Jan 7, 2019
Electron Fiddle Gist
View index.html
<html>
<head>
<style>
</style>
</head>
<body>
<form name="form">
<input name="input" placeholder="https://messenger.com/" value="https://messenger.com">
<button type="submit">submit</button>
</form>
@vviikk
vviikk / index.html
Created Jan 7, 2019
Electron Fiddle Gist
View index.html
<html>
<head>
<style>
</style>
</head>
<body>
<form name="form">
<input name="input" placeholder="https://messenger.com/" value="https://messenger.com">
<button type="submit">submit</button>
</form>
@vviikk
vviikk / index.html
Created Jan 7, 2019
Electron Fiddle Gist
View index.html
<html>
<head>
<style>
webview {
display: inline-flex;
width: 800px;
height: 600px;
}
</style>
</head>
@vviikk
vviikk / index.html
Created Jan 7, 2019
Electron Fiddle Gist
View index.html
<html>
<head>
<style>
webview {
display: inline-flex;
width: 800px;
height: 600px;
}
</style>
</head>
@vviikk
vviikk / index.html
Created Jan 7, 2019
Electron Fiddle Gist
View index.html
<html>
<head>
<style>
webview {
display: inline-flex;
width: 800px;
height: 600px;
}
</style>
</head>