Skip to content

Instantly share code, notes, and snippets.

View abhishekjakhar's full-sized avatar
:octocat:

Abhishek Jakhar abhishekjakhar

:octocat:
14 followers · 5 following
View GitHub Profile
@abhishekjakhar
abhishekjakhar / index.html
Last active April 1, 2019 16:41
Dialog Element + Form + Buttons
<!doctype html>
<html>
<head>
<title>HTML Dialog Element</title>
</head>
<body>
<dialog open>
<form method="dialog">
<input type="text">
<button type="submit">OK</button>
@abhishekjakhar
abhishekjakhar / index.html
Last active April 1, 2019 16:42
Dialog Element + Input + Button
<!doctype html>
<html>
<head>
<title>HTML Dialog Element</title>
</head>
<body>
<dialog open>
<form method="dialog">
<input type="text">
<button type="submit">SUBMIT</button>
@abhishekjakhar
abhishekjakhar / index.html
Last active April 1, 2019 16:43
Dialog Element + Boolean Open
<!doctype html>
<html>
<head>
<title>HTML Dialog Element</title>
</head>
<body>
<dialog open>
</dialog>
</body>
<script src="app.js"></script>
@abhishekjakhar
abhishekjakhar / index.html
Last active April 1, 2019 16:42
Dialog Element
<!doctype html>
<html>
<head>
<title>HTML Dialog Element</title>
</head>
<body>
<dialog>
</dialog>
</body>
<script src="app.js"></script>
@abhishekjakhar
abhishekjakhar / browserDetection.js
Created December 18, 2018 22:50
Function for Detecting Browser
export const browserDetection = () => {
const isGoogleBot = navigator.userAgent.toLowerCase().indexOf('googlebot') !== -1;
const isIE = /*@cc_on!@*/false || !!document.documentMode;
const isEdge = !(isIE) && !!window.StyleMedia;
const isFirefox = typeof InstallTrigger !== 'undefined';
const isOpera = (!!window.opr && !!window.opr.addons) || !!window.opera
|| navigator.userAgent.indexOf(' OPR/') >= 0;
const isChrome = !isGoogleBot && !isEdge && !isOpera && !!window.chrome && (
!!window.chrome.webstore
|| navigator.vendor.toLowerCase().indexOf('google inc.') !== -1
@abhishekjakhar
abhishekjakhar / style.css
Last active June 29, 2019 16:41
Gallery With Grid's CSS File
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
box-sizing: border-box;
@abhishekjakhar
abhishekjakhar / index.html
Created December 9, 2018 08:08
Image Gallery With Grid's
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,400i|Nunito:300,300i" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
@abhishekjakhar
abhishekjakhar / main.css
Last active March 2, 2020 11:20
HTML Tables CSS File
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: 'Lato', sans-serif;
color: #333;
font-weight: 400;
@abhishekjakhar
abhishekjakhar / index.html
Last active November 4, 2018 09:29
HTML Video(Broader Support)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
@abhishekjakhar
abhishekjakhar / index.html
Created October 29, 2018 23:58
Multiple Input Element (With Placeholder)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>