Skip to content

Instantly share code, notes, and snippets.

View tanmaypatel's full-sized avatar

Tanmay Patel tanmaypatel

48 followers · 220 following
View GitHub Profile
@tanmaypatel
tanmaypatel / index.html
Created November 15, 2018 07:33
MQTT Client in React
<nav class="navbar navbar-dark bg-primary">
<a class="navbar-brand" href="#">MQTT Demo</a>
</nav>
<div id="root" class="container-fluid">
</div>
@tanmaypatel
tanmaypatel / area-to-path.js
Created September 8, 2015 17:52
Area tag to SVG Path Element
var coordinatesData = "412,156, 427,161, 429,163, 444,153, 453,155, 457,159, 452,168, 459,174, 455,178, 460,179, 463,193, 460,203, 441,214, 436,217, 458,238, 469,257, 479,267, 478,269, 479,285, 458,309, 436,310, 414,305, 410,323, 397,334, 379,313, 389,316, 401,320, 399,305, 382,300, 371,290, 367,296, 366,298,338,274, 332,272, 300,239, 316,238, 316,234, 313,230, 328,225, 333,213, 338,196, 333,181, 337,166, 345,145";
var coordsTokens = coordinatesData.split(/\s*,\s*/);
var pathData = "";
for(var i = 0; i < coordsTokens.length; i+=2)
{
if(i<2)
{
pathData += "M"
@tanmaypatel
tanmaypatel / test.html
Last active August 29, 2015 14:22
Positioning!
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Affordable Healthcare</title>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,900,700,400italic,500' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<style>
html, body
@tanmaypatel
tanmaypatel / stuns
Last active August 29, 2015 14:10 — forked from yetithefoot/stuns
{url:'stun:stun01.sipphone.com'},
{url:'stun:stun.ekiga.net'},
{url:'stun:stun.fwdnet.net'},
{url:'stun:stun.ideasip.com'},
{url:'stun:stun.iptel.org'},
{url:'stun:stun.rixtelecom.se'},
{url:'stun:stun.schlund.de'},
{url:'stun:stun.l.google.com:19302'},
{url:'stun:stun1.l.google.com:19302'},
{url:'stun:stun2.l.google.com:19302'},
@tanmaypatel
tanmaypatel / jsbin.burut.html
Last active August 29, 2015 14:07 — forked from mojaray2k/jsbin.burut.html
<html>
<head>
<title>Select styles with CSS only</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: #fff;
font-family: helvetica, sans-serif;
margin: 4% 10%
}
@tanmaypatel
tanmaypatel / README.md
Last active August 29, 2015 14:07 — forked from addyosmani/README.md

CSS Layout Debbuger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@tanmaypatel
tanmaypatel / elements.html
Created September 26, 2014 14:56
Bouncing Chameleon Spinner - LessHat version!
<div class="spinner">
<div class="element1"></div>
<div class="element2"></div>
</div>
@tanmaypatel
tanmaypatel / umd.js
Created August 12, 2014 10:23
Defining modules supporting AMD/CommonJS/Node and Globals!
/*
* From blogpost @ http://ifandelse.com/its-not-hard-making-your-library-support-amd-and-commonjs/
*/
(function (root, factory)
{
if(typeof define === "function" && define.amd)
{
// Now we're wrapping the factory and assigning the return
// value to the root (window) and returning it as well to
@tanmaypatel
tanmaypatel / stickyfooter.html
Created July 10, 2014 07:36
Sticky Footer with Bootstrap!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sticky footer &middot; Twitter Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS -->
<link href="../assets/css/bootstrap.css" rel="stylesheet">
@tanmaypatel
tanmaypatel / Gruntfile.js
Created April 18, 2014 13:02
Grunt Configuration
module.exports = function(grunt)
{
require('time-grunt')(grunt);
require('load-grunt-config')(grunt, {
config: {
srcLocation: 'src',
distLocation: 'dist'
}
});