Skip to content

Instantly share code, notes, and snippets.

View amitmerchant1990's full-sized avatar

Amit Merchant amitmerchant1990

View GitHub Profile
@amitmerchant1990
amitmerchant1990 / hackernews_night_mode.css
Created November 9, 2016 09:22
HackerNews Night Mode
/**
A nifty little CSS to experience HN in night mode using Stylish.
1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome.
2. Open up extension options and paste the whole CSS mentioned below.
3. Specify the "URLs on the domian to" to be `news.ycombinator.com`.
4. Add a title and save.
*/
body {
font-family: Verdana, Geneva, sans-serif;
@cezarpopa
cezarpopa / autoplay multiple youtube vimeo videos on hover
Last active January 6, 2021 08:39
autoplay multiple youtube / vimeo videos on hover
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
</head>

Building a desktop application with Electron

This is a tutorial for building a Markdown-to-HTML renderer using Electron. It is meant to accompany my session on Building a desktop application with Electron at JSConf Colombia.

The slides for the first part of the presentation are available here.

About Steve

Steve is the Director of Academics for the Front-End Engineering program at the Turing School of Software and Design in Denver, Colorado, USA.

@luke3butler
luke3butler / stylish.css
Last active September 19, 2016 08:42 — forked from amitmerchant1990/stylish.css
GitHub Fixed Header for better accessibility.
/**
1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome.
2. Open up extension options and paste the whole CSS mentioned below.
3. Specify the domain name to be `github.com`.
4. Add a title and save.
*/
@media (min-height: 850px) {
.header {
padding-top: 10px;
@amitmerchant1990
amitmerchant1990 / stylish.css
Last active December 28, 2018 00:32
GitHub Fixed Header for better accessibility.
/**
1. Install the Stylish(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en) extension for Chrome.
2. Open up extension options and paste the whole CSS mentioned below.
3. Specify the domain name to be `github.com`.
4. Add a title and save.
*/
.header {
padding-top: 10px;
padding-bottom: 10px;
@amitmerchant1990
amitmerchant1990 / gist:34061136cc0a1fe926402814ba111f86
Created August 26, 2016 08:36
CSS : Center Text in middle of page
h1 {
left: 0;
line-height: 200px;
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
@btfak
btfak / useHexo.md
Created May 26, 2016 09:41
How to use Hexo and deploy to GitHub Pages

Keybase proof

I hereby claim:

  • I am amitmerchant1990 on github.
  • I am amitmerchant (https://keybase.io/amitmerchant) on keybase.
  • I have a public key whose fingerprint is FBBA 8B64 4897 0F86 CAE1 1B7B 4F92 A08D 6724 0E6A

To claim this, I am signing this object:

var mediaJSON = { "categories" : [ { "name" : "Movies",
"videos" : [
{ "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
"subtitle" : "By Blender Foundation",
"thumb" : "images/BigBuckBunny.jpg",
"title" : "Big Buck Bunny"
},
{ "description" : "The first Blender Open Movie from 2006",
"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],
@LeaVerou
LeaVerou / dabblet.css
Created February 23, 2014 02:10
Unprefixed animations do nothing in Blink
/**
* Unprefixed animations do nothing in Blink
*/
@keyframes foo {
to { background: lime; }
}
body { background: red; animation: foo 1s infinite; }