Skip to content

Instantly share code, notes, and snippets.

View karbassi's full-sized avatar
🌱

Ali Karbassi karbassi

🌱
View GitHub Profile
@karbassi
karbassi / index.html
Created November 16, 2018 17:59
Creating Canvas Elements using objects
<!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>Position Detection</title>
<style>
#canvas {
@karbassi
karbassi / index.html
Last active November 16, 2018 15:42
Canvas Position Detection
<!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>Position Detection</title>
<style>
#canvas {
<!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>Document</title>
<style>
#canvas {

Keybase proof

I hereby claim:

  • I am karbassi on github.
  • I am karbassi (https://keybase.io/karbassi) on keybase.
  • I have a public key ASBBFcOjX-tc-6fCc6bwhVWjaG_9beTx4o60Hz9Dja4uPQo

To claim this, I am signing this object:

var canvas = document.getElementById('drawing');
var ctx = canvas.getContext('2d');
// FACE
ctx.beginPath();
ctx.arc(250, 250, 200, 0, 2 * Math.PI);
ctx.strokeStyle = 'black';
ctx.stroke();
ctx.fillStyle = 'yellow';
ctx.fill();
{"account_id_migration_state":2,"account_tracker_service_last_update":"13113367308835242","browser":{"clear_lso_data_enabled":true,"pepper_flash_settings_enabled":true,"window_placement":{"bottom":835,"docked":false,"left":10,"maximized":false,"right":1060,"top":40,"work_area_bottom":845,"work_area_left":0,"work_area_right":1600,"work_area_top":30}},"countryid_at_install":21843,"data_reduction":{"daily_original_length":["0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","727454"],"daily_original_length_application":"450173","daily_original_length_unknown":"26","daily_original_length_via_data_reduction_proxy":["0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0","0

Keybase proof

I hereby claim:

  • I am karbassi on github.
  • I am karbassi (https://keybase.io/karbassi) on keybase.
  • I have a public key whose fingerprint is 80E0 1528 06F8 BB9E 3374 C3ED 8384 FE8B F9F4 18DE

To claim this, I am signing this object:

@karbassi
karbassi / d3.csv.js
Last active August 29, 2015 13:57 — forked from robdodson/d3.csv.js
/*
Example cars.csv:
Year,Make,Model,Length
1997,Ford,E350,2.34
2000,Mercury,Cougar,2.38
*/
d3.csv('cars.csv', function(data) {
@karbassi
karbassi / curlies.js
Created August 12, 2013 23:49
Really small native javascript function to convert text with straight quotes to curly/smart quotes.
function curlies(element) {
function smarten(text) {
return text
/* opening singles */
.replace(/(^|[-\u2014\s(\["])'/g, "$1\u2018")
/* closing singles & apostrophes */
.replace(/'/g, "\u2019")
/* opening doubles */
@karbassi
karbassi / index.html
Created August 12, 2013 23:34
Really small jQuery plugin to convert text with straight quotes to curly/smart quotes.
<!DOCTYPE html>
<head>
<title>Example</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<section class="what">
<div class="awesome">
<div class="classnames">