Skip to content

Instantly share code, notes, and snippets.

View amantheroot's full-sized avatar
🖥️
Doing Stuff

Aman Kumar amantheroot

🖥️
Doing Stuff
4 followers · 5 following
  • Hyderabad, India
View GitHub Profile
@amantheroot
amantheroot / vscode.txt
Created February 1, 2019 00:56
Recommended Settings And Extensions For VSCODE
Settings -
Word Wrap: yes
Tab Size: 2
Extensions -
Bracket Pair Colorizer
CSS Peek
Debugger For Chrome
ES7 React/Redux/GraphQL/React-Native snippets
ESLint
@amantheroot
amantheroot / excanvas.js
Created February 1, 2019 01:47
HTML5 CheatSheet By Derek Banas
function init(){
var canvas = document.getElementById("canvas");
if(canvas.getContext){
// The ctx object provides functions to paint on the canvas
var ctx = canvas.getContext("2d");
// Pick the color to use
ctx.fillStyle = "#FAEBD7";
@amantheroot
amantheroot / csstut1.html
Created February 1, 2019 03:31
CSS 3 cheat sheet by Derek Banas
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Tutorial</title>
<!-- Links to an external Style Sheet -->
<link rel="stylesheet" type="text/css" href="mainstyle.css">
</head>
@amantheroot
amantheroot / index.html
Created February 1, 2019 03:38
CSS FlexBox by Traversy Media
<div class="container-1">
<div class="box-1">
<h3>Box One</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="box-2">
<h3>Box Two</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="box-3">
@amantheroot
amantheroot / index.html
Created February 1, 2019 03:40
CSS Grid by Traversy Media
<!DOCTYPE html>
<html>
<head>
<title>CSS Grids</title>
<style>
.wrapper{
display:grid;
grid-template-columns: 70% 30%;
/*
grid-column-gap:1em;
@amantheroot
amantheroot / jstut.html
Created February 1, 2019 16:38
Javascript cheat sheet by Derek Banas
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="jstut.js"></script>
<style type="text/css">
body {font-size: 1.6em;}
.hidden {display:none;}
.show {display:inline !important;}
@amantheroot
amantheroot / dom.js
Created February 1, 2019 19:19
JavaScript DOM Manipulation cheat sheet by Traversy Media
// EXAMINE THE DOCUMENT OBJECT //
// console.dir(document);
// console.log(document.domain);
// console.log(document.URL);
// console.log(document.title);
// //document.title = 123;
// console.log(document.doctype);
// console.log(document.head);
// console.log(document.body);
@amantheroot
amantheroot / ajax1.html
Created February 1, 2019 21:33
JavaScript AJAX cheat sheet by Traversy Media
<!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">
<title>Ajax 1 - Text File</title>
</head>
<body>
<button id="button">Get Text File</button>
@amantheroot
amantheroot / index.html
Created February 1, 2019 22:15
Fetch API by Traversy Media
<!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">
<title>Fetch API Sandbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
@amantheroot
amantheroot / ecmatut.js
Created February 1, 2019 23:57
ES6 cheat sheet by Derek Banas
// ---------- LET ----------
if(true){
// If you use var then the variable is available
// globally versus let which makes the variable
// available only in the block
// let x = 10;
var x = 10;
document.write("x = " + x + "<br />");
}